-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
227 lines (217 loc) · 7.72 KB
/
index.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Design System Tuesdays - A design system meetup</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" />
<!-- Facebook Meta Tags -->
<meta
property="og:url"
content="https://design-system-tuesdays.netlify.app"
/>
<meta property="og:type" content="website" />
<meta
property="og:title"
content="Design System Tuesdays - A design system meetup"
/>
<meta
property="og:description"
content="Meet up with people interested in Design Systems around Bern."
/>
<meta
property="og:image"
content="https://design-system-tuesdays.netlify.app/favicon.png"
/>
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta
property="twitter:domain"
content="design-system-tuesdays.netlify.app"
/>
<meta
property="twitter:url"
content="https://design-system-tuesdays.netlify.app"
/>
<meta
name="twitter:title"
content="Design System Tuesdays - A design system meetup"
/>
<meta
name="twitter:description"
content="Meet up with people interested in Design Systems around Bern."
/>
<meta
name="twitter:image"
content="https://design-system-tuesdays.netlify.app/favicon.png"
/>
</head>
<body>
<aside>
<img
class="monkey-img"
src="/monkey.png"
alt="A funky monkey with sunglasses drawn in vibrant colors surrounded by the headline 'Design System Tuesdays'"
/>
</aside>
<main>
<header class="cloud">
<h1>Design System Meet Up</h1>
<p class="subtitle">
Date and location for the next meeting to be defined
</p>
</header>
<section class="cloud">
<h2>Looking for speakers</h2>
<p>
After the <a href="#first-agenda">first successful installment</a>,
we're looking for speakers that are willing to present either one of
the topics below or have an idea for another input related to Design
Systems.
</p>
<p>
Please contact
<a href="mailto:[email protected]">[email protected]</a>
for more information and organisation.
</p>
<h3>Topics of interest</h3>
<ul>
<li>Your proposal</li>
<li>Design System Analytics - how do you measure success?</li>
<li>Design Tokens - managing design decisions</li>
</ul>
<p style="margin-block-start: 2rem">
<a class="button" href="mailto:[email protected]"
>Submit proposal</a
>
</p>
</section>
<section class="cloud" id="first-agenda">
<details>
<summary>
<h2>
Agenda from the
<time datetime="2024-03-26">26th of March 2024</time>
</h2>
</summary>
<ul class="agenda">
<li data-marker="🎙️">
<h3>Automatic Migrating from Stencil to Lit</h3>
<p class="speaker">by Lukas Spirig</p>
</li>
<li data-marker="🎤">
<h3>Why is this not a standard?</h3>
<p>
About the (hard) first steps in standardising new HTML features
with Open UI.
</p>
<p class="speaker">by Philipp Gfeller</p>
</li>
<li data-marker="🍻">
<h3>Drinks and chat</h3>
</li>
</ul>
<h3>Impressions</h3>
<div class="pictures">
<figure>
<a href="/pictures/2024-march/screen.jpg">
<img
src="/pictures/2024-march/screen_small.jpg"
alt="A large screen showing the Design System Tuesdays logo"
/>
</a>
<figcaption>Ready for some Design System madness</figcaption>
</figure>
<figure>
<a href="/pictures/2024-march/presentation-migration.jpg">
<img
src="/pictures/2024-march/presentation-migration_small.jpg"
alt=""
/>
</a>
<figcaption>Lukas speaking about migrations</figcaption>
</figure>
<figure>
<a href="/pictures/2024-march/presentation-standards.jpg">
<img
src="/pictures/2024-march/presentation-standards_small.jpg"
alt=""
/>
</a>
<figcaption>Philipp speaking about Web Standards</figcaption>
</figure>
</div>
<footer class="small" style="margin-block-start: 3rem">
<hr />
<p class="centered gap-1">
<svg
width="32"
height="32"
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>
Hosted by the Swiss Post
</p>
</footer>
</details>
</section>
</main>
<footer>
<p class="author cloud small">
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>