aboutsummaryrefslogtreecommitdiffstats
path: root/templates/base.html
blob: 47a700746d0106be6e81ae2704f937a57e2900f9 (plain) (blame)
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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="stylesheet" href="/static/style.css">
  <link rel="stylesheet" href="/static/fonts.css">
  <title>celeste's hard drive</title>
</head>

<body>

  <img class="branch" id="branch1" src="/static/branches/branch837-1.png" alt="">
  <img class="branch" id="branch2" src="/static/branches/branch878.png" alt="">
  <img class="branch" id="branch3" src="/static/branches/branch837-2.png" alt="">
  <img class="branch" id="branch4" src="/static/branches/branch840.png" alt="">
  <img class="branch" id="branch5" src="/static/branches/branch869.png" alt="">
  <img class="branch" id="branch6" src="/static/branches/branch871.png" alt="">
  <img class="branch" id="branch7" src="/static/branches/branch879.png" alt="">
  <img class="branch" id="branch8" src="/static/branches/branch880.png" alt="">
  <img class="branch" id="branch9" src="/static/branches/branch881-1.png" alt="">
  <img class="branch" id="branch10" src="/static/branches/branch881-2.png" alt="">
  <img class="branch" id="branch11" src="/static/branches/branch882-1.png" alt="">
  <img class="branch" id="branch12" src="/static/branches/branch882-2.png" alt="">
  <img class="branch" id="branch13" src="/static/branches/branch883-1.png" alt="">
  <img class="branch" id="branch14" src="/static/branches/branch883-2.png" alt="">

  <div id="page">

    {% block header %}
    {% endblock header %}

    <nav class="panel">
      <ul id="nav">
        <li><a class="{% block nav_home %}{% endblock %}" href="/">home</a></li>
        <li><a class="{% block nav_contact %}{% endblock %}" style="font-family: 'Compagnon Roman';"
            href="/contact">kontakt</a></li>
        <li><a class="{% block nav_poetry %}{% endblock %}" href="/poetry" style="font-family: Louise">poesia</a></li>
        <li><a class="{% block nav_blog %}{% endblock %}" style="font-family: Sligoil" href="/blog">weblog</a></li>
        <li><a class="{% block nav_projects %}{% endblock %}" style="font-family: 'DeGerm LoCase';"
            href="/projects">projetos</a></li>
        <!--<li><a class="{% block nav_sound %}{% endblock %}" style="font-family: 'kirieji'" href="/sound">音</a></li>-->
        <li><a class="{% block nav_listens %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;"
            href="https://listenbrainz.org/user/celblossom">Γ©coute</a></li>
        <li><a href="https://bimbo.video/a/cel" style="font-family: 'Mon Hugo In'">video</a></li>
        <li><a href="https://weirdstar.stream" style="font-family: id_kana018">πŸ”΄γƒ©γ‚€γƒ–</a></li>
        <!--<li><a class="{% block nav_pix %}{% endblock %}" style="font-family: Minecraftia" href="/pix">pix</a></li>-->
        <!--<li><a class="{% block nav_shodo %}{% endblock %}" href="/shodo">書道</a></li>-->
        <!--<li><a class="{% block nav_cute %}{% endblock %}" style="font-family: 'Darumadrop One'" href="/cute">cute linkz</a></li>-->
        <!--<li><a class="{% block nav_zk %}{% endblock %}" href="https://garden.blos.sm" style="font-family: Louise">zettelkasten</a></li>-->
        <!--<li><a class="{% block nav_read %}{% endblock %}" style="font-family: ukikusa" href="/read">γ‚ˆγ‚€</a></li>-->
        <li><a href="https://bunny.garden/cel">πŸ¦‹πŸŒ·πŸ°πŸŒ»πŸπŸ•·πŸͺ»πŸ‡πŸŒ±</a></li>
        <!--<li><a class="{% block nav_plants %}{% endblock %}" style="font-family: 'Almendra Display'; font-weight: 900;" href="/plants">plantas</a></li>-->
        <li><a style="font-family: Abordage;" href="https://pussy.accountants">pussy</a></li>
        <li class="suscakke"><a href="https://ass-sma.cc"><img src="/static/suscakke.png"></a></li>
        <!--<li><a class="{% block nav_guestbook %}{% endblock %}" style="font-family: Compagnon; font-weight: bold;" href="/guestbook">visitas</a></li>-->
      </ul>
    </nav>

    <main class="{% block reverse %}{% endblock %}">
      <div class="main-content">

        {% block content %}
        {% endblock content %}

      </div>

      {% block aside %}
      {% endblock aside %}

    </main>

    <footer class="panel">
      <a class="badge" href="https://blos.sm"><img src="https://blos.sm/badges/cel.png"></a>
      <a class="badge" href="https://skinnyver.se"><img src="/static/badges/badussyflops.png"></a>
      <img class="badge" src="/static/badges/mothracompat.gif">
      <img class="badge" src="/static/badges/flexbox.png">
      {# TODO: random skin tone #}
      <img class="badge" src="/static/badges/servinghttps_{{ self::thread_rng().gen_range(1..=7) }}.png">
      <a class="badge" href="https://keithhacks.cyou"><img src="/static/badges/keith.gif"></a>
      <a class="badge" href="https://webb.spiderden.org"><img src="/static/badges/webb.png"></a>
      <a class="badge" href="https://unix.dog/~bogdan"><img src="/static/badges/sardine.png"></a>
    </footer>

  </div>
</body>

</html>