first commit

This commit is contained in:
John Krebian 2025-10-31 17:18:04 +06:30
commit 0643cc7a8e
44 changed files with 5026 additions and 0 deletions

211
404.html Normal file
View file

@ -0,0 +1,211 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Not Found">
<meta property="og:description" content="
">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "/404.html"
},
"url": "/404.html",
"headline": "Not Found",
"description": "
",
"publisher": {
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"logo": {
"@type": "ImageObject",
"url": "/"
}
},
}
</script>
<title>Not Found | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/github.min.css" id="highlightjs-theme" />
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<article class="h-entry">
<data class="p-name" value="Not Found"></data>
<a class="u-url" href="/404.html" style="display: none;"></a>
<div class="content-html e-content"><h1><a href="#not-found" aria-hidden="true" class="anchor" id="not-found"></a>Not Found</h1>
</div>
</article>
<article><h5><a href="#comments" aria-hidden="true" class="anchor" id="comments"></a>Comments</h5>
<p><strong>edit <code>content/_comments.md</code> to adjust for your own site/repo</strong></p>
<p><strong>remove</strong> the file to disable comments</p>
<script src='https://utteranc.es/client.js'
repo='rochacbruno/issue-bin'
issue-term='pathname'
theme='preferred-color-scheme'
crossorigin='anonymous'
async>
</script>
</article>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/highlight.min.js"></script>
<script>
hljs.highlightAll();
</script>
</body>
</html>

227
about.html Normal file
View file

@ -0,0 +1,227 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="About">
<meta property="og:description" content="
Hi, edit about.md to change this content.
">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "/about.html"
},
"url": "/about.html",
"headline": "About",
"description": "Hi, edit about.md to change this content.
",
"publisher": {
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"logo": {
"@type": "ImageObject",
"url": "/"
}
},
}
</script>
<title>About | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/github.min.css" id="highlightjs-theme" />
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<article class="h-entry">
<data class="p-name" value="About"></data>
<a class="u-url" href="/about.html" style="display: none;"></a>
<div class="content-title" id="title">
<h1>About</h1>
<span class="content-date">
<small></small>
</span>
</div>
<div class="content-html e-content"><!-- Content Injected to every content markdown header -->
<p>Hi, edit <code>about.md</code> to change this content.</p>
<!-- Content Injected to every content markdown footer -->
</div>
</article>
<article><h5><a href="#comments" aria-hidden="true" class="anchor" id="comments"></a>Comments</h5>
<p><strong>edit <code>content/_comments.md</code> to adjust for your own site/repo</strong></p>
<p><strong>remove</strong> the file to disable comments</p>
<script src='https://utteranc.es/client.js'
repo='rochacbruno/issue-bin'
issue-term='pathname'
theme='preferred-color-scheme'
crossorigin='anonymous'
async>
</script>
</article>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/highlight.min.js"></script>
<script>
hljs.highlightAll();
</script>
</body>
</html>

179
archive-2025-1.html Normal file
View file

@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"url": ""
}
</script>
<title>Posts from '2025' - 1 | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Posts from '2025' - 1 </strong></article>
</div>
<div class="content-list h-feed">
<h1 class="p-name" style="display: none;">Posts from '2025' - 1</h1>
<div class="left">
<article class="content-list-item h-entry">
<h2 class="p-name" style="display: none;">Welcome to Marmite</h2>
<a class="u-url" href="/welcome.html" style="display: none;"></a>
<time class="dt-published" datetime="2025-10-31T00:00:00+00:00" style="display: none;">Oct 31, 2025</time>
<div class="content-title-wrapper">
<h2 class="content-title"><a href="/welcome.html">Welcome to marmite</a></h2>
</div>
<p class="content-excerpt p-summary">
This is your first post!
Edit this content
edit on content/{date}-welcome.md
Add more content
create new markdown files in the content folder
use marmite --new to create new content
Customize your site
edit marmite.yaml to change site settings
edit ...
<a class="secondary" href="/welcome.html">read more &rarr;</a>
</p>
<footer class="data-tags-footer">
<span class="content-date"><a class="secondary" href="/welcome.html">Oct 31, 2025</a></span>
</footer>
</article>
</div>
</div>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

179
archive-2025.html Normal file
View file

@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"url": ""
}
</script>
<title>Posts from '2025' | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Posts from '2025' </strong></article>
</div>
<div class="content-list h-feed">
<h1 class="p-name" style="display: none;">Posts from '2025'</h1>
<div class="left">
<article class="content-list-item h-entry">
<h2 class="p-name" style="display: none;">Welcome to Marmite</h2>
<a class="u-url" href="/welcome.html" style="display: none;"></a>
<time class="dt-published" datetime="2025-10-31T00:00:00+00:00" style="display: none;">Oct 31, 2025</time>
<div class="content-title-wrapper">
<h2 class="content-title"><a href="/welcome.html">Welcome to marmite</a></h2>
</div>
<p class="content-excerpt p-summary">
This is your first post!
Edit this content
edit on content/{date}-welcome.md
Add more content
create new markdown files in the content folder
use marmite --new to create new content
Customize your site
edit marmite.yaml to change site settings
edit ...
<a class="secondary" href="/welcome.html">read more &rarr;</a>
</p>
<footer class="data-tags-footer">
<span class="content-date"><a class="secondary" href="/welcome.html">Oct 31, 2025</a></span>
</footer>
</article>
</div>
</div>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

15
archive-2025.rss Normal file
View file

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Blog-of-Jkrebian</title><link>http://</link><description></description><pubDate>Fri, 31 Oct 2025 00:00:00 GMT</pubDate><lastBuildDate>Fri, 31 Oct 2025 10:34:49 GMT</lastBuildDate><generator>marmite</generator><item><title>Welcome to Marmite</title><link>http:///welcome.html</link><guid>http:///welcome.html</guid><pubDate>Fri, 31 Oct 2025 00:00:00 GMT</pubDate><source url="http://">archive-2025</source><content:encoded><![CDATA[<!-- Content Injected to every content markdown header -->
<p>This is your first post!</p>
<h2><a href="#edit-this-content" aria-hidden="true" class="anchor" id="edit-this-content"></a>Edit this content</h2>
<p>edit on <code>content/{date}-welcome.md</code></p>
<h2><a href="#add-more-content" aria-hidden="true" class="anchor" id="add-more-content"></a>Add more content</h2>
<p>create new markdown files in the <code>content</code> folder</p>
<p>use <code>marmite --new</code> to create new content</p>
<h2><a href="#customize-your-site" aria-hidden="true" class="anchor" id="customize-your-site"></a>Customize your site</h2>
<p>edit <code>marmite.yaml</code> to change site settings</p>
<p>edit the files starting with <code>_</code> in the <code>content</code> folder to change the layout</p>
<p>or edit the templates to create a custom layout</p>
<h2><a href="#deploy-your-site" aria-hidden="true" class="anchor" id="deploy-your-site"></a>Deploy your site</h2>
<p>read more on <a href="https://rochacbruno.github.io/marmite">marmite documentation</a></p>
<!-- Content Injected to every content markdown footer -->
]]></content:encoded></item></channel></rss>

151
archive.html Normal file
View file

@ -0,0 +1,151 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<title>Archive | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<button class="menu-item active selected">Archive</button>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Archive </strong></article>
</div>
<article class="group-details h-feed">
<h1 class="p-name" style="display: none;">Archive</h1>
<details open>
<summary role="button" class="outline contrast archive-group-title">2025 <sup>1</sup></summary>
<ul>
<li class="h-entry">
<a href="/welcome.html" class="u-url p-name">Welcome to Marmite</a>
<small><time class="dt-published" datetime="2025-10-31T00:00:00+00:00">2025-10-31</time></small>
</li>
<li><a href="/archive-2025.html">more &rarr;</a></li>
</ul>
</details>
</article>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

134
authors.html Normal file
View file

@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<title>Authors | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<button class="menu-item active selected">Authors</button>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Authors </strong></article>
</div>
<article class="group-details h-feed">
<h1 class="p-name" style="display: none;">Authors</h1>
</article>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

179
index-1.html Normal file
View file

@ -0,0 +1,179 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"url": ""
}
</script>
<title>Page - 1 | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Page - 1 </strong></article>
</div>
<div class="content-list h-feed">
<h1 class="p-name" style="display: none;">Page - 1</h1>
<div class="left">
<article class="content-list-item h-entry">
<h2 class="p-name" style="display: none;">Welcome to Marmite</h2>
<a class="u-url" href="/welcome.html" style="display: none;"></a>
<time class="dt-published" datetime="2025-10-31T00:00:00+00:00" style="display: none;">Oct 31, 2025</time>
<div class="content-title-wrapper">
<h2 class="content-title"><a href="/welcome.html">Welcome to marmite</a></h2>
</div>
<p class="content-excerpt p-summary">
This is your first post!
Edit this content
edit on content/{date}-welcome.md
Add more content
create new markdown files in the content folder
use marmite --new to create new content
Customize your site
edit marmite.yaml to change site settings
edit ...
<a class="secondary" href="/welcome.html">read more &rarr;</a>
</p>
<footer class="data-tags-footer">
<span class="content-date"><a class="secondary" href="/welcome.html">Oct 31, 2025</a></span>
</footer>
</article>
</div>
</div>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

191
index.html Normal file
View file

@ -0,0 +1,191 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"url": ""
}
</script>
<title>Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="hero">
<article>
<h5><a href="#welcome-to-marmite" aria-hidden="true" class="anchor" id="welcome-to-marmite"></a>Welcome to Marmite</h5>
<p>Marmite is a static site generator written in Rust.
edit <code>content/_hero.md</code> to change this content.
remove the file to disable the hero section.</p>
</article>
</div>
<div class="content-list h-feed">
<div class="left">
<article class="content-list-item h-entry">
<h2 class="p-name" style="display: none;">Welcome to Marmite</h2>
<a class="u-url" href="/welcome.html" style="display: none;"></a>
<time class="dt-published" datetime="2025-10-31T00:00:00+00:00" style="display: none;">Oct 31, 2025</time>
<div class="content-title-wrapper">
<h2 class="content-title"><a href="/welcome.html">Welcome to marmite</a></h2>
</div>
<p class="content-excerpt p-summary">
This is your first post!
Edit this content
edit on content/{date}-welcome.md
Add more content
create new markdown files in the content folder
use marmite --new to create new content
Customize your site
edit marmite.yaml to change site settings
edit ...
<a class="secondary" href="/welcome.html">read more &rarr;</a>
</p>
<footer class="data-tags-footer">
<span class="content-date"><a class="secondary" href="/welcome.html">Oct 31, 2025</a></span>
</footer>
</article>
</div>
</div>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

15
index.rss Normal file
View file

@ -0,0 +1,15 @@
<?xml version="1.0" encoding="utf-8"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Blog-of-Jkrebian</title><link>http://</link><description></description><pubDate>Fri, 31 Oct 2025 00:00:00 GMT</pubDate><lastBuildDate>Fri, 31 Oct 2025 10:34:49 GMT</lastBuildDate><generator>marmite</generator><item><title>Welcome to Marmite</title><link>http:///welcome.html</link><guid>http:///welcome.html</guid><pubDate>Fri, 31 Oct 2025 00:00:00 GMT</pubDate><source url="http://">index</source><content:encoded><![CDATA[<!-- Content Injected to every content markdown header -->
<p>This is your first post!</p>
<h2><a href="#edit-this-content" aria-hidden="true" class="anchor" id="edit-this-content"></a>Edit this content</h2>
<p>edit on <code>content/{date}-welcome.md</code></p>
<h2><a href="#add-more-content" aria-hidden="true" class="anchor" id="add-more-content"></a>Add more content</h2>
<p>create new markdown files in the <code>content</code> folder</p>
<p>use <code>marmite --new</code> to create new content</p>
<h2><a href="#customize-your-site" aria-hidden="true" class="anchor" id="customize-your-site"></a>Customize your site</h2>
<p>edit <code>marmite.yaml</code> to change site settings</p>
<p>edit the files starting with <code>_</code> in the <code>content</code> folder to change the layout</p>
<p>or edit the templates to create a custom layout</p>
<h2><a href="#deploy-your-site" aria-hidden="true" class="anchor" id="deploy-your-site"></a>Deploy your site</h2>
<p>read more on <a href="https://rochacbruno.github.io/marmite">marmite documentation</a></p>
<!-- Content Injected to every content markdown footer -->
]]></content:encoded></item></channel></rss>

68
marmite.json Normal file
View file

@ -0,0 +1,68 @@
{
"marmite_version": "0.2.6",
"posts": 1,
"pages": 2,
"generated_at": "2025-10-31 17:04:49.447933146 +06:30",
"timestamp": 1761906889,
"elapsed_time": 0.048690104,
"config": {
"name": "Blog-of-Jkrebian",
"tagline": "",
"url": "",
"https": null,
"footer": "<div>Powered by <a href=\"https://github.com/rochacbruno/marmite\">Marmite</a> | <small><a href=\"https://creativecommons.org/licenses/by-nc-sa/4.0/\">CC-BY_NC-SA</a></small></div>",
"language": "",
"pagination": 10,
"pages_title": "Pages",
"tags_title": "Tags",
"tags_content_title": "Posts tagged with '$tag'",
"archives_title": "Archive",
"archives_content_title": "Posts from '$year'",
"streams_title": "Streams",
"streams_content_title": "Posts from '$stream'",
"series_title": "Series",
"series_content_title": "Posts from '$series' series",
"default_author": "",
"authors_title": "Authors",
"enable_search": true,
"enable_related_content": false,
"search_title": "",
"content_path": "content",
"site_path": "",
"templates_path": "templates",
"static_path": "static",
"media_path": "media",
"card_image": "",
"banner_image": "",
"logo_image": "",
"default_date_format": "%b %e, %Y",
"menu": [
[
"Tags",
"tags.html"
],
[
"Archive",
"archive.html"
],
[
"Authors",
"authors.html"
]
],
"extra": {
"colorscheme": "github"
},
"authors": {},
"streams": {},
"series": {},
"toc": true,
"json_feed": false,
"show_next_prev_links": true,
"publish_md": false,
"source_repository": null,
"image_provider": null,
"markdown_parser": null,
"theme": null
}
}

188
pages-1.html Normal file
View file

@ -0,0 +1,188 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"url": ""
}
</script>
<title>Pages - 1 | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Pages - 1 </strong></article>
</div>
<div class="content-list h-feed">
<h1 class="p-name" style="display: none;">Pages - 1</h1>
<div class="left">
<article class="content-list-item h-entry">
<h2 class="p-name" style="display: none;">Introduction</h2>
<a class="u-url" href="/readme.html" style="display: none;"></a>
<div class="content-title-wrapper">
<h2 class="content-title"><a href="/readme.html">Introduction</a></h2>
</div>
<p class="content-excerpt p-summary">
<a class="secondary" href="/readme.html">read more &rarr;</a>
</p>
</article>
<article class="content-list-item h-entry">
<h2 class="p-name" style="display: none;">About</h2>
<a class="u-url" href="/about.html" style="display: none;"></a>
<div class="content-title-wrapper">
<h2 class="content-title"><a href="/about.html">About</a></h2>
</div>
<p class="content-excerpt p-summary">
Hi, edit about.md to change this content.
<a class="secondary" href="/about.html">read more &rarr;</a>
</p>
</article>
</div>
</div>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

188
pages.html Normal file
View file

@ -0,0 +1,188 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"url": ""
}
</script>
<title>Pages | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Pages </strong></article>
</div>
<div class="content-list h-feed">
<h1 class="p-name" style="display: none;">Pages</h1>
<div class="left">
<article class="content-list-item h-entry">
<h2 class="p-name" style="display: none;">Introduction</h2>
<a class="u-url" href="/readme.html" style="display: none;"></a>
<div class="content-title-wrapper">
<h2 class="content-title"><a href="/readme.html">Introduction</a></h2>
</div>
<p class="content-excerpt p-summary">
<a class="secondary" href="/readme.html">read more &rarr;</a>
</p>
</article>
<article class="content-list-item h-entry">
<h2 class="p-name" style="display: none;">About</h2>
<a class="u-url" href="/about.html" style="display: none;"></a>
<div class="content-title-wrapper">
<h2 class="content-title"><a href="/about.html">About</a></h2>
</div>
<p class="content-excerpt p-summary">
Hi, edit about.md to change this content.
<a class="secondary" href="/about.html">read more &rarr;</a>
</p>
</article>
</div>
</div>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

223
readme.html Normal file
View file

@ -0,0 +1,223 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Introduction">
<meta property="og:description" content="
">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "/readme.html"
},
"url": "/readme.html",
"headline": "Introduction",
"description": "",
"publisher": {
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"logo": {
"@type": "ImageObject",
"url": "/"
}
},
}
</script>
<title>Introduction | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/github.min.css" id="highlightjs-theme" />
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<article class="h-entry">
<data class="p-name" value="Introduction"></data>
<a class="u-url" href="/readme.html" style="display: none;"></a>
<div class="content-title" id="title">
<h1>Introduction</h1>
<span class="content-date">
<small></small>
</span>
</div>
<div class="content-html e-content"><!-- Content Injected to every content markdown header -->
<!-- Content Injected to every content markdown footer -->
</div>
</article>
<article><h5><a href="#comments" aria-hidden="true" class="anchor" id="comments"></a>Comments</h5>
<p><strong>edit <code>content/_comments.md</code> to adjust for your own site/repo</strong></p>
<p><strong>remove</strong> the file to disable comments</p>
<script src='https://utteranc.es/client.js'
repo='rochacbruno/issue-bin'
issue-term='pathname'
theme='preferred-color-scheme'
crossorigin='anonymous'
async>
</script>
</article>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/highlight.min.js"></script>
<script>
hljs.highlightAll();
</script>
</body>
</html>

5
robots.txt Normal file
View file

@ -0,0 +1,5 @@
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /

134
series.html Normal file
View file

@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<title>Series | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Series </strong></article>
</div>
<article class="group-details h-feed">
<h1 class="p-name" style="display: none;">Series</h1>
</article>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

View file

@ -0,0 +1,50 @@
/* Marmite Catppuccin Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
/* Light Mode - Latte */
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #e6e9ef;
--pico-card-background-color: #eff1f5;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #8839ef;
--pico-primary-hover: #ea76cb;
--pico-color: #4c4f69;
--pico-tag: #acb0be;
--pico-h1-color: var(--pico-primary);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
/* Dark Mode - Mocha */
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #1e1e2e;
--pico-card-background-color: #302d41;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #cba6f7;
--pico-primary-hover: #f5c2e7;
--pico-color: #cdd6f4;
--pico-tag: #585b70;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}

View file

@ -0,0 +1,77 @@
/* Marmite Solarized Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
--pico-card-box-shadow: none;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
.content-excerpt, .content-list .content-tags, .content-pin {
display: none;
}
.author-hero {
display: revert;
}
.data-tags-footer {
margin-top: 0;
justify-content: revert;
}
article > footer {
border-top: 0;
margin-left: 0;
padding: 0;
justify-content: revert;
}
/* Light Mode */
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #fff;
--pico-card-background-color: #fff;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #1972c1;
--pico-primary-hover: #1972c1;
--pico-color: #000;
--pico-tag: #a34b4b;
--pico-h1-color: #000;
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
--pico-card-box-shadow: none;
--pico-code-background-color: #f8f8f8;
--pico-table-border-color: #d5d1d1;
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
/* Dark Mode */
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #000000;
--pico-card-background-color: #000000;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #ffffff;
--pico-primary-hover: #ffffff;
--pico-color: #ffffff;
--pico-tag: #9ddaed;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
--pico-card-box-shadow: none;
--pico-code-background-color: #232323;
--pico-code-color: #ffffff;
--pico-table-border-color: #f9f9f9;
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}

View file

@ -0,0 +1,50 @@
/* Marmite Dracula Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
/* Light Mode */
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #f8f8f2;
--pico-card-background-color: #ffffff;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #6272a4;
--pico-primary-hover: #44475a;
--pico-color: #282a36;
--pico-tag: #8671a3;
--pico-h1-color: #44475a;
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
/* Dark Mode */
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #282a36;
--pico-card-background-color: #44475a;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #bd93f9;
--pico-primary-hover: #ff79c6;
--pico-color: #f8f8f2;
--pico-tag: #6272a4;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}

View file

@ -0,0 +1,48 @@
/* Marmite Github Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #ffffff;
--pico-card-background-color: #f6f8fa;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #0969da;
--pico-primary-hover: #0366d6;
--pico-color: #24292f;
--pico-tag: #57606a;
--pico-h1-color: var(--pico-primary);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: #d0d7de;
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #0d1117;
--pico-card-background-color: #161b22;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #58a6ff;
--pico-primary-hover: #1f6feb;
--pico-color: #c9d1d9;
--pico-tag: #8b949e;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: #323d4b;
--pico-table-border-color: #30363d;
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-background-color);
}

View file

@ -0,0 +1,48 @@
/* Marmite Gruvbox Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #fbf1c7;
--pico-card-background-color: #ebdbb2;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #b57614;
--pico-primary-hover: #d79921;
--pico-color: #3c3836;
--pico-tag: #7c6f64;
--pico-h1-color: var(--pico-primary);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #282828;
--pico-card-background-color: #3c3836;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #d79921;
--pico-primary-hover: #fabd2f;
--pico-color: #ebdbb2;
--pico-tag: #a89984;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}

View file

@ -0,0 +1,48 @@
/* Marmite Iceberg Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #E8F3F8;
--pico-card-background-color: #DDEAF1;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #4B6479;
--pico-primary-hover: #6B8BA4;
--pico-color: #1E272E;
--pico-tag: #3A4A58;
--pico-h1-color: var(--pico-primary);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #1B2B34;
--pico-card-background-color: #243B4A;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #4B6479;
--pico-primary-hover: #6B8BA4;
--pico-color: #C0C5CE;
--pico-tag: #3A4A58;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}

View file

@ -0,0 +1,218 @@
/* Marmite Minimal Theme */
/* by Marcos Oliveira - https://github.com/oliveira-mark */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #fff8ef;
--pico-card-background-color: #fff8ef;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #20453f;
--pico-primary-opacity-25: #20453f27;
--pico-primary-hover: #20453f;
--pico-secondary: #20453f;
--pico-color: #24292f;
--pico-tag: #24292f;
--pico-h1-color: var(--pico-primary);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-primary-opacity-25);
--pico-color-azure-550: var(--pico-primary);
--pico-h1-color: var(--pico-primary);
--pico-h2-color: var(--pico-primary);
--pico-h3-color: var(--pico-primary);
--pico-h4-color: var(--pico-primary);
--pico-h5-color: var(--pico-primary);
--pico-h6-color: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #20453f;
--pico-card-background-color: #20453f;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #fff8ef;
--pico-primary-opacity-25: #fff8ef50;
--pico-primary-hover: #fff8ef;
--pico-secondary: #fff8ef;
--pico-color: #fff8ef;
--pico-tag: #fff8ef;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: #20453f;
--pico-table-border-color: var(--pico-primary-opacity-25);
--pico-color-azure-550: var(--pico-primary);
--pico-h1-color: var(--pico-primary);
--pico-h2-color: var(--pico-primary);
--pico-h3-color: var(--pico-primary);
--pico-h4-color: var(--pico-primary);
--pico-h5-color: var(--pico-primary);
--pico-h6-color: var(--pico-primary);
--pico-muted-color: var(--pico-primary-opacity-25);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-background-color);
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
article {
box-shadow: none;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.content-list-item {
margin-top: 2rem;
margin-bottom: 2rem;
}
article>footer {
margin-top: 0;
margin-bottom: calc(var(--pico-block-spacing-vertical)* -1);
border-top: none;
border-bottom: 0 solid var(--pico-primary-opacity-25);
border-bottom-right-radius: var(--pico-border-radius);
border-bottom-left-radius: var(--pico-border-radius);
padding-top: 0.2rem;
}
.content-excerpt {
font-size: 90%;
opacity: 0.8;
margin-bottom: 0;
}
.content-title {
font-weight: 500;
}
.data-tags-footer .content-date {
font-size: 90%;
position: relative;
bottom: -0.25rem;
}
.content-tags {
position: relative;
bottom: -0.25rem;
padding-left: 0;
li a {
font-size: 90%;
}
li:hover {
border: 1px solid transparent;
}
}
.content-html {
border-top: 1px var(--pico-primary-opacity-25) solid;
border-bottom: 1px var(--pico-primary-opacity-25) solid;
padding-top: 1rem;
padding-bottom: 1rem;
}
.content-banner-image {
border-radius: 0.5rem;
}
.content-authors ul {
margin-bottom: 0;
}
p {
margin-bottom: 0.85rem;
line-height: 1.4;
}
code, kbd {
display: inline-block;
padding: 0 .375rem;
}
pre code.hljs {
display: block;
overflow-x: auto;
padding: 0 1em;
}
blockquote {
border-left: .15rem solid var(--pico-table-border-color);
}
.announcement-wrapper {
background-color: var(--pico-primary);
padding: 0.5rem;
margin-bottom: 1rem;
p {
font-size: 1rem;
margin: 0;
}
}
.footer-content {
padding: 1.5rem 0;
opacity: 0.75;
font-weight: 300;
font-size: 0.85rem;
border-top: 1px #869d99 solid;
select {
font-size: 95%;
}
div {
text-align: left;
}
}
hgroup>:not(:first-child):last-child {
--pico-color: var(--pico-primary);
--pico-font-weight: unset;
font-size: 1rem;
opacity: 0.8;
}
.theme-toggle {
cursor: pointer;
color: var(--pico-primary);
padding: 0.45rem 0.65rem 0.35rem 0.65rem;
border: 1px var(--pico-primary-opacity-25) solid;
border-radius: 0.25rem;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.search-magnifier {
border: 2px solid var(--pico-primary);
&::after {
background-color: var(--pico-primary);
}
}
details summary[role=button]::after {
margin-bottom: -10px;
}
.content-list-with-sidebar {
ul {
padding-left: 0.85rem;
position: relative;
top: -0.35rem;
}
.right {
padding-left: 1rem;
margin-left: 0.5rem;
border-left: 1px solid var(--pico-primary-opacity-25);
}
}
.header-menu {
@media (max-width: 1025px) {
box-shadow: 0px 0px 0px 0px var(--pico-contrast-focus);
width: 100%;
border: 1px var(--pico-primary-opacity-25) solid;
}
}
.hamburger {
color: var(--pico-primary);
}

View file

@ -0,0 +1,217 @@
/* Marmite Minimal Theme */
/* Inspired by the minimal theme of the Marmite project but with White and Black BG */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #ffffff;
--pico-card-background-color: #ffffff;
--pico-code-background-color: #f8f8f8;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #000000;
--pico-primary-opacity-25: #20453f27;
--pico-primary-hover: #20453f;
--pico-secondary: #7c736e;
--pico-color: #24292f;
--pico-tag: #24292f;
--pico-h1-color: var(--pico-primary);
--pico-table-border-color: var(--pico-primary-opacity-25);
--pico-color-azure-550: var(--pico-primary);
--pico-h1-color: var(--pico-primary);
--pico-h2-color: var(--pico-primary);
--pico-h3-color: var(--pico-primary);
--pico-h4-color: var(--pico-primary);
--pico-h5-color: var(--pico-primary);
--pico-h6-color: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #000000;
--pico-card-background-color: #000000;
--pico-code-background-color: #232323;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #ffffff;
--pico-primary-opacity-25: #fff8ef50;
--pico-primary-hover: #fff8ef;
/* --pico-secondary: #fafafa; */
--pico-color: #fff8ef;
--pico-tag: #fff8ef;
--pico-h1-color: var(--pico-color);
--pico-table-border-color: var(--pico-primary-opacity-25);
--pico-color-azure-550: var(--pico-primary);
--pico-h1-color: var(--pico-primary);
--pico-h2-color: var(--pico-primary);
--pico-h3-color: var(--pico-primary);
--pico-h4-color: var(--pico-primary);
--pico-h5-color: var(--pico-primary);
--pico-h6-color: var(--pico-primary);
--pico-muted-color: var(--pico-primary-opacity-25);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}
body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
article {
box-shadow: none;
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.content-list-item {
margin-top: 2rem;
margin-bottom: 2rem;
}
article>footer {
margin-top: 0;
margin-bottom: calc(var(--pico-block-spacing-vertical)* -1);
border-top: none;
border-bottom: 0 solid var(--pico-primary-opacity-25);
border-bottom-right-radius: var(--pico-border-radius);
border-bottom-left-radius: var(--pico-border-radius);
padding-top: 0.2rem;
}
.content-excerpt {
font-size: 90%;
opacity: 0.8;
margin-bottom: 0;
}
.content-title {
font-weight: 500;
}
.data-tags-footer .content-date {
font-size: 90%;
position: relative;
bottom: -0.25rem;
}
.content-tags {
position: relative;
bottom: -0.25rem;
padding-left: 0;
li a {
font-size: 90%;
}
li:hover {
border: 1px solid transparent;
}
}
.content-html {
border-top: 1px var(--pico-primary-opacity-25) solid;
border-bottom: 1px var(--pico-primary-opacity-25) solid;
padding-top: 1rem;
padding-bottom: 1rem;
}
.content-banner-image {
border-radius: 0.5rem;
}
.content-authors ul {
margin-bottom: 0;
}
p {
margin-bottom: 0.85rem;
line-height: 1.4;
}
code, kbd {
display: inline-block;
padding: 0 .375rem;
}
pre code.hljs {
display: block;
overflow-x: auto;
padding: 0 1em;
}
blockquote {
border-left: .15rem solid var(--pico-table-border-color);
}
.announcement-wrapper {
background-color: var(--pico-primary);
padding: 0.5rem;
margin-bottom: 1rem;
p {
font-size: 1rem;
margin: 0;
}
}
.footer-content {
padding: 1.5rem 0;
opacity: 0.75;
font-weight: 300;
font-size: 0.85rem;
border-top: 1px #869d99 solid;
select {
font-size: 95%;
}
div {
text-align: left;
}
}
hgroup>:not(:first-child):last-child {
--pico-color: var(--pico-primary);
--pico-font-weight: unset;
font-size: 1rem;
opacity: 0.8;
}
.theme-toggle {
cursor: pointer;
color: var(--pico-primary);
padding: 0.45rem 0.65rem 0.35rem 0.65rem;
border: 1px var(--pico-primary-opacity-25) solid;
border-radius: 0.25rem;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.search-magnifier {
border: 2px solid var(--pico-primary);
&::after {
background-color: var(--pico-primary);
}
}
details summary[role=button]::after {
margin-bottom: -10px;
}
.content-list-with-sidebar {
ul {
padding-left: 0.85rem;
position: relative;
top: -0.35rem;
}
.right {
padding-left: 1rem;
margin-left: 0.5rem;
border-left: 1px solid var(--pico-primary-opacity-25);
}
}
.header-menu {
@media (max-width: 1025px) {
box-shadow: 0px 0px 0px 0px var(--pico-contrast-focus);
width: 100%;
border: 1px var(--pico-primary-opacity-25) solid;
}
}
.hamburger {
color: var(--pico-primary);
}

View file

@ -0,0 +1,48 @@
/* Marmite Monokai Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #F8F8F2;
--pico-card-background-color: #F8F8F2;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #66D9EF;
--pico-primary-hover: #A6E22E;
--pico-color: #272822;
--pico-tag: #adadac;
--pico-h1-color: var(--pico-primary);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #272822;
--pico-card-background-color: #3E3D32;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #F92672;
--pico-primary-hover: #FD971F;
--pico-color: #F8F8F2;
--pico-tag: #75715E;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}

View file

@ -0,0 +1,48 @@
/* Marmite Nord Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #ECEFF4;
--pico-card-background-color: #E5E9F0;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #5E81AC;
--pico-primary-hover: #81A1C1;
--pico-color: #2E3440;
--pico-tag: #4C566A;
--pico-h1-color: var(--pico-primary);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #2E3440;
--pico-card-background-color: #3B4252;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #81A1C1;
--pico-primary-hover: #88C0D0;
--pico-color: #D8DEE9;
--pico-tag: #4C566A;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}

View file

@ -0,0 +1,48 @@
/* Marmite One Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #fafafa;
--pico-card-background-color: #ffffff;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #007acc;
--pico-primary-hover: #005f99;
--pico-color: #383a42;
--pico-tag: #a0a1a7;
--pico-h1-color: var(--pico-primary);
--pico-code-background-color: #f0f0f0;
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #282c34;
--pico-card-background-color: #2c313c;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #61afef;
--pico-primary-hover: #528bff;
--pico-color: #abb2bf;
--pico-tag: #5c6370;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: #21252b;
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}

View file

@ -0,0 +1,58 @@
/* Marmite Solarized Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
/* Light Mode */
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #eee8d5;
--pico-card-background-color: #fdf6e3;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #2aa198;
--pico-primary-hover: #859900;
--pico-color: #002b36;
--pico-tag: #cfd1d1;
--pico-h1-color: #073642;
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=light] article footer {
border-top: 0.1rem dashed var(--pico-secondary);
}
/* Dark Mode */
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #002b36;
--pico-card-background-color: #073642;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #859900;
--pico-primary-hover: #2aa198;
--pico-color: #eee8d5;
--pico-tag: #586e75;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}
[data-theme=dark] article footer {
border-top: 0.1rem dashed var(--pico-secondary);
}

View file

@ -0,0 +1,48 @@
/* Marmite Typewriter Theme */
/* picocss.com */
:root {
--pico-border-radius: 0;
}
.content-tags a:where(a:not([role=button])),
[role=link] {
--pico-color: revert;
}
[data-theme=light],
:root:not([data-theme=dark]) {
--pico-background-color: #ffffff;
--pico-card-background-color: #f5f5f5;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #000000;
--pico-primary-hover: #333333;
--pico-color: #000000;
--pico-tag: #555555;
--pico-h1-color: var(--pico-primary);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=light] pre:has(> code.language-mermaid) {
background-color: var(--pico-card-background-color);
}
[data-theme=dark],
:root:not([data-theme=light]) {
--pico-background-color: #1e1e1e;
--pico-card-background-color: #2e2e2e;
--pico-card-sectioning-background-color: var(--pico-background-color);
--pico-primary: #ffffff;
--pico-primary-hover: #cccccc;
--pico-color: #ffffff;
--pico-tag: #aaaaaa;
--pico-h1-color: var(--pico-color);
--pico-code-background-color: var(--pico-background-color);
--pico-table-border-color: var(--pico-card-background-color);
--pico-color-azure-550: var(--pico-primary);
}
[data-theme=dark] pre:has(> code.language-mermaid) {
background-color: var(--pico-code-color);
}

1
static/custom.css Normal file
View file

@ -0,0 +1 @@
/* Custom CSS */

1
static/custom.js Normal file
View file

@ -0,0 +1 @@
// Custom JS

0
static/favicon.ico Normal file
View file

BIN
static/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

839
static/marmite.css Normal file
View file

@ -0,0 +1,839 @@
/* https://picocss.com/docs */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url("./Atkinson-Hyperlegible-Regular-102.woff");
}
:root {
--pico-font-family: "Atkinson Hyperlegible", sans-serif;
--pico-color-grey-50: #f1f1f1;
--pico-color-azure-50: #e9f2fc;
--pico-color-azure-200: #9bccfd;
--pico-color-grey-700: #474747;
--pico-color-slate-500: ##687899;
--pico-color-slate-750: #333c4e;
--pico-color-slate-800: #2a3140;
--pico-color-slate-850: #202632;
--pico-color-azure-550: #0172ad;
--pico-color-azure-650: #015887;
--pico-border-radius: 4px;
--pico-typography-spacing-vertical: 1rem;
--pico-typography-spacing-top: 1rem;
--pico-form-element-background-color: var(--pico-background-color);
/* custom vars */
--pico-container-max-width: 73ch;
}
[data-theme="light"],
:root:not([data-theme="dark"]) {
--pico-tag: var(--pico-color-azure-50);
--pico-bg-menu: var(--pico-background-color);
--pico-home: var(--pico-color-slate-500);
--pico-menu-selected: #48536b;
--pico-menu: #5d6b89;
}
@media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) {
--pico-tag: var(--pico-color-slate-850);
--pico-bg-menu: var(--pico-background-color);
--pico-home: var(--pico-color-slate-500);
--pico-menu-selected: #b3b9c5;
--pico-menu: #969eaf;
}
}
[data-theme="dark"] {
--pico-tag: var(--pico-color-slate-850);
--pico-bg-menu: var(--pico-background-color);
--pico-home: var(--pico-color-slate-500);
--pico-menu-selected: #b3b9c5;
--pico-menu: #969eaf;
}
body > main {
padding-block: revert;
}
h1, h2, h3, h4, h5, h6 {
--pico-typography-spacing-top: revert;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: var(--pico-primary)
}
h1:hover > a.anchor::before,
h2:hover > a.anchor::before,
h3:hover > a.anchor::before,
h4:hover > a.anchor::before,
h5:hover > a.anchor::before,
h6:hover > a.anchor::before {
content: "🔗 \00a0";
font-size: 0.8em;
position: absolute;
margin-left: -2rem;
}
blockquote {
padding: 0;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1rem;
padding-bottom: 0.01rem;
}
details summary {
cursor: pointer;
}
details summary::after {
display: inline-block;
width: 1rem;
height: 1rem;
float: none;
transform: rotate(-90deg);
/* background-size: revert; */
background-image: var(--pico-icon-chevron);
background-position: right center;
background-repeat: no-repeat;
content: "";
transition: transform var(--pico-transition);
}
.announcement-wrapper {
background-color: var(--pico-color);
text-align: center;
}
.announcement a {
color: var(--pico-card-background-color);
text-decoration: underline;
}
.announcement, .announcement p {
color: var(--pico-background-color);
}
.header-name a.contrast {
color: var(--pico-home);
}
.header-name {
color: var(--pico-home);
}
/* Menu Hamburguer */
.header-nav {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.header-menu {
list-style: none;
display: flex;
gap: 4px;
position: relative;
}
.header-menu li {
text-decoration: none;
color: var(--pico-color-slate-750);
display: inline-block;
padding: 8px;
}
.header-menu .selected {
background-color: transparent;
color: var(--pico-menu-selected);
border: none;
border-radius: 0;
}
.header-menu .menu-item {
transition: color 0.3s ease;
}
.underline {
position: absolute;
height: 2px;
background-color: var(--pico-color-azure-550);
transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
bottom: 8px;
left: 0;
width: 0;
}
.menu-item.active + .underline {
transform: translateX(0);
}
.header-menu li a:hover {
color: var(--pico-menu-selected);
transition: 0.3s ease-in-out;
}
.hamburger {
font-size: 30px;
background: none;
border: none;
cursor: pointer;
display: none;
color: var(--pico-color-azure-650);
position: relative;
}
.theme-toggle {
cursor: pointer;
color: var(--pico-menu)
}
#menu-toggle:focus {
outline: none;
}
/* Sidebar mod */
.content-list-with-sidebar {
display: flex;
grid-column-gap: 10px;
grid-row-gap: 0px;
}
.content-list-with-sidebar .left {
width: 70%;
}
.content-list-with-sidebar .right {
width: 30%;
}
.content-list-with-sidebar .right li {
list-style-type: none;
}
.content-list-with-sidebar .author-card img {
width: 150px;
height: 150px;
border-radius: 50%;
}
@media (max-width: 1024px) {
.content-list-with-sidebar {
display: block;
}
.content-list-with-sidebar .left {
width: 100%;
}
.content-list-with-sidebar .right {
width: 100%;
}
}
/* toc */
.content-toc details > ul {
padding: 0;
}
.content-toc ul li {
list-style-type: revert;
}
/* Tags */
.content-tags {
display: flex;
width: auto;
flex-direction: row;
margin: 0 0;
justify-content: flex-start;
list-style: none;
gap: 2px;
}
.content-tags li {
border-radius: 4px;
margin: 0;
text-wrap: nowrap;
position: relative;
padding: 2px;
border-radius: 4px;
white-space: nowrap;
list-style: none;
display: inline-block;
color: var( --pico-color-slate-750);
border: 1px solid transparent;
}
.content-tags li a {
color: var(--pico-primary);
}
.content-tags li:hover {
background-color: var(--pico-card-background-color);
border: 1px solid var(--pico-color-slate-750);
}
.content-tags li::before {
content: "#";
border: 0;
color: var(--pico-secondary);
}
.tag-count {
color: var(--pico-color-azure-550);
}
.content-tags li::marker {
content: "";
}
.tag-group-title::before {
content: "#";
color: var(--pico-secondary);
}
article footer {
display: flex;
justify-content: space-between;
align-items: center;
}
.spoiler,
.spoiler > * {
transition: color 0.5s, opacity 0.5s;
}
.spoiler:not(:hover) {
color: transparent;
background-color: var(--pico-code-color);
}
.spoiler:not(:hover) > * {
opacity: 0;
}
pre:has(> code.language-mermaid) {
background-color: #fff;
}
pre:has(> code.language-mermaid) p {
color: revert;
}
/* Search */
#search-toggle {
align-items: center;
justify-content: center;
}
.search-magnifier {
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid var(--pico-menu);
border-radius: 50%;
position: relative;
margin-right: 5px;
box-sizing: content-box;
}
/* Configurações do cabo da lupa */
.search-magnifier::after {
content: "";
display: block;
width: 8px;
height: 2px;
background-color: var(--pico-menu);
position: absolute;
top: 80%;
left: 95%;
transform: rotate(45deg);
transform-origin: top left;
}
.search-txt {
display: none;
}
.pagination nav li a {
font-size: 2rem;
}
.hero article {
overflow: auto;
font-size: initial;
padding: 8px;
}
/* Footer content */
.data-tags-footer {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.data-tags-footer .content-date {
margin-left: 0;
}
.date-tags-container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
gap: 10px;
}
.content-authors-full {
width: 100%;
}
.content-authors-flex {
width: 100%;
display: flex;
flex-direction: column;
}
.footer-content div {
text-align: center;
}
/* Centering and styling the search bar */
.marmite-search-bar {
position: fixed;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--pico-bg-menu);
padding: 20px;
box-shadow: 0 4px 8px var(--pico-modal-overlay-background-color);
z-index: 1001; /* Higher z-index to sit above the background overlay */
border-radius: var(--pico-border-radius);
width: 90%;
max-width: 700px;
display: flex;
flex-direction: column;
align-items: center;
}
.marmite-search-bar.hidden {
display: none;
}
/* Style for the input field */
#marmite-search-input {
width: 100%;
padding: 10px;
font-size: 16px;
border: 1px solid var(--pico-color-azure-550);
border-radius: var(--pico-border-radius);
outline: none;
margin-bottom: 10px;
}
/* Style for the search results */
.marmite-search-bar-result {
width: 100%;
max-height: 200px;
overflow-y: auto;
}
.marmite-search-bar-result ul {
list-style: none;
padding: 0;
margin: 0;
}
/* Background overlay with blur effect */
.marmite-background-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
backdrop-filter: blur(10px); /* This creates the blur effect */
background-color: var(--pico-modal-overlay-background-color); /* Slightly darkened background */
z-index: 1000; /* Sits behind the search bar */
display: none; /* Initially hidden */
}
/* Toggle visibility of overlay and search bar */
.show .marmite-background-overlay,
.show .marmite-search-bar {
display: block;
}
/* Close button styling */
.marmite-close-button {
position: absolute;
top: 0.5em;
right: 1em;
background: transparent;
border: none;
font-size: 18px;
cursor: pointer;
color: var(--pico-text-selection-color);
}
/* Banner img*/
.content-banner-image {
height: 200px;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
}
.index-banner-image {
margin-bottom: 20px;
}
.content-title-wrapper {
position: relative;
}
.content-title-wrapper .content-pin {
position: absolute;
top: 0;
right: 0;
}
.content-title {
margin-bottom: 10px;
}
.content-title h1 {
margin: 0;
}
.content-authors {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.content-authors img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.content-authors p {
margin: 0;
}
.content-authors-full .content-authors {
flex-wrap: wrap;
}
.content-authors-full .date-tags-container .content-tags {
justify-content: center;
flex-wrap: nowrap;
}
.content-date {
color: var(--pico-home);
}
.content-authors ul {
display: flex;
gap: 20px;
list-style: none;
padding: 0;
margin-top: revert;
}
.content-authors li {
display: flex;
align-items: center;
}
td,
th {
padding: calc(var(--pico-spacing) / 2) var(--pico-spacing);
border: var(--pico-border-width) solid var(--pico-table-border-color);
background-color: var(--pico-background-color);
color: var(--pico-color);
font-weight: var(--pico-font-weight);
/* text-align: left; */
text-align: start;
}
/* Author Hero*/
.hero {
display: block;
width: 100%;
justify-content: left;
justify-content: center;
align-items: flex-start;
}
.author-hero-image .avatar {
width: 150px;
border-radius: 50%;
object-fit: cover;
}
.author-hero-links {
grid-area: links;
display: block;
margin-left: 0px;
}
.author-hero-links ul {
display: flex;
gap: 15px;
padding: 0;
list-style: none;
align-items: center;
margin-bottom: 0;
}
.author-hero-links ul li {
list-style: none;
}
.author-hero-links a {
color: var(--pico-color-azure-550);
}
.author-hero-profile {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
align-items: flex-start;
}
.author-hero-flex {
display: flex;
gap: 20px;
justify-content: center;
}
.author-hero-info {
display: flex;
flex-direction: column;
justify-content: center;
justify-self: center;
}
.author-hero-info p {
color: var(--pico-home);
margin-bottom: 0;
}
.author-hero-info h1 {
margin-bottom: 0;
}
.group-details img.avatar {
width: 50px;
height: 50px;
border-radius: 50%;
}
.hljs {
background-color: var(--pico-code-background-color) !important;
}
select.colorscheme-toggle {
/* background-color: var(--pico-card-background-color); */
background-color: transparent;
border: none;
width: 150px;
padding: 0;
margin:0;
}
select.colorscheme-toggle option {
background-color: var(--pico-card-background-color);
}
/* ^ Any non-responsive code goes above here ^ */
/* Responsive */
@media (max-width: 1025px) {
.header-nav {
flex-direction: row;
}
.header-menu {
display: none;
flex-direction: column;
gap: 10px;
position: absolute;
top: 100px;
right: 0;
background-color: var(--pico-bg-menu);
padding: 15px;
border-radius: 4px;
z-index: 100;
box-shadow: 0px 4px 4px 0px var(--pico-contrast-focus);
}
.header-menu.active {
display: flex;
}
.hamburger {
display: block;
}
.underline {
display: none;
}
.search-txt {
display: inline-block;
}
.search-magnifier {
display: none;
}
.content-authors-flex .date-tags-container {
flex-direction: column;
align-items: center;
overflow: auto;
}
.content-authors-flex .date-tags-container ul {
margin-left: 0;
display: flex;
justify-content: center;
}
.content-authors-flex .date-tags-container ul li {
flex-wrap: nowrap;
gap: 8px;
}
.content-authors-full .content-authors ul {
flex-wrap: wrap;
justify-content: center;
}
.content-authors-full .content-authors ul li a {
display: flex;
flex-direction: row;
gap: 8px;
}
}
@media (max-width: 768px) {
.author-hero article {
grid-template-areas:
"title"
"image"
"bio"
"links";
grid-template-columns: 1fr;
text-align: center;
}
.content-banner-image {
height: 150px;
}
}
/* Ensure content width complains with readability recommendations */
@media (1024px <=width <=3072px) {
.container {
max-width: var(--pico-container-max-width);
}
:root {
--pico-font-size: 118.75%;
}
}
/* alerts */
.markdown-alert {
padding: 1rem;
margin: 1rem 0;
border-left: 4px solid;
border-radius: var(--pico-border-radius);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
font-family: Arial, sans-serif;
}
.markdown-alert-title {
font-weight: bold;
margin-bottom: 0.5rem;
font-size: 1.1rem;
}
[data-theme="light"],
:root:not([data-theme="dark"]) {
--marmite-alert-tip-bg: #e6f7e6;
--marmite-alert-tip-border: #48c774;
--marmite-alert-tip-color: #2a623d;
--marmite-alert-note-bg: #f5f5ff;
--marmite-alert-note-border: #5b85ea;
--marmite-alert-note-color: #3a4c8c;
--marmite-alert-important-bg: #fffbea;
--marmite-alert-important-border: #ffdd57;
--marmite-alert-important-color: #8a6d1a;
--marmite-alert-warning-bg: #fff6f6;
--marmite-alert-warning-border: #ff6b6b;
--marmite-alert-warning-color: #9d2525;
--marmite-alert-caution-bg: #fdf2e9;
--marmite-alert-caution-border: #ff9f43;
--marmite-alert-caution-color: #805526;
}
[data-theme="dark"],
:root:not([data-theme="light"]) {
--marmite-alert-tip-bg: #2a3d2a;
--marmite-alert-tip-border: #48c774;
--marmite-alert-tip-color: #e6f7e6;
--marmite-alert-note-bg: #3a4c8c;
--marmite-alert-note-border: #5b85ea;
--marmite-alert-note-color: #f5f5ff;
--marmite-alert-important-bg: #8a6d1a;
--marmite-alert-important-border: #ffdd57;
--marmite-alert-important-color: #fffbea;
--marmite-alert-warning-bg: #9d2525;
--marmite-alert-warning-border: #ff6b6b;
--marmite-alert-warning-color: #fff6f6;
--marmite-alert-caution-bg: #805526;
--marmite-alert-caution-border: #ff9f43;
--marmite-alert-caution-color: #fdf2e9;
}
/* Tip */
.markdown-alert-tip {
background-color: var(--marmite-alert-tip-bg);
border-color: var(--marmite-alert-tip-border);
color: var(--marmite-alert-tip-color);
}
/* Note */
.markdown-alert-note {
background-color: var(--marmite-alert-note-bg);
border-color: var(--marmite-alert-note-border);
color: var(--marmite-alert-note-color);
}
/* Important */
.markdown-alert-important {
background-color: var(--marmite-alert-important-bg);
border-color: var(--marmite-alert-important-border);
color: var(--marmite-alert-important-color);
}
/* Warning */
.markdown-alert-warning {
background-color: var(--marmite-alert-warning-bg);
border-color: var(--marmite-alert-warning-border);
color: var(--marmite-alert-warning-color);
}
/* Caution */
.markdown-alert-caution {
background-color: var(--marmite-alert-caution-bg);
border-color: var(--marmite-alert-caution-border);
color: var(--marmite-alert-caution-color);
}

227
static/marmite.js Normal file
View file

@ -0,0 +1,227 @@
// Theme switcher - light/dark
const themeSwitcher = {
// Config
_scheme: "auto",
toggleButton: document.querySelectorAll(".theme-toggle"),
rootAttribute: "data-theme",
localStorageKey: "picoPreferredColorScheme",
// Init
init() {
this.scheme = this.schemeFromLocalStorage;
this.initToggle();
this.updateIcon();
},
// Get color scheme from local storage
get schemeFromLocalStorage() {
return window.localStorage?.getItem(this.localStorageKey) ?? this._scheme;
},
// Preferred color scheme
get preferredColorScheme() {
return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
},
// Init toggle
initToggle() {
// for each toggle button add event listener
this.toggleButton.forEach((button) => {
button.addEventListener(
"click",
(event) => {
event.preventDefault();
// Toggle scheme
this.scheme = this.scheme === "dark" ? "light" : "dark";
this.updateIcon();
},
false
);
});
},
// Set scheme
set scheme(scheme) {
if (scheme == "auto") {
this._scheme = this.preferredColorScheme;
} else if (scheme == "dark" || scheme == "light") {
this._scheme = scheme;
}
this.applyScheme();
this.schemeToLocalStorage();
},
// Get scheme
get scheme() {
return this._scheme;
},
// Apply scheme
applyScheme() {
document.querySelector("html")?.setAttribute(this.rootAttribute, this.scheme);
const githubTheme = this.scheme === "dark" ? "-dark" : "";
document.querySelector("#highlightjs-theme")?.setAttribute("href", `https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/github${githubTheme}.min.css`);
},
// Store scheme to local storage
schemeToLocalStorage() {
window.localStorage?.setItem(this.localStorageKey, this.scheme);
},
// Update icon based on the current scheme
updateIcon() {
// for each toggle button update icon
this.toggleButton.forEach((button) => {
if (this.scheme === "dark") {
button.innerHTML = "&#9788;"; // Sun icon for light mode
button.title = "light mode";
} else {
button.innerHTML = "&#9789;"; // Moon icon for dark mode
button.title = "dark mode";
}
});
},
};
// Init
themeSwitcher.init();
// Menu
const menuToggle = document.getElementById('menu-toggle');
const headerMenu = document.getElementById('header-menu');
menuToggle.addEventListener('click', function () {
headerMenu.classList.toggle('active');
});
// Selected menu animation
document.addEventListener("DOMContentLoaded", function () {
const menuItems = document.querySelectorAll('.menu-item');
const underline = document.querySelector('.underline');
function setUnderline(item) {
underline.style.width = `${item.offsetWidth}px`;
underline.style.transform = `translateX(${item.offsetLeft}px)`;
}
const activeItem = document.querySelector('.menu-item.active');
if (activeItem) {
setUnderline(activeItem);
}
menuItems.forEach(item => {
item.addEventListener('click', function (event) {
if (this.classList.contains('active')) {
return;
}
menuItems.forEach(i => {
i.classList.remove('active');
});
this.classList.add('active');
setUnderline(this);
});
});
});
// Colorscheme switcher
function colorschemeSwitcher() {
const colorschemes = [
'catppuccin',
'clean',
'dracula',
'github',
'gruvbox',
'iceberg',
'minimal',
'minimal_wb',
'monokai',
'nord',
'one',
'solarized',
'typewriter'
];
const colorschemeDropdown = document.querySelectorAll('.colorscheme-toggle');
colorschemeDropdown.forEach((dropdown) => {
dropdown.addEventListener('change', function () {
const colorscheme = this.value;
const colorschemeLink = document.querySelector('#colorscheme-link');
if (colorscheme === 'default') {
if (colorschemeLink) {
colorschemeLink.remove();
}
localStorage.removeItem('marmitePreferredColorScheme');
return;
}
if (colorschemeLink) {
colorschemeLink.href = `static/colorschemes/${colorscheme}.css`;
} else {
const link = document.createElement('link');
link.id = 'colorscheme-link';
link.rel = 'stylesheet';
link.href = `static/colorschemes/${colorscheme}.css`;
document.head.appendChild(link);
}
localStorage.setItem('marmitePreferredColorScheme', colorscheme);
colorschemeDropdown.forEach((dropdown) => {
dropdown.value = colorscheme;
});
});
colorschemes.forEach((colorscheme) => {
const option = document.createElement('option');
option.value = colorscheme;
option.textContent = colorscheme;
dropdown.appendChild(option);
});
const colorscheme = localStorage.getItem('marmitePreferredColorScheme');
if (colorscheme) {
dropdown.value = colorscheme;
dropdown.dispatchEvent(new Event('change'));
}
});
}
// Function to change Giscus theme
function changeGiscusTheme(newTheme) {
function sendMessage(message) {
const iframe = document.querySelector('iframe.giscus-frame');
if (!iframe) return;
iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
}
sendMessage({
setConfig: {
theme: newTheme
}
});
}
// Add event listener for system theme changes
window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', e => {
// Update theme switcher scheme
themeSwitcher.scheme = e.matches ? 'dark' : 'light';
// Update giscus theme
changeGiscusTheme(e.matches ? 'dark' : 'light');
});
// Set initial giscus theme based on current theme when page loads
document.addEventListener("DOMContentLoaded", function() {
// Check if giscus is present
if (document.querySelector('iframe.giscus-frame')) {
const isDarkMode = themeSwitcher.scheme === 'dark';
changeGiscusTheme(isDarkMode ? 'dark' : 'light');
}
});

4
static/pico.min.css vendored Normal file

File diff suppressed because one or more lines are too long

5
static/robots.txt Normal file
View file

@ -0,0 +1,5 @@
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /

83
static/search.js Normal file
View file

@ -0,0 +1,83 @@
import Fuse from "https://cdnjs.cloudflare.com/ajax/libs/fuse.js/7.0.0/fuse.basic.min.mjs";
(async () => {
const fuseOptions = {
threshold: 0.25,
findAllMatches: true,
shouldSort: true,
minMatchCharLength: 3,
ignoreLocation: true,
keys: ["title", "description", "tags", "html"]
};
try {
const response = await fetch('./static/search_index.json');
const data = await response.json();
const fuse = new Fuse(data, fuseOptions);
document.getElementById("marmite-search-input").addEventListener("input", (event) => {
event.preventDefault();
// Clear previous results
const rootElement = document.querySelector(".marmite-search-bar-result");
rootElement.setAttribute("style", "display: none;");
const resultsElement = document.querySelector("#marmite-search-bar-result");
resultsElement.innerHTML = "";
// Search for results
const searchPattern = event.target.value;
if (searchPattern?.length > 2) {
const results = fuse.search(searchPattern);
if(results?.length > 0) {
// Build the results list, limiting here to 10 items
results.slice(0, 10).forEach((result) => {
const elementList = document.createElement("li");
const resultElement = document.createElement("a");
resultElement.href = `${result.item.slug}.html`;
resultElement.innerText = result.item.title;
elementList.appendChild(resultElement);
resultsElement.appendChild(elementList);
});
} else {
const elementList = document.createElement("li");
const resultElement = document.createElement("span");
resultElement.textContent = "No results found";
elementList.appendChild(resultElement);
resultsElement.appendChild(elementList);
}
rootElement.setAttribute("style", "display: block;");
}
});
} catch (error) {
console.error('Error loading search data:', error);
}
})();
const toggleSearchBar = () => {
document.body.classList.toggle('show');
document.getElementById("marmite-search-input").value = "";
document.getElementById("marmite-search-bar-result").innerHTML = "";
// Focus the search input if the search bar is shown
const searchInput = document.getElementById("marmite-search-input");
if (document.body.classList.contains('show')) {
searchInput.focus();
}
};
document.getElementById("search-toggle").addEventListener("click", toggleSearchBar);
document.getElementById("search-close").addEventListener("click", toggleSearchBar);
document.getElementById("overlay-close").addEventListener("click", toggleSearchBar);
// Event listener for keyboard shortcuts
document.addEventListener("keydown", (event) => {
const searchBarIsVisible = document.body.classList.contains('show');
// Show on 'Ctrl + Shift + F' key
if (event.ctrlKey && event.shiftKey && event.key === 'F') {
toggleSearchBar();
}
// Hide on 'Escape' key
if (event.key === 'Escape' && searchBarIsVisible) {
toggleSearchBar();
}
});

1
static/search_index.json Normal file
View file

@ -0,0 +1 @@
[{"title":"Welcome to Marmite","description":null,"tags":[],"slug":"welcome","html":"This is your first post! Edit this content edit on content/{date}-welcome.md Add more content create new markdown files in the content folder use marmite --new to create new content Customize your site edit marmite.yaml to change site settings edit the files starting with _ in the content folder to change the layout or edit the templates to create a custom layout Deploy your site read more on marmite documentation"},{"title":"Introduction","description":null,"tags":[],"slug":"readme","html":""},{"title":"About","description":null,"tags":[],"slug":"about","html":"Hi, edit about.md to change this content."}]

149
streams.html Normal file
View file

@ -0,0 +1,149 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<title>Streams | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Streams </strong></article>
</div>
<article class="group-details h-feed">
<h1 class="p-name" style="display: none;">Streams</h1>
<details open>
<summary role="button" class="outline contrast stream-group-title">index <sup>1</sup></summary>
<ul>
<li class="h-entry">
<a href="/welcome.html" class="u-url p-name">Welcome to Marmite</a>
<small><time class="dt-published" datetime="2025-10-31T00:00:00+00:00">2025-10-31</time></small>
</li>
<li><a href="/index.html">more &rarr;</a></li>
</ul>
</details>
</article>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

134
tags.html Normal file
View file

@ -0,0 +1,134 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Blog-of-Jkrebian">
<meta property="og:description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<title>Tags | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<button class="menu-item active selected">Tags</button>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<div class="list-title">
<article><strong> Tags </strong></article>
</div>
<article class="group-details h-feed">
<h1 class="p-name" style="display: none;">Tags</h1>
</article>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
</body>
</html>

289
welcome.html Normal file
View file

@ -0,0 +1,289 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark" />
<meta name="generator" content="Marmite" />
<meta property="og:title" content="Welcome to Marmite">
<meta property="og:description" content="
This is your first post!
Edit this content
edit on content/{date}-welcome.md
Add more content
creat...">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Blog-of-Jkrebian">
<meta property="article:published_time" content=" 2025-10-31T00:00:00+00:00">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "/welcome.html"
},
"url": "/welcome.html",
"headline": "Welcome to Marmite",
"description": "This is your first post!
Edit this content
edit on content/{date}-welcome.md
Add more content
create new markdown files in the content folde...",
"publisher": {
"@type": "Organization",
"name": "Blog-of-Jkrebian",
"logo": {
"@type": "ImageObject",
"url": "/"
}
},
"datePublished": "2025-10-31T00:00:00+00:00"
}
</script>
<title>Welcome to Marmite | Blog-of-Jkrebian</title>
<link rel="stylesheet" type="text/css" href="/static/pico.min.css">
<link rel="stylesheet" type="text/css" href="/static/marmite.css">
<link rel="stylesheet" type="text/css" href="/static/colorschemes/github.css">
<link rel="stylesheet" type="text/css" href="/static/custom.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/styles/github.min.css" id="highlightjs-theme" />
<link rel="alternate" type="application/rss+xml" title="index" href="/index.rss">
<link rel="alternate" type="application/rss+xml" title="year: 2025" href="/archive-2025.rss">
</head>
<body>
<div class="container-fluid announcement-wrapper">
<div class="announcement"><p>Give us a ☆ on <a href="https://github.com/rochacbruno/marmite">github</a></p>
</div>
</div>
<main class="container">
<header class="header-content">
<nav class="header-nav">
<ul class="header-name">
<li>
<hgroup class="h-card">
<h2>
<a href="/" class="contrast p-name u-url">
Blog-of-Jkrebian
</a>
</h2>
</hgroup>
</li>
</ul>
<button id="menu-toggle" class="hamburger">&#9776;</button>
<ul class="header-menu" id="header-menu">
<li>
<a class="menu-item secondary" href="/tags.html">Tags</a>
</li>
<li>
<a class="menu-item secondary" href="/archive.html">Archive</a>
</li>
<li>
<a class="menu-item secondary" href="/authors.html">Authors</a>
</li>
<li><span class="theme-toggle secondary" title="dark mode">&#9789;</span></li>
<li><a href="#" id="search-toggle" class="secondary" title="Search (Ctrl + Shift + F)"> <span class="search-txt">Search</span><span class="search-magnifier"></span></a></li>
<div class="underline"></div>
</ul>
</nav>
<div class="marmite-background-overlay" id="overlay-close"></div>
<div class="marmite-search-bar hidden">
<span></span>
<button class="marmite-close-button" id="search-close">X</button>
<input placeholder="Search" id="marmite-search-input" />
<div class="marmite-search-bar-result">
<ul id="marmite-search-bar-result"></ul>
</div>
</div>
</header>
<section class="main-content">
<article class="h-entry">
<data class="p-name" value="Welcome to Marmite"></data>
<a class="u-url" href="/welcome.html" style="display: none;"></a>
<time class="dt-published" datetime="2025-10-31T00:00:00+00:00" style="display: none;">Oct 31, 2025</time>
<div class="content-title" id="title">
<h1>Welcome to Marmite</h1>
<span class="content-date">
<small> Oct 31, 2025 - &#10710; 1 min</small>
</span>
</div>
<div class="content-toc">
<a href="#" id="toc"></a>
<details>
<summary>🗒️</summary>
<ul>
<ul>
<li><a href="#edit-this-content">Edit this content</a></li>
<li><a href="#add-more-content">Add more content</a></li>
<li><a href="#customize-your-site">Customize your site</a></li>
<li><a href="#deploy-your-site">Deploy your site</a></li>
</ul>
</ul>
</details>
</div>
<div class="content-html e-content"><!-- Content Injected to every content markdown header -->
<p>This is your first post!</p>
<h2><a href="#edit-this-content" aria-hidden="true" class="anchor" id="edit-this-content"></a>Edit this content</h2>
<p>edit on <code>content/{date}-welcome.md</code></p>
<h2><a href="#add-more-content" aria-hidden="true" class="anchor" id="add-more-content"></a>Add more content</h2>
<p>create new markdown files in the <code>content</code> folder</p>
<p>use <code>marmite --new</code> to create new content</p>
<h2><a href="#customize-your-site" aria-hidden="true" class="anchor" id="customize-your-site"></a>Customize your site</h2>
<p>edit <code>marmite.yaml</code> to change site settings</p>
<p>edit the files starting with <code>_</code> in the <code>content</code> folder to change the layout</p>
<p>or edit the templates to create a custom layout</p>
<h2><a href="#deploy-your-site" aria-hidden="true" class="anchor" id="deploy-your-site"></a>Deploy your site</h2>
<p>read more on <a href="https://rochacbruno.github.io/marmite">marmite documentation</a></p>
<!-- Content Injected to every content markdown footer -->
</div>
<footer class="data-tags-footer">
<div class="content-authors-flex">
<div class="content-authors-full">
</div>
<div class="date-tags-container">
<div class="content-date">
<span class="content-date">
<small> Oct 31, 2025 - &#10710; 1 min</small>
</span>
</div>
<ul class="content-tags">
</ul>
</div>
</div>
</footer>
</article>
<article><h5><a href="#comments" aria-hidden="true" class="anchor" id="comments"></a>Comments</h5>
<p><strong>edit <code>content/_comments.md</code> to adjust for your own site/repo</strong></p>
<p><strong>remove</strong> the file to disable comments</p>
<script src='https://utteranc.es/client.js'
repo='rochacbruno/issue-bin'
issue-term='pathname'
theme='preferred-color-scheme'
crossorigin='anonymous'
async>
</script>
</article>
</section>
<footer class="footer-content grid">
<div>Powered by <a href="https://github.com/rochacbruno/marmite">Marmite</a> | <small><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC-BY_NC-SA</a></small></div>
</footer>
</main>
<script src="/static/marmite.js"></script>
<script src="/static/custom.js"></script>
<script type="module" src="/static/search.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.10.0/highlight.min.js"></script>
<script>
hljs.highlightAll();
</script>
</body>
</html>