https://git.jolheiser.com/jolheiser.com.git
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
<html> <head> <title>jolheiser</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="shortcut icon" href="https://www.gravatar.com/avatar/7f4dd86f017ff289cf05a013e22357ef253d1ed6a52bdefca8f965af1080a965?s=16" /> <meta name="author" content="jolheiser" /> <link rel="stylesheet" href="styles.css" /> </head> <body class="latte dark:mocha bg-base"> <header class="relative w-full pt-16 pb-10"> <img class="mx-auto rounded-full" alt="avatar" src="https://www.gravatar.com/avatar/7f4dd86f017ff289cf05a013e22357ef253d1ed6a52bdefca8f965af1080a965?s=125" /> <p class="mt-2 text-xl text-center text-lavender">@jolheiser</p> </header> <nav class="relative max-w-screen-sm mx-auto"> {% for link in pkg.links %} <a class="flex relative px-3 py-2 my-6 h-16 text-lg items-center justify-center text-text bg-surface0 cursor-pointer rounded border-solid border-2 border-overlay0 hover:bg-surface2 hover:border-lavender hover:text-blue transition" href="{{ link.url }}" rel="me noopener noreferrer" {% if link.title %}title="{{ link.title }}" {% endif %} target="_blank"><svg class="absolute left-5 w-10 h-10" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">{% icon link.icon %}</svg><span>{{ link.name }}</span></a> {% endfor %} </nav> </body> </html>