Something went wrong. Try again.
a new old personal site matmanna.dev
tailwind jekyll
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485---layout: compress---
<!DOCTYPE html><html lang="en">{% include head.html %}
<style> @media (prefers-color-scheme: dark) { [data-trophy-link], .dark [data-trophy-link] { color: #d6cbbc; background-color: #442f0c; border-color: #f59e0b; } }
[data-trophy-link] { color: rgb(41 37 36/var(--tw-text-opacity,1)); background-color: #fef3c7; border-color: #f59e0b; }
.dark [data-trophy-link] { color: #d6cbbc; background-color: #442f0c; border-color: #f59e0b; }</style>
<body class="dark:text-primary-300 text-primary-700 dark:bg-primary-900 bg-primary-100 font-display flex flex-col items-center md:items-center lg:items-center "> <div class="absolute top-0" id="top"></div>
<header class="w-full dark:text-primary-700 text-primary-800 dark:bg-primary-950 bg-primary-300 flex flex-col items-center py-4 px-4 border-t-[6px] border-solid border-primary-500"> <div class="max-w-[85ch] w-full" style="max-width: 85ch;"> {% include nav.html %} </div> </header> <main class="prose dark:prose-invert my-8 px-4 !max-w-[85ch] w-full space-y-5" style="max-width: 85ch;"> {% capture anchor_svg %}{% include icon.html name="fa-anchor" class="w-3 h-3 inline-block" %}{% endcapture %} {% include anchor_headings.html html=content anchorBody=anchor_svg anchorClass="content-center" %} </main>
{% if site.data.buttons.size > 0 %}
<div class="max-w-[85ch] w-full mb-4 relative prose dark:prose-invert" style="max-width: 85ch; "> <div class="block absolute w-full" style="max-width: 80ch; bottom: 0; z-index: -100;"> <small>you can add my button to your site with <div class="flex flex-row gap-4 mt-4" style=> <a class="no-external-icon" href="https://matmanna.dev"><img style="image-rendering: pixelated;" width="88" height="31" src="/assets/badge.png" alt="mat!" class="my-0"></a> <button class="g-primary-100 dark:bg-primary-900 border border-primary-500 py-1 px-2 rounded-md text-xs" onclick='prompt("ctrl+c & ctrl+v this into your text editor!", `<a href="https://matmanna.dev"><img width="88" src="https://matmanna.dev/assets/badge.png" alt="mat manna!"></a>`)'> copy html! </button> </div> </small></div> <div class="flex flex-row flex-wrap gap-2 not-prose justify-center w-full items-center no-external-icon" > {% for button in site.data.buttons %} <a class="no-external-icon" href="{{ button.url }}"><img style="image-rendering: pixelated;" width="88" height="31" src="{{ button.image }}" alt="{{ button.alt }}"></a> {% endfor %} </div> </div> {% endif %}
<footer class="w-full dark:text-primary-400 text-primary-800 dark:bg-primary-950 bg-primary-100 py-6 pt-3 flex flex-col items-center" > <div class="max-w-[90ch] w-full border-top-3 border-dotted border-primary-500 pt-3 dark:border-none" style="border-top-width: 2px; max-width: 90ch;"> {% include foot.html %} </div> </footer> {% include toggle-theme.html %}</body>
</html>