Something went wrong. Try again.
Blog theme with personality and sophistication doctored.matmanna.dev
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869<head> <title>{{ page.title }} | {{ site.title }}</title>
<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script> function applyTheme(newTheme, triggeredByDropdown = false) { const isDarkMode = newTheme === 'dark' || (localStorage.theme == 'dark' && !(newTheme === 'light')) || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches); document.documentElement.classList.toggle('dark', isDarkMode);
const toggle = document.getElementById('theme-toggle'); const dropdown = document.getElementById('theme-dropdown');
if (toggle) { toggle.innerHTML = localStorage.theme == "dark" ? '{% capture t %}{% include icon.html name="fa-moon" class="w-4 h-4 inline-block" %}{% endcapture %}{{ t | strip_newlines }}' : !localStorage.theme ? '{% capture t %}{% include icon.html name="fa-laptop" class="w-4 h-4 inline-block" %}{% endcapture %}{{ t | strip_newlines }}' : '{% capture t %}{% include icon.html name="fa-sun" class="w-4 h-4 inline-block" %}{% endcapture %}{{ t | strip_newlines }}'; } if (dropdown) { if (!triggeredByDropdown) { dropdown.dataset.changed = new Date().toISOString(); } dropdown.value = localStorage.theme || "system"; } } applyTheme(); </script> {%- assign palette = site.color | default: 'stone' -%} {% include palette_styles.html palette=palette %} <style> a[href^="http://"]:not(.no-external-icon):not([data-no-external-icon])::after, a[href^="https://"]:not(.no-external-icon):not([data-no-external-icon])::after { content: "↗" !important; font-family: inherit !important; margin-left: 3px; padding-left: 3px; text-decoration: none; }
.icon-fa { display: inline-block; width: 1em; height: 1em; flex-shrink: 0; vertical-align: -0.125em; fill: currentColor; overflow: visible; }
.icon-fa.w-3.h-3 { width: 0.75rem; height: 0.75rem; }
.icon-fa.w-4.h-4 { width: 1rem; height: 1rem; } </style> <link rel="icon" href="{{ '/assets/images/favicon.ico' | relative_url }}" type="image/x-icon"> {% if site.analytics %}{% include analytics.html %} {% endif %} {% seo %}</head>