Home

jolheiser.com @0227b7ccb98aa3e3c843b32d6c778d8848dcfc9a - refs - log -
-
https://git.jolheiser.com/jolheiser.com.git
my website
jolheiser.com / src / index.html
- raw -
 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>