design-system-tuesdays/success.html at main · swisspost/design-system-tuesdays · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Registration successful!</title>
    <meta
      name="description"
      content="Event page for the Design System Tuesdays meet up for Design System Engineers, Frontend Engineers, Design System Designers, User Experience Designers, Figma Designers or people interested in Design Tokens, Web Components, Design Systems or related topics happening in Bern, Switzerland."
    />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Lemon&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="madness.css" />
  </head>
  <body>
    <aside>
      <img
        class="monkey-img"
        src="/assets/monkey.png"
        alt="A funky monkey with sunglasses drawn in vibrant colors surrounded by the headline 'Mad System Monkeys'"
      />
    </aside>

    <main>
      <header class="cloud">
        <h1 class="bordered-text">Registration successful!</h1>
        <p>
          <b>Date</b>: 13th of January 2026
          <br />
          <b>Time</b>: 17:00 - open end
          <br />
          <b>Location</b>: Swiss Post,
          <a href="https://maps.app.goo.gl/UG2p2fzJLqvzoCJa7"
            ><span class="nowrap">Wankdorfallee 4,</span> Bern</a
          >
          <br />
          <b>Directions</b>: Take the main entrance and follow the signs or ask
          at the reception.
        </p>
        <p class="cant-wait">
          <img
            src="/assets/peanut-butter-jelly-time.gif"
            alt="An animated pixelated dancing banana. For no particular reason."
          />
          Can't wait to see you there!
        </p>
        <p style="margin-block-start: 3rem" class="buttons">
          <a
            class="button"
            download
            href="/assets/2026-january/design-system-tuesday-january-2026.ics"
            >Download invite (<abbr>.ics</abbr>)</a
          >
          <a class="button secondary" href="/index.html">Agenda</a>
        </p>
      </header>
    </main>

    <footer class="footer">
      <p class="author cloud small bold">
        monkey patched by Philipp
        <a
          aria-label="see source code of this page on GitHub"
          href="https://github.com/swisspost/design-system-tuesdays"
          >GitHub</a
        >
        <a
          href="mailto:philipp.gfeller@post.ch"
          aria-label="Write an e-mail to Philipp (philipp.gfeller@post.ch)"
          >Mail</a
        >
        <a
          aria-label="Go to the LinkedIn profile of Philipp Gfeller"
          href="https://www.linkedin.com/in/philipp-gfeller-59a681138/"
          >LinkedIn</a
        >
      </p>
    </footer>
  </body>
</html>