-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
286 lines (249 loc) · 22.4 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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Vassal is an open-source game engine for building and playing online adaptations of board games and card games.">
<title>Vassal</title>
<link rel="icon" sizes="any" href="/favicon.ico">
<link rel="icon" type="image/svg+xml" href="/icon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="/css/site.css"/>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/src/ua-parser.js" integrity="sha256-jyYuix9WeRl1Ihc+PohNxbpQcVYiU9NEEQL6/hCcUZI=" crossorigin="anonymous"></script>
<script src="/js/detect-3.7.15.js"></script>
</head>
<body>
<!-- nav -->
<header class="d-flex flex-wrap align-items-center justify-content-center justify-content-md-between px-2 py-2">
<a href="/" class="d-flex align-items-center col-md-3 mb-2 mb-md-0 text-dark text-decoration-none">
<img class="wordmark" src="/images/wordmark-path.svg" width="529" height="180" alt="Vassal">
</a>
<ul class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0">
<li><a class="nav-link px-2 link-dark" href="/about.html"><svg class="svg-icon"><use xlink:href="#info-circle"></use></svg> About</a></li>
<li>
<a class="nav-link px-2 link-dark" href="https://discord.gg/GDdfq9AkfM"><svg class="svg-icon"><use xlink:href="#fab-discord"></use></svg> Chat</a>
</li>
<li><a class="nav-link px-2 link-dark" href="https://forum.vassalengine.org"><svg class="svg-icon"><use xlink:href="#landmark"></use></svg> Forum</a></li>
<li><a class="nav-link px-2 link-dark" href="/wiki/Category:Modules"><svg class="svg-icon"><use xlink:href="#chess-knight"></use></svg> Modules</a></li>
<li><a class="nav-link px-2 link-dark" href="/wiki"><svg class="svg-icon"><use xlink:href="#book-open"></use></svg> Documentation</a></li>
<li><a class="nav-link px-2 link-dark" href="https://forum.vassalengine.org/c/news/17"><svg class="svg-icon"><use xlink:href="#bullhorn"></use></svg> News</a></li>
</ul>
</header>
<div id="alert-bar" class="text-center">
<h5 class="py-3">Vassal 3.7.15 is released! See the <a class="link-light" href="https://forum.vassalengine.org/t/vassal-3-7-15-released/83878">news</a> for details.</h5>
</div>
<!-- hero -->
<div class="hero border-bottom mb-5">
<div class="container px-4 pt-5 mt-5 mb-5 text-center">
<h1 class="display-4 fw-bold">Play boardgames, virtually</h1>
<div class="d-grid gap-2 d-sm-flex justify-content-sm-center mt-4">
<a id="download_btn" class="btn btn-primary btn-lg px-4" href="/download.html">Get Vassal</a>
</div>
<div id="alt_downloads" class="gap-2 justify-content-sm-center container mt-1">
<div class="row">
<div class="col-sm text-muted">
<div><small>Not the download you're looking for?</small></div>
<div><small><a href="/download.html">Look here for others.</a></small></div>
</div>
</div>
</div>
</div>
<div id="screenshot-outer" class="container px-5 overflow-hidden">
<div id="screenshot-inner" class="container position-relative">
<picture class="screenshot shadow-lg">
<source width="1224" height="918" media="(min-width: 1400px)" srcset="/images/screenshots/screenshot1-1224.webp" type="image/webp">
<source width="1044" height="783" media="(min-width: 1200px)" srcset="/images/screenshots/screenshot1-1044.webp" type="image/webp">
<source width="864" height="648" media="(min-width: 992px)" srcset="/images/screenshots/screenshot1-864.webp" type="image/webp">
<source width="624" height="468" media="(min-width: 768px)" srcset="/images/screenshots/screenshot1-624.webp" type="image/webp">
<source width="444" height="333" media="(min-width: 576px)" srcset="/images/screenshots/screenshot1-444.webp" type="image/webp">
<source width="444" height="333" srcset="/images/screenshots/screenshot1-444.webp" type="image/webp">
<img width="1224" height="918" class="img-fluid border rounded-3" src="/images/screenshots/screenshot1-864.jpg" srcset="/images/screenshots/screenshot1-1224.jpg 1224w, /images/screenshots/screenshot1-1044.jpg 1044w, /images/screenshots/screenshot1-864.jpg 864w, /images/screenshots/screenshot1-624.jpg 624w, /images/screenshots/screenshot1-444.jpg 444w" sizes="(min-width: 1400px) 1224px, (min-width: 1200px) 1044px, (min-width: 992px) 864px, (min-width: 768px) 624px, (min-width: 576px) 444px, 444px" alt="Screenshot 1">
</picture>
<picture class="screenshot shadow-lg">
<source width="1224" height="918" media="(min-width: 1400px)" srcset="/images/screenshots/screenshot2-1224.webp" type="image/webp">
<source width="1044" height="783" media="(min-width: 1200px)" srcset="/images/screenshots/screenshot2-1044.webp" type="image/webp">
<source width="864" height="648" media="(min-width: 992px)" srcset="/images/screenshots/screenshot2-864.webp" type="image/webp">
<source width="624" height="468" media="(min-width: 768px)" srcset="/images/screenshots/screenshot2-624.webp" type="image/webp">
<source width="444" height="333" media="(min-width: 576px)" srcset="/images/screenshots/screenshot2-444.webp" type="image/webp">
<source width="444" height="333" srcset="/images/screenshots/screenshot2-444.webp" type="image/webp">
<img width="1224" height="918" class="img-fluid border rounded-3" src="/images/screenshots/screenshot2-864.jpg" srcset="/images/screenshots/screenshot2-1224.jpg 1224w, /images/screenshots/screenshot2-1044.jpg 1044w, /images/screenshots/screenshot2-864.jpg 864w, /images/screenshots/screenshot2-624.jpg 624w, /images/screenshots/screenshot2-444.jpg 444w" sizes="(min-width: 1400px) 1224px, (min-width: 1200px) 1044px, (min-width: 992px) 864px, (min-width: 768px) 624px, (min-width: 576px) 444px, 444px" alt="Screenshot 2">
</picture>
<picture class="screenshot shadow-lg">
<source width="1224" height="918" media="(min-width: 1400px)" srcset="/images/screenshots/screenshot3-1224.webp" type="image/webp">
<source width="1044" height="783" media="(min-width: 1200px)" srcset="/images/screenshots/screenshot3-1044.webp" type="image/webp">
<source width="864" height="648" media="(min-width: 992px)" srcset="/images/screenshots/screenshot3-864.webp" type="image/webp">
<source width="624" height="468" media="(min-width: 768px)" srcset="/images/screenshots/screenshot3-624.webp" type="image/webp">
<source width="444" height="333" media="(min-width: 576px)" srcset="/images/screenshots/screenshot3-444.webp" type="image/webp">
<source width="444" height="333" srcset="/images/screenshots/screenshot3-444.webp" type="image/webp">
<img width="1224" height="918" class="img-fluid border rounded-3" src="/images/screenshots/screenshot3-864.jpg" srcset="/images/screenshots/screenshot3-1224.jpg 1224w, /images/screenshots/screenshot3-1044.jpg 1044w, /images/screenshots/screenshot3-864.jpg 864w, /images/screenshots/screenshot3-624.jpg 624w, /images/screenshots/screenshot3-444.jpg 444w" sizes="(min-width: 1400px) 1224px, (min-width: 1200px) 1044px, (min-width: 992px) 864px, (min-width: 768px) 624px, (min-width: 576px) 444px, 444px" alt="Screenshot 3">
</picture>
<picture class="screenshot shadow-lg">
<source width="1224" height="918" media="(min-width: 1400px)" srcset="/images/screenshots/screenshot4-1224.webp" type="image/webp">
<source width="1044" height="783" media="(min-width: 1200px)" srcset="/images/screenshots/screenshot4-1044.webp" type="image/webp">
<source width="864" height="648" media="(min-width: 992px)" srcset="/images/screenshots/screenshot4-864.webp" type="image/webp">
<source width="624" height="468" media="(min-width: 768px)" srcset="/images/screenshots/screenshot4-624.webp" type="image/webp">
<source width="444" height="333" media="(min-width: 576px)" srcset="/images/screenshots/screenshot4-444.webp" type="image/webp">
<source width="444" height="333" srcset="/images/screenshots/screenshot4-444.webp" type="image/webp">
<img width="1224" height="918" class="img-fluid border rounded-3" src="/images/screenshots/screenshot4-864.jpg" srcset="/images/screenshots/screenshot4-1224.jpg 1224w, /images/screenshots/screenshot4-1044.jpg 1044w, /images/screenshots/screenshot4-864.jpg 864w, /images/screenshots/screenshot4-624.jpg 624w, /images/screenshots/screenshot4-444.jpg 444w" sizes="(min-width: 1400px) 1224px, (min-width: 1200px) 1044px, (min-width: 992px) 864px, (min-width: 768px) 624px, (min-width: 576px) 444px, 444px" alt="Screenshot 4">
</picture>
<picture class="screenshot shadow-lg">
<source width="1224" height="918" media="(min-width: 1400px)" srcset="/images/screenshots/screenshot5-1224.webp" type="image/webp">
<source width="1044" height="783" media="(min-width: 1200px)" srcset="/images/screenshots/screenshot5-1044.webp" type="image/webp">
<source width="864" height="648" media="(min-width: 992px)" srcset="/images/screenshots/screenshot5-864.webp" type="image/webp">
<source width="624" height="468" media="(min-width: 768px)" srcset="/images/screenshots/screenshot5-624.webp" type="image/webp">
<source width="444" height="333" media="(min-width: 576px)" srcset="/images/screenshots/screenshot5-444.webp" type="image/webp">
<source width="444" height="333" srcset="/images/screenshots/screenshot5-444.webp" type="image/webp">
<img width="1224" height="918" class="img-fluid border rounded-3" src="/images/screenshots/screenshot5-864.jpg" srcset="/images/screenshots/screenshot5-1224.jpg 1224w, /images/screenshots/screenshot5-1044.jpg 1044w, /images/screenshots/screenshot5-864.jpg 864w, /images/screenshots/screenshot5-624.jpg 624w, /images/screenshots/screenshot5-444.jpg 444w" sizes="(min-width: 1400px) 1224px, (min-width: 1200px) 1044px, (min-width: 992px) 864px, (min-width: 768px) 624px, (min-width: 576px) 444px, 444px" alt="Screenshot 5">
</picture>
<picture class="screenshot shadow-lg">
<source width="1224" height="918" media="(min-width: 1400px)" srcset="/images/screenshots/screenshot6-1224.webp" type="image/webp">
<source width="1044" height="783" media="(min-width: 1200px)" srcset="/images/screenshots/screenshot6-1044.webp" type="image/webp">
<source width="864" height="648" media="(min-width: 992px)" srcset="/images/screenshots/screenshot6-864.webp" type="image/webp">
<source width="624" height="468" media="(min-width: 768px)" srcset="/images/screenshots/screenshot6-624.webp" type="image/webp">
<source width="444" height="333" media="(min-width: 576px)" srcset="/images/screenshots/screenshot6-444.webp" type="image/webp">
<source width="444" height="333" srcset="/images/screenshots/screenshot6-444.webp" type="image/webp">
<img width="1224" height="918" class="img-fluid border rounded-3" src="/images/screenshots/screenshot6-864.jpg" srcset="/images/screenshots/screenshot6-1224.jpg 1224w, /images/screenshots/screenshot6-1044.jpg 1044w, /images/screenshots/screenshot6-864.jpg 864w, /images/screenshots/screenshot6-624.jpg 624w, /images/screenshots/screenshot6-444.jpg 444w" sizes="(min-width: 1400px) 1224px, (min-width: 1200px) 1044px, (min-width: 992px) 864px, (min-width: 768px) 624px, (min-width: 576px) 444px, 444px" alt="Screenshot 6">
</picture>
</div>
</div>
</div>
<script>
// shuffle the screenshots
const par = document.querySelector('#screenshot-inner');
for (var i = par.children.length; i >= 0; i--) {
par.appendChild(par.children[Math.random() * i | 0]);
}
</script>
<!-- features -->
<div id="features" class="container text-center">
<div class="row px-5">
<div class="col-lg">
<img class="big-icon" src="/images/chess-svgrepo-com.svg" width="59" height="59" alt="">
<h2>Wargames & Euros</h2>
<p>Our <a href="/wiki/Category:Modules">library of modules</a> includes over 2600 games.</p>
</div>
<div class="col-lg">
<img class="big-icon" src="/images/dices-svgrepo-com.svg" width="50" height="50" alt="">
<h2>Play Online</h2>
<p>Play online against live opponents on our server.</p>
</div>
<div class="col-lg">
<img class="big-icon" src="/images/tank-svgrepo-com.svg" width="512" height="512" alt="">
<h2>Turn by Turn</h2>
<p>Play at your own pace by Email or Discord.</p>
</div>
</div>
</div>
<!-- testimonials -->
<div id="testimonials" class="container border-top my-5 pt-5 px-3">
<div class="row">
<figure class="col-lg text-end">
<blockquote class="blockquote">
<p>As a game designer, scholar and gamer, Vassal has been a godsend not only during 2020–21, allowing me to play games remotely, play games that would require too much space and run prototypes.</p>
</blockquote>
<figcaption class="blockquote-footer">
Profit, forum user
</figcaption>
</figure>
</div>
</div>
<!-- news -->
<div id="news">
<div class="container text-center my-5 pt-5">
<div class="row mb-4">
<div class="col">
<img class="big-icon" src="/images/newspaper-folded-svgrepo-com.svg" width="422" height="422" alt="">
<h2>News</h2>
<p>Releases, new modules, announcements</p>
</div>
</div>
<div id="news_root" class="row justify-content-center gy-4 mb-4">
<template id="news_item_tmpl">
<article class="col-sm-7 d-flex align-items-start text-start">
<div class="mx-2">
<svg class="cal-icon" version="1.1" viewBox="0 0 32.75 32.75" xmlns="http://www.w3.org/2000/svg">
<path d="M 29.375,1.25 H 28.252 C 28.281,1.157 28.311,1.064 28.311,0.961 28.311,0.431 27.879,0 27.348,0 c -0.531,0 -0.961,0.431 -0.961,0.961 0,0.103 0.028,0.196 0.059,0.289 h -3.68 C 22.795,1.157 22.825,1.064 22.825,0.961 22.823,0.431 22.393,0 21.861,0 21.331,0 20.9,0.431 20.9,0.961 c 0,0.103 0.029,0.196 0.059,0.289 H 17.277 C 17.306,1.157 17.336,1.064 17.336,0.961 17.336,0.431 16.906,0 16.375,0 c -0.531,0 -0.961,0.431 -0.961,0.961 0,0.103 0.028,0.196 0.058,0.289 H 11.791 C 11.82,1.157 11.85,1.064 11.85,0.961 11.85,0.431 11.419,0 10.889,0 10.358,0 9.927,0.431 9.927,0.961 c 0,0.103 0.028,0.196 0.058,0.289 H 6.305 C 6.335,1.157 6.364,1.064 6.364,0.961 6.364,0.43 5.934,0 5.403,0 4.872,0 4.441,0.431 4.441,0.961 c 0,0.103 0.028,0.196 0.058,0.289 H 3.375 C 1.857,1.25 0.625,2.483 0.625,4 v 26 c 0,1.518 1.232,2.75 2.75,2.75 H 26.27 l 5.855,-5.855 V 4 c 0,-1.517 -1.232,-2.75 -2.75,-2.75 z m 1.25,25.023 -0.311,0.311 h -2.355 c -1.102,0 -2,0.9 -2,2 v 2.355 L 25.648,31.25 H 3.375 C 2.686,31.25 2.125,30.689 2.125,30 V 3 h 28.5 z"/>
<text class="tmpl-month" x="16.375" y="11" alignment-baseline="baseline" text-anchor="middle" style="font-size: 0.5rem; font-weight: 800;"></text>
<text class="tmpl-day" x="16.375" y="28" alignment-baseline="baseline" text-anchor="middle" style="font-size: 1.2rem; font-weight: 700;"></text>
</svg>
</div>
<h4 class="mx-2"><a class="tmpl-link"></a></h4>
</article>
</template>
</div>
<div class="row">
<p>Got news? <a href="https://forum.vassalengine.org/c/news/17">Post it here.</a></p>
</div>
</div>
</div>
<script src="/js/news.js"></script>
<!-- footer -->
<div class="container border-top pt-5">
<footer class="flex-wrap align-items-center">
<article class="row">
<a class="nav-link link-dark col-md d-flex align-items-start justify-content-center" href="https://discord.gg/GDdfq9AkfM">
<img class="footer-icon float-start mx-2" src="/images/Discord-Logo-Black.svg" width="71" height="55" alt="">
<div>
<h5 class="mb-0">Vassal on Discord</h5>
<p>Chat with friends</p>
</div>
</a>
<a class="nav-link link-dark col-md d-flex align-items-start justify-content-center" href="https://github.com/vassalengine/vassal">
<img class="footer-icon float-start mx-2" src="/images/github-icon.svg" width="256" height="250" alt="">
<div>
<h5 class="mb-0">Vassal on GitHub</h5>
<p>We write code here</p>
</div>
</a>
<a class="nav-link link-dark col-md d-flex align-items-start justify-content-center" href="/status.php">
<img class="footer-icon float-start mx-2" src="/images/server-svgrepo-com.svg" width="512" height="512" alt="">
<div>
<h5 class="mb-0">Server Status</h5>
<p>Who's playing now?</p>
</div>
</a>
</article>
<div id="colophon" class="text-center pt-5">
<div class="row text-muted">
<p class="col mb-0">Copyright © 2009–2024 The Vassal Team</p>
</div>
<div class="row text-muted">
<p class="col">
<a class="link-secondary text-decoration-none" href="/status.php">Status</a> | <a class="link-secondary text-decoration-none" href="/contact.html">Contact</a> | <a class="link-secondary text-decoration-none" href="/about.html#donate">Donate</a>
</p>
</div>
</div>
</footer>
</div>
<div class="svg-sprites">
<div class="fontawesome">
<svg xmlns="http://www.w3.org/2000/svg">
<symbol id="book-open" viewBox="0 0 576 512">
<path d="M542.22 32.05c-54.8 3.11-163.72 14.43-230.96 55.59-4.64 2.84-7.27 7.89-7.27 13.17v363.87c0 11.55 12.63 18.85 23.28 13.49 69.18-34.82 169.23-44.32 218.7-46.92 16.89-.89 30.02-14.43 30.02-30.66V62.75c.01-17.71-15.35-31.74-33.77-30.7zM264.73 87.64C197.5 46.48 88.58 35.17 33.78 32.05 15.36 31.01 0 45.04 0 62.75V400.6c0 16.24 13.13 29.78 30.02 30.66 49.49 2.6 149.59 12.11 218.77 46.95 10.62 5.35 23.21-1.94 23.21-13.46V100.63c0-5.29-2.62-10.14-7.27-12.99z"></path>
</symbol>
<symbol id="bullhorn" viewBox="0 0 576 512">
<path d="M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z"></path>
</symbol>
<symbol id="chess-knight" viewBox="0 0 384 512">
<path d="M19 272.47l40.63 18.06a32 32 0 0 0 24.88.47l12.78-5.12a32 32 0 0 0 18.76-20.5l9.22-30.65a24 24 0 0 1 12.55-15.65L159.94 208v50.33a48 48 0 0 1-26.53 42.94l-57.22 28.65A80 80 0 0 0 32 401.48V416h319.86V224c0-106-85.92-192-191.92-192H12A12 12 0 0 0 0 44a16.9 16.9 0 0 0 1.79 7.58L16 80l-9 9a24 24 0 0 0-7 17v137.21a32 32 0 0 0 19 29.26zM52 128a20 20 0 1 1-20 20 20 20 0 0 1 20-20zm316 320H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h352a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"></path>
</symbol>
<symbol id="home" viewBox="0 0 576 512">
<path d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path>
</symbol>
<symbol id="info-circle" viewBox="0 0 512 512">
<path d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z"></path>
</symbol>
<symbol id="landmark" viewBox="0 0 512 512">
<path d="M501.62 92.11L267.24 2.04a31.958 31.958 0 0 0-22.47 0L10.38 92.11A16.001 16.001 0 0 0 0 107.09V144c0 8.84 7.16 16 16 16h480c8.84 0 16-7.16 16-16v-36.91c0-6.67-4.14-12.64-10.38-14.98zM64 192v160H48c-8.84 0-16 7.16-16 16v48h448v-48c0-8.84-7.16-16-16-16h-16V192h-64v160h-96V192h-64v160h-96V192H64zm432 256H16c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h480c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16z"></path>
</symbol>
<symbol id="fab-discord" viewBox="0 0 448 512">
<path d="M297.216 243.2c0 15.616-11.52 28.416-26.112 28.416-14.336 0-26.112-12.8-26.112-28.416s11.52-28.416 26.112-28.416c14.592 0 26.112 12.8 26.112 28.416zm-119.552-28.416c-14.592 0-26.112 12.8-26.112 28.416s11.776 28.416 26.112 28.416c14.592 0 26.112-12.8 26.112-28.416.256-15.616-11.52-28.416-26.112-28.416zM448 52.736V512c-64.494-56.994-43.868-38.128-118.784-107.776l13.568 47.36H52.48C23.552 451.584 0 428.032 0 398.848V52.736C0 23.552 23.552 0 52.48 0h343.04C424.448 0 448 23.552 448 52.736zm-72.96 242.688c0-82.432-36.864-149.248-36.864-149.248-36.864-27.648-71.936-26.88-71.936-26.88l-3.584 4.096c43.52 13.312 63.744 32.512 63.744 32.512-60.811-33.329-132.244-33.335-191.232-7.424-9.472 4.352-15.104 7.424-15.104 7.424s21.248-20.224 67.328-33.536l-2.56-3.072s-35.072-.768-71.936 26.88c0 0-36.864 66.816-36.864 149.248 0 0 21.504 37.12 78.08 38.912 0 0 9.472-11.52 17.152-21.248-32.512-9.728-44.8-30.208-44.8-30.208 3.766 2.636 9.976 6.053 10.496 6.4 43.21 24.198 104.588 32.126 159.744 8.96 8.96-3.328 18.944-8.192 29.44-15.104 0 0-12.8 20.992-46.336 30.464 7.68 9.728 16.896 20.736 16.896 20.736 56.576-1.792 78.336-38.912 78.336-38.912z"></path>
</symbol>
</svg>
</div>
</div>
</body>
</html>