-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsuccess.html
106 lines (103 loc) · 4.02 KB
/
success.html
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
100
101
102
103
104
105
106
<!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>
</head>
<body>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Mad System Monkeys Gathering</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@700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="madness.css" />
</head>
<body>
<aside>
<img
class="monkey-img"
src="/monkey.png"
alt="A funky monkey with sunglasses drawn in vibrant colors surrounded by the headline 'Mad System Monkeys'"
/>
</aside>
<main>
<h1 class="bordered-text">
Congrats, your registration was successful!
</h1>
<p class="subtitle bordered-text">
March 26, 17:30, Swiss Post, Wankdorfallee 4, Bern Wankdorf
</p>
<p class="section bordered-text">Can't wait to see you there!</p>
</main>
<footer>
<div>
<svg
width="107"
height="107"
viewBox="0 0 107 107"
fill="none"
xmlns="http://www.w3.org/2000/svg"
role="img"
aria-labelledby="logo-title"
>
<title id="logo-title">
Logo of the Swiss Post, the host of this event
</title>
<g clip-path="url(#clip0_2_62)">
<path d="M107 0H0V107H107V0Z" fill="#FFCC00" />
<path
d="M50.5278 48.0014V28.2361H29.2764V43.2458H14.8611V63.7542H29.2764V78.7639H50.5278V58.9986H45.475V74.0083H34.3291V58.9986H19.9139V48.0014H34.3291V32.9917H45.475V48.0014H50.5278Z"
fill="#FF0000"
/>
<path
d="M79.5996 46.2259C79.5996 49.8114 76.6399 52.6084 72.8865 52.6084H67.1722V40.2736H72.8865C76.7844 40.2736 79.5996 42.7835 79.5996 46.2259ZM75.3409 28.2361H53.5V78.7639H67.1722V63.7542H75.3409C85.3741 63.7542 93.1699 56.0987 93.1699 46.2096C93.1699 36.2483 85.2299 28.2361 75.3409 28.2361Z"
fill="black"
/>
</g>
<defs>
<clipPath id="clip0_2_62">
<rect width="107" height="107" fill="white" />
</clipPath>
</defs>
</svg>
<p class="bordered-text">Hosted by the Swiss Post</p>
</div>
<p class="author bordered-text">
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:[email protected]"
aria-label="Write an e-mail to Philipp ([email protected])"
>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>
</body>
</html>