aboutsummaryrefslogtreecommitdiff
path: root/templates/base.html
blob: cdf718dcf6a43f855d4894a554fac89c951743af (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
90
{% import "macros.html" as macros %}
<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>soaos</title>
  <link rel="icon" href="favicon.png" />
  <link rel="preload" href="/assets/UnifontExMono.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
  <link rel="stylesheet" href="/98.css" />
  <link rel="stylesheet" href="/style.css" />
  <meta charset="UTF-8" />
  {% block headcontent %} {% endblock headcontent %}
</head>

<body>
  <header>
    <div class="window">
      <div class="title-bar">
        <div class="title-bar-text">𐂂 Badass header</div>
      </div>
      <div class="window-body centered">
        <h1 class="flip" data-title="𐂂🌲🌲🌲 soaos 🌲🌲🌲𐂂">
          <span class="hidden-selectable">𐂂🌲🌲🌲 soaos 🌲🌲🌲𐂂</span>
        </h1>
      </div>
    </div>
  </header>
  <main>{% block content %} {% endblock content %}</main>
  <footer class="window">
    <div class="title-bar">
      <div class="title-bar-text">🎖 Badges</div>
    </div>
    <div class="window-body">
      <ul id="badge-grid" class="no-bullets">
        <li>
          <a href="https://lynx.browser.org/" target="_blank"><img src="/assets/badges/lynx.gif"
              alt="Lynx Compatible" /></a>
        </li>
        <li>
          <a href="https://www.debian.org/" target="_blank"><img src="/assets/badges/powered-by-debian.gif"
              alt="Powered by Debian" /></a>
        </li>
        <li>
          <a href="/hell"><img class="evil-box" src="/assets/badges/go2hell.gif" alt="Go 2 Hell Now!" /></a>
        </li>
        <li>
          <a href="/assets/badges/soaos.png" download data-tooltip="🦌 - Link to me on your site!"><img
              src="/assets/badges/soaos.png" alt="soaos.dev" /></a>
        </li>
        <li>
          <img src="/assets/badges/cookies.png" alt="Cookie-Free Page" />
        </li>
        <li>
          <a href="https://creativecommons.org/publicdomain/zero/1.0/" target="_blank"><img
              src="/assets/badges/cc-zero.png" alt="Work on this site released under CC0" /></a>
        </li>
        <li>
          <a href="https://indieweb.org" target="_blank"><img src="/assets/badges/indieweb.png"
              alt="IndieWeb Now!" /></a>
        </li>
        <li>
          <a href="https://soaos.dev/atom.xml" target="_blank"><img src="/assets/badges/rss.gif" alt="RSS Feed" /></a>
        </li>
        <li>
          <a href="https://status.cafe/users/soaos" target="_blank"><img src="https://status.cafe/assets/button.png"
              alt="Status Cafe" /></a>
        </li>
      </ul>
    </div>
    <div class="status-bar">
      <p data-tooltip="🦌 -<3" class="status-bar-field">
        <span class="red-on-white">█🍁█</span>
      </p>
      <p class="status-bar-field">
        <a href="https://evilr.ing/soaos/previous" class="evil"></a>
        <a href="https://evilr.ing" class="evil">EVILRING</a>
        <a href="https://evilr.ing/soaos/next" class="evil"></a>
      </p>
      <p class="status-bar-field">
        <span class="hidden">Built at: </span>{{ now() }}
      </p>
      <p class="status-bar-field">
        <a href="https://soaos.dev" class="flip" data-title="soaos"><span class="hidden-selectable">soaos<span /></a>
      </p>
    </div>
  </footer>
</body>

</html>