Something went wrong. Try again.
a new old personal site matmanna.dev
tailwind jekyll
Something went wrong. Try again.
1234567891011121314151617181920212223242526272829303132333435363738394041<div class="flex flex-row justify-between w-full px-5 md:px-10 gap-8"> <div class="flex flex-col space-y-4 sm:flex-grow max-w-[50%] font-sans" style="flex-basis: 67%"> <p class="block gap-2 items-center"> {% if site.data.foot.logo %} <span class="text-nowrap inline"><img src="{{ site.data.foot.logo | relative_url }}" alt="logo" class="h-6 w-6"> {{ site.data.foot.title }} |</span> {% else %} <span class="text-nowrap inline dark:text-primary-300">{{ site.data.foot.emoji }} {{ site.data.foot.title }} |</span> {% endif %} <span class="dark:text-primary-300 text-primary-700">{{ site.description }}</span> </p> <div class="flex flex-row flex-wrap gap-4 dark:text-primary-300"> <label for="theme-dropdown">Color mode:</label>
<select name="theme" id="theme-dropdown" aria-label="ui mode toggle" class="flex flex-shrink w-fit bg-transparent"> <option value="dark">Dark</option> <option value="light">Light</option> <option value="system">System</option> </select> </div> <p>Site built on {{ site.git.last_commit.commit_date }} from <a href="{{ site.github }}/commit/{{ site.git.last_commit.long_sha }}"><code>{{ site.git.last_commit.short_sha }}</code></a> </p> </div> <div class="flex flex-row flex-wrap justify-between flex-grow gap-4"> <ul class="flex flex-col space-y-4"> <li class="font-bold">quick links</li> {% for entry in site.data.nav.pages %} <li><a href="{{ entry.url | relative_url }}">/{{ entry.title }}</a></li> {% endfor %} </ul> <ul class="flex flex-col space-y-4"> <li class="font-bold" id="contact">socials</li>
{% for social in site.data.foot.socials %} <li><a href="{{ social.url }}">:{{ social.title }}</a></li> {% endfor %} </ul> </div></div>