bitcircus101/dankedankedanke.html at main · bmmmm/bitcircus101 · GitHub

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
91
92
93
94
95
96
97
98
99
<!doctype html>
<html lang="de">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Danke für deinen Beitrag – bitcircus101 Hackspace Bonn</title>
        <meta name="description" content="Danke für deinen Beitrag! Du unterstützt den bitcircus101 Hackspace in Bonn – Miete, Internet, Infrastruktur." />
        <meta name="robots" content="noindex, nofollow" />
        <meta name="theme-color" content="#0d0d0d" />
        <meta property="og:type" content="website" />
        <meta property="og:title" content="Danke für deinen Beitrag – bitcircus101" />
        <meta property="og:description" content="Dein Beitrag hält den Hackspace am Laufen. Danke!" />
        <meta property="og:image" content="https://bitcircus101.de/images/og-image.jpg" />
        <link rel="icon" type="image/svg+xml" href="images/favicon.svg" />
        <link rel="stylesheet" href="style.css?v=5" />
    </head>
    <body>
        <a class="skip-link" href="#main-content">Zum Inhalt springen</a>
        <header>
            <nav id="main-nav" aria-label="Hauptnavigation">
                <a class="nav__brand" href="index.html">
                    <span class="nav__prompt" aria-hidden="true"
                        >&gt;<span class="nav__cursor">_</span></span
                    >
                    <span class="nav__name">bitcircus101</span>
                </a>
                <button
                    class="menu-toggle"
                    id="menu-toggle"
                    aria-controls="main-nav"
                    aria-expanded="false"
                >
                    ☰ Menü
                </button>
                <ul>
                    <li><a href="index.html#about">Über uns</a></li>
                    <li><a href="events.html">Veranstaltungen</a></li>
                    <li><a href="raum-nutzen.html">Raum nutzen</a></li>
                    <li><a href="donations.html" class="nav__cta">Unterstützen</a></li>
                    <li><a href="index.html#contact">Kontakt</a></li>
                    <li><a href="feed.xml" class="nav__rss" title="RSS Feed" aria-label="RSS-Feed der Termine">&#9673; RSS</a></li>
                </ul>
            </nav>
        </header>
        <main id="main-content">
            <div class="container">
                <section>
                    <h1>DANKE.</h1>
                    <p>
                        Dein Beitrag landet direkt dort, wo er gebraucht wird –
                        Miete, Internet, Infrastruktur.
                    </p>
                    <p>
                        Der Hackspace läuft weiter. Das ist dein Anteil daran.
                    </p>
                    <pre class="ascii-art">
  +--[ bitcircus101 ]--+
  |                    |
  |   funded. running. |
  |   lights: on.      |
  |                    |
  +--------------------+</pre>
                    <div class="back-link">
                        <a href="index.html" class="btn btn-shimmer">← Zurück zur Startseite</a>
                    </div>
                </section>
            </div>
        </main>
        <footer role="contentinfo" class="footer">
            <div class="footer__grid">
                <div class="footer__col">
                    <span class="footer__brand">bitcircus101</span>
                    <span class="footer__tagline">Hackspace · Bonn · Dorotheenstraße 101</span>
                </div>
                <div class="footer__col footer__col--links">
                    <a href="https://github.com/bmmmm/bitcircus101" target="_blank" rel="noopener">github ↗</a>
                    <a href="impressum-datenschutz.html">impressum</a>
                </div>
            </div>
            <div class="footer__bar">
                <span class="footer__year"></span>
                <span class="footer__sep">·</span>
                <span class="footer__status">lights: on</span>
            </div>
        </footer>
        <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js"></script>
        <script>
            window.addEventListener("load", function () {
                confetti({
                    particleCount: 200,
                    spread: 100,
                    origin: { y: 0.6 },
                    colors: ["#00d97e", "#ffffff", "#0d0d0d"],
                });
            });
        </script>
        <script defer src="main.js?v=7"></script>
    </body>
</html>