-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
314 lines (300 loc) · 41 KB
/
index.html
File metadata and controls
314 lines (300 loc) · 41 KB
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
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Open Visualization Academy</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/script.js" type="module"></script>
<!-- https://realfavicongenerator.net/ -->
<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<link rel="shortcut icon" href="favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="Academy" />
<link rel="manifest" href="site.webmanifest" />
</head>
<body>
<div class="background"></div>
<header class="grid">
<nav>
<div class="links">
<a href="#">
<div class="logo" aria-hidden="true"></div>
<span class="screen-reader">Home</span>
</a>
<a href="#courses">Courses</i>
</a>
<a href="#about">About</a>
<a href="#news">News</a>
</div>
<div class="account">
<div class="theme-picker">
<label title="Light theme">
<input type="radio" name="theme" value="light">
<svg class="icon" data-iconoir="sun-light" viewBox="0 0 24 24" width="24px" height="24px"
stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
aria-hidden="true">
<path
d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z">
</path>
<path d="M22 12L23 12">
</path>
<path d="M12 2V1"></path>
<path d="M12 23V22"></path>
<path d="M20 20L19 19"></path>
<path d="M20 4L19 5"></path>
<path d="M4 20L5 19"></path>
<path d="M4 4L5 5"></path>
<path d="M1 12L2 12"></path>
</svg>
</label>
<label title="Dark theme">
<input type="radio" name="theme" value="dark">
<svg class="icon" data-iconoir="half-moon" viewBox="0 0 24 24" width="24px" height="24px"
stroke="currentColor" fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
aria-hidden="true">
<path
d="M3 11.5066C3 16.7497 7.25034 21 12.4934 21C16.2209 21 19.4466 18.8518 21 15.7259C12.4934 15.7259 8.27411 11.5066 8.27411 3C5.14821 4.55344 3 7.77915 3 11.5066Z">
</path>
</svg>
</label>
</div>
<a href="./sign.html" class="button secondary">Sign in</a>
</div>
</nav>
</header>
<main>
<section class="cover grid">
<div class="info">
<div class="wave"></div>
<h1 class="title">
<span class="screen-reader">
Open Visualization Academy by Alberto Cairo
<!-- <a href="https://www.albertocairo.com/" rel="author">--><!--</a>-->
</span>
<svg viewBox="0 0 288 216" aria-hidden="true" fill="currentColor">
<g transform="translate(0 -2)">
<path
d="M14.247,195.943C14.994,194.131,15.367,192.534,15.367,191.154C15.367,190.124,15.098,189.190,14.560,188.356C14.021,187.521,13.243,187.104,12.224,187.104C10.777,187.104,9.290,188.247,7.762,190.528L11.582,177.927L11.148,177.927C10.267,178.298,8.908,178.507,7.067,178.552L6.859,179.282L7.414,179.282C8.027,179.282,8.409,179.341,8.560,179.456C8.711,179.574,8.786,179.765,8.786,180.030C8.786,180.217,8.624,180.836,8.300,181.890L4.080,195.812C3.582,197.459,3.334,198.589,3.334,199.202C3.334,200.154,3.643,200.910,4.263,201.470C4.882,202.033,5.649,202.313,6.563,202.313C7.883,202.313,9.307,201.705,10.835,200.488C12.363,199.271,13.500,197.757,14.247,195.943ZZM6.650,201.531C6.164,201.531,5.796,201.396,5.548,201.123C5.299,200.851,5.174,200.449,5.174,199.915C5.174,199.104,5.608,197.459,6.477,194.978C7.345,192.499,8.274,190.724,9.264,189.651C10.253,188.579,11.124,188.043,11.877,188.043C12.340,188.043,12.707,188.251,12.979,188.669C13.251,189.086,13.387,189.642,13.387,190.337C13.387,192.099,12.681,194.405,11.269,197.255C9.857,200.106,8.317,201.531,6.650,201.531ZZ" />
<path
d="M26.966,187.104C26.711,187.104,26.494,187.217,26.315,187.443C26.135,187.669,26.046,187.934,26.046,188.234C26.046,188.547,26.231,189.012,26.601,189.625C26.971,190.250,27.157,190.883,27.157,191.519C27.157,192.864,26.615,194.491,25.533,196.403C24.451,198.315,23.342,199.893,22.208,201.131C22.845,198.815,23.163,196.260,23.163,193.466C23.163,191.324,22.905,189.727,22.391,188.677C21.875,187.630,21.189,187.104,20.333,187.104C19.661,187.104,19.033,187.478,18.449,188.225C17.864,188.973,17.503,190.170,17.364,191.815L18.093,191.815C18.289,189.648,18.810,188.564,19.656,188.564C20.095,188.564,20.466,189.005,20.767,189.885C21.068,190.767,21.218,192.019,21.218,193.640C21.218,195.773,21.065,197.766,20.758,199.619C20.451,201.475,20.101,202.768,19.708,203.504C19.314,204.240,18.628,205.086,17.650,206.042C16.672,206.998,15.850,207.670,15.185,208.058C14.519,208.447,13.839,208.640,13.144,208.640C12.670,208.640,12.062,208.536,11.321,208.327C10.754,208.177,10.337,208.101,10.071,208.101C9.724,208.101,9.394,208.203,9.081,208.406C8.769,208.609,8.612,208.884,8.612,209.231C8.612,210.077,9.348,210.500,10.818,210.500C11.964,210.500,13.118,210.190,14.282,209.570C15.445,208.951,16.840,207.849,18.466,206.268C20.093,204.686,21.727,202.913,23.372,200.949C25.015,198.985,26.263,197.003,27.113,195.004C27.964,193.005,28.390,191.311,28.390,189.920C28.390,188.994,28.256,188.293,27.990,187.817C27.724,187.343,27.383,187.104,26.966,187.104ZZ" />
<path
d="M49.191,200.940C48.983,200.940,48.827,200.879,48.723,200.758C48.618,200.636,48.566,200.460,48.566,200.227C48.566,199.915,48.792,199.024,49.244,197.551L52.334,187.365L50.251,187.365L49.817,188.842C49.700,188.264,49.466,187.830,49.113,187.539C48.760,187.250,48.283,187.104,47.681,187.104C46.650,187.104,45.409,187.708,43.956,188.912C42.503,190.118,41.326,191.621,40.423,193.422C39.520,195.226,39.068,196.914,39.068,198.489C39.068,199.660,39.360,200.590,39.945,201.279C40.530,201.969,41.227,202.313,42.038,202.313C42.906,202.313,43.835,201.876,44.825,201.001C45.814,200.127,46.570,199.243,47.090,198.350C46.859,199.115,46.743,199.736,46.743,200.210C46.743,200.801,46.888,201.301,47.177,201.705C47.467,202.111,47.883,202.313,48.427,202.313C49.133,202.313,49.906,201.887,50.746,201.036C51.584,200.184,52.230,199.237,52.682,198.194L51.952,198.194C50.911,200.025,49.990,200.940,49.191,200.940ZZM48.098,194.474C47.310,196.792,46.381,198.513,45.311,199.636C44.240,200.762,43.323,201.322,42.559,201.322C42.095,201.322,41.748,201.129,41.517,200.740C41.285,200.353,41.169,199.775,41.169,199.011C41.169,197.251,41.927,194.974,43.444,192.180C44.960,189.388,46.425,187.991,47.837,187.991C48.300,187.991,48.656,188.162,48.905,188.503C49.154,188.847,49.278,189.260,49.278,189.746C49.278,190.581,48.884,192.158,48.098,194.474ZZ" />
<path
d="M58.742,200.453C58.151,200.999,57.659,201.270,57.266,201.270C56.999,201.270,56.800,201.183,56.667,201.010C56.533,200.836,56.467,200.575,56.467,200.227C56.467,199.706,56.635,198.941,56.970,197.933C57.225,197.168,57.393,196.642,57.474,196.351L63.065,177.927L62.631,177.927C61.728,178.309,60.322,178.518,58.412,178.552L58.186,179.282L58.863,179.282C59.488,179.282,59.879,179.341,60.035,179.456C60.191,179.574,60.270,179.769,60.270,180.047C60.270,180.234,60.096,180.895,59.749,182.029L55.686,195.447C54.933,197.916,54.557,199.463,54.557,200.088C54.557,200.727,54.748,201.257,55.130,201.679C55.512,202.102,56.021,202.313,56.658,202.313C58.510,202.313,60.026,200.762,61.207,197.655L60.443,197.655C59.899,198.976,59.332,199.910,58.742,200.453ZZ" />
<path
d="M71.886,187.104C70.439,187.104,68.951,188.247,67.423,190.528L71.243,177.927L70.809,177.927C69.929,178.298,68.569,178.507,66.729,178.552L66.521,179.282L67.076,179.282C67.689,179.282,68.071,179.341,68.222,179.456C68.372,179.574,68.448,179.765,68.448,180.030C68.448,180.217,68.286,180.836,67.962,181.890L63.742,195.812C63.244,197.459,62.996,198.589,62.996,199.202C62.996,200.154,63.305,200.910,63.925,201.470C64.544,202.033,65.310,202.313,66.225,202.313C67.545,202.313,68.969,201.705,70.497,200.488C72.025,199.271,73.162,197.757,73.909,195.943C74.655,194.131,75.029,192.534,75.029,191.154C75.029,190.124,74.760,189.190,74.221,188.356C73.683,187.521,72.904,187.104,71.886,187.104ZZM70.931,197.255C69.518,200.106,67.979,201.531,66.312,201.531C65.826,201.531,65.458,201.396,65.210,201.123C64.960,200.851,64.836,200.449,64.836,199.915C64.836,199.104,65.270,197.459,66.139,194.978C67.007,192.499,67.936,190.724,68.925,189.651C69.915,188.579,70.786,188.043,71.539,188.043C72.001,188.043,72.369,188.251,72.641,188.669C72.913,189.086,73.049,189.642,73.049,190.337C73.049,192.099,72.343,194.405,70.931,197.255ZZ" />
<path
d="M84.179,192.866C85.430,191.715,86.055,190.511,86.055,189.260C86.055,188.647,85.887,188.134,85.551,187.721C85.215,187.311,84.723,187.104,84.075,187.104C83.022,187.104,81.786,187.760,80.368,189.068C78.950,190.378,77.856,191.936,77.086,193.744C76.316,195.552,75.932,197.175,75.932,198.611C75.932,199.747,76.230,200.649,76.826,201.314C77.422,201.981,78.194,202.313,79.144,202.313C81.447,202.313,83.334,200.675,84.805,197.394L83.971,197.394C82.767,199.991,81.372,201.288,79.786,201.288C79.219,201.288,78.791,201.103,78.502,200.731C78.212,200.362,78.067,199.806,78.067,199.063C78.067,198.159,78.229,197.203,78.554,196.195C81.054,195.130,82.929,194.020,84.179,192.866ZZM81.097,190.033C82.040,188.684,82.860,188.008,83.554,188.008C83.913,188.008,84.182,188.117,84.362,188.330C84.541,188.545,84.631,188.873,84.631,189.312C84.631,190.274,84.035,191.345,82.842,192.527C81.650,193.709,80.307,194.637,78.814,195.308C79.392,193.142,80.154,191.384,81.097,190.033ZZ" />
<path
d="M97.341,187.104C96.693,187.104,96.044,187.534,95.396,188.390C94.748,189.249,93.995,190.646,93.139,192.579C92.827,193.299,92.636,193.716,92.566,193.831C93.087,191.967,93.348,190.528,93.348,189.520C93.348,188.710,93.226,188.104,92.983,187.704C92.740,187.304,92.369,187.104,91.872,187.104C91.154,187.104,90.427,187.563,89.692,188.477C88.957,189.394,88.347,190.500,87.861,191.797L88.625,191.797C88.868,191.115,89.276,190.361,89.849,189.538C90.422,188.716,90.899,188.304,91.281,188.304C91.455,188.304,91.585,188.386,91.672,188.547C91.759,188.710,91.802,188.960,91.802,189.294C91.802,189.920,91.542,191.115,91.021,192.875L88.260,202.087L90.344,202.087L90.726,200.836C91.466,198.381,92.439,195.758,93.643,192.971C94.846,190.185,95.738,188.790,96.317,188.790C96.444,188.790,96.571,188.866,96.699,189.016C97.023,189.399,97.341,189.590,97.654,189.590C97.932,189.590,98.171,189.481,98.374,189.260C98.577,189.040,98.678,188.755,98.678,188.408C98.678,188.049,98.557,187.743,98.314,187.487C98.070,187.232,97.746,187.104,97.341,187.104ZZ" />
<path
d="M104.287,188.356L106.891,188.356L107.134,187.591L104.530,187.591L106.127,182.324L104.044,182.324L102.446,187.591L100.067,187.591L99.824,188.356L102.220,188.356L99.980,195.760C99.263,198.113,98.904,199.563,98.904,200.106C98.904,200.745,99.081,201.270,99.434,201.687C99.786,202.105,100.258,202.313,100.849,202.313C101.601,202.313,102.432,201.859,103.340,200.949C104.249,200.041,105.056,198.722,105.763,196.994L104.999,196.994C104.466,198.189,103.865,199.180,103.193,199.967C102.521,200.755,101.977,201.149,101.561,201.149C101.329,201.149,101.153,201.077,101.031,200.931C100.909,200.788,100.849,200.575,100.849,200.297C100.849,199.893,101.231,198.444,101.995,195.952L104.287,188.356ZZ" />
<path
d="M114.323,187.191C113.189,187.191,112.019,187.702,110.815,188.721C109.612,189.742,108.685,191.072,108.037,192.710C107.389,194.350,107.065,195.865,107.065,197.255C107.065,199.087,107.426,200.373,108.150,201.114C108.874,201.856,109.716,202.226,110.677,202.226C111.753,202.226,112.850,201.796,113.967,200.931C115.084,200.069,116.013,198.826,116.754,197.203C117.495,195.582,117.865,193.866,117.865,192.058C117.865,190.563,117.532,189.379,116.867,188.503C116.201,187.630,115.353,187.191,114.323,187.191ZZM114.575,197.099C113.573,200.043,112.297,201.514,110.746,201.514C110.178,201.514,109.733,201.294,109.409,200.853C109.084,200.414,108.923,199.880,108.923,199.254C108.923,197.181,109.447,194.778,110.494,192.049C111.541,189.320,112.789,187.956,114.236,187.956C114.849,187.956,115.309,188.156,115.617,188.556C115.924,188.955,116.077,189.555,116.077,190.355C116.077,191.908,115.576,194.157,114.575,197.099ZZ" />
<path
d="M136.913,187.104C135.849,187.104,134.618,187.713,133.223,188.929C131.829,190.146,130.746,191.639,129.976,193.405C129.207,195.174,128.822,196.803,128.822,198.298C128.822,199.573,129.108,200.562,129.681,201.262C130.254,201.963,131.004,202.313,131.930,202.313C133.029,202.313,134.088,201.824,135.107,200.844C136.126,199.867,136.919,198.548,137.486,196.890L136.792,196.890C136.305,198.235,135.660,199.304,134.856,200.097C134.051,200.892,133.307,201.288,132.624,201.288C132.150,201.288,131.744,201.092,131.409,200.697C131.074,200.303,130.905,199.775,130.905,199.115C130.905,198.072,131.212,196.551,131.826,194.552C132.439,192.553,133.175,190.954,134.031,189.755C134.887,188.556,135.640,187.956,136.288,187.956C136.786,187.956,137.047,188.299,137.069,188.981C137.104,189.898,137.457,190.355,138.129,190.355C138.788,190.355,139.118,189.944,139.118,189.120C139.118,188.564,138.905,188.091,138.476,187.695C138.047,187.302,137.526,187.104,136.913,187.104ZZ" />
<path
d="M149.763,200.940C149.555,200.940,149.399,200.879,149.294,200.758C149.190,200.636,149.138,200.460,149.138,200.227C149.138,199.915,149.364,199.024,149.815,197.551L152.906,187.365L150.822,187.365L150.388,188.842C150.272,188.264,150.038,187.830,149.685,187.539C149.332,187.250,148.855,187.104,148.253,187.104C147.223,187.104,145.981,187.708,144.528,188.912C143.075,190.118,141.897,191.621,140.995,193.422C140.092,195.226,139.640,196.914,139.640,198.489C139.640,199.660,139.932,200.590,140.517,201.279C141.102,201.969,141.799,202.313,142.609,202.313C143.478,202.313,144.407,201.876,145.396,201.001C146.386,200.127,147.141,199.243,147.662,198.350C147.431,199.115,147.315,199.736,147.315,200.210C147.315,200.801,147.459,201.301,147.749,201.705C148.039,202.111,148.456,202.313,148.999,202.313C149.706,202.313,150.478,201.887,151.317,201.036C152.156,200.184,152.802,199.237,153.253,198.194L152.524,198.194C151.482,200.025,150.562,200.940,149.763,200.940ZZM148.669,194.474C147.883,196.792,146.954,198.513,145.882,199.636C144.811,200.762,143.894,201.322,143.130,201.322C142.667,201.322,142.320,201.129,142.088,200.740C141.857,200.353,141.741,199.775,141.741,199.011C141.741,197.251,142.500,194.974,144.016,192.180C145.532,189.388,146.997,187.991,148.409,187.991C148.872,187.991,149.228,188.162,149.477,188.503C149.725,188.847,149.850,189.260,149.850,189.746C149.850,190.581,149.456,192.158,148.669,194.474ZZ" />
<path
d="M157.959,201.096C157.704,201.096,157.511,201.014,157.377,200.844C157.244,200.677,157.178,200.425,157.178,200.088C157.178,199.671,157.485,198.646,158.098,197.012L159.765,192.493C160.378,190.859,160.685,189.735,160.685,189.120C160.685,188.519,160.511,188.032,160.164,187.660C159.817,187.291,159.371,187.104,158.827,187.104C158.121,187.104,157.360,187.469,156.544,188.199C155.728,188.929,155.002,189.927,154.365,191.189L155.198,191.189C155.453,190.622,155.889,189.987,156.509,189.286C157.129,188.586,157.664,188.234,158.115,188.234C158.335,188.234,158.500,188.293,158.610,188.408C158.720,188.525,158.775,188.699,158.775,188.929C158.775,189.197,158.544,189.950,158.080,191.189L156.084,196.490C155.436,198.229,155.111,199.406,155.111,200.019C155.111,200.773,155.316,201.344,155.728,201.731C156.139,202.120,156.616,202.313,157.160,202.313C157.971,202.313,158.813,201.879,159.687,201.010C160.560,200.140,161.270,199.145,161.814,198.020L160.980,198.020C159.822,200.071,158.815,201.096,157.959,201.096ZZ" />
<path
d="M161.206,177.927C160.789,177.927,160.433,178.074,160.138,178.370C159.843,178.665,159.695,179.022,159.695,179.439C159.695,179.845,159.840,180.201,160.129,180.508C160.419,180.816,160.777,180.968,161.206,180.968C161.623,180.968,161.979,180.819,162.274,180.517C162.569,180.217,162.717,179.856,162.717,179.439C162.717,179.022,162.569,178.665,162.274,178.370C161.979,178.074,161.623,177.927,161.206,177.927ZZ" />
<path
d="M173.690,188.408C173.690,188.049,173.569,187.743,173.326,187.487C173.083,187.232,172.758,187.104,172.353,187.104C171.706,187.104,171.057,187.534,170.409,188.390C169.761,189.249,169.008,190.646,168.151,192.579C167.839,193.299,167.648,193.716,167.578,193.831C168.099,191.967,168.360,190.528,168.360,189.520C168.360,188.710,168.238,188.104,167.995,187.704C167.752,187.304,167.382,187.104,166.884,187.104C166.167,187.104,165.439,187.563,164.705,188.477C163.970,189.394,163.359,190.500,162.873,191.797L163.637,191.797C163.880,191.115,164.288,190.361,164.861,189.538C165.434,188.716,165.912,188.304,166.294,188.304C166.467,188.304,166.597,188.386,166.684,188.547C166.771,188.710,166.814,188.960,166.814,189.294C166.814,189.920,166.554,191.115,166.033,192.875L163.272,202.087L165.356,202.087L165.738,200.836C166.479,198.381,167.451,195.758,168.655,192.971C169.859,190.185,170.751,188.790,171.329,188.790C171.456,188.790,171.584,188.866,171.711,189.016C172.035,189.399,172.353,189.590,172.666,189.590C172.944,189.590,173.184,189.481,173.387,189.260C173.590,189.040,173.690,188.755,173.690,188.408ZZ" />
<path
d="M182.447,188.503C181.782,187.630,180.933,187.191,179.903,187.191C178.769,187.191,177.599,187.702,176.396,188.721C175.192,189.742,174.265,191.072,173.618,192.710C172.970,194.350,172.645,195.865,172.645,197.255C172.645,199.087,173.007,200.373,173.730,201.114C174.454,201.856,175.296,202.226,176.257,202.226C177.333,202.226,178.431,201.796,179.547,200.931C180.664,200.069,181.593,198.826,182.334,197.203C183.075,195.582,183.445,193.866,183.445,192.058C183.445,190.563,183.112,189.379,182.447,188.503ZZM180.155,197.099C179.153,200.043,177.877,201.514,176.326,201.514C175.759,201.514,175.314,201.294,174.989,200.853C174.665,200.414,174.503,199.880,174.503,199.254C174.503,197.181,175.027,194.778,176.075,192.049C177.122,189.320,178.370,187.956,179.816,187.956C180.430,187.956,180.890,188.156,181.197,188.556C181.504,188.955,181.657,189.555,181.657,190.355C181.657,191.908,181.157,194.157,180.155,197.099ZZ" />
<path
d="M16.114,112.293L1.111,148.717L8.482,148.717L11.998,139.852L28.173,139.852L31.949,148.717L39.372,148.717L23.302,112.293L16.114,112.293ZZM14.134,134.507L19.734,120.089L25.881,134.507L14.134,134.507ZZ" />
<path
d="M48.349,142.094C46.952,140.704,46.253,138.870,46.253,136.593C46.253,134.264,46.947,132.417,48.336,131.053C49.725,129.688,51.514,129.006,53.702,129.006C55.733,129.006,57.886,129.666,60.161,130.987L60.161,125.538C57.869,124.443,55.308,123.896,52.478,123.896C48.658,123.896,45.545,125.078,43.140,127.441C40.735,129.805,39.533,132.925,39.533,136.802C39.533,140.539,40.761,143.537,43.218,145.797C45.675,148.056,48.875,149.186,52.816,149.186C55.490,149.186,58.086,148.673,60.604,147.648L60.604,142.459C57.895,143.606,55.673,144.180,53.936,144.180C51.609,144.180,49.747,143.485,48.349,142.094ZZ" />
<path
d="M84.964,144.754C84.217,144.754,83.844,144.293,83.844,143.372L83.844,131.457C83.844,129.075,83.019,127.220,81.369,125.890C79.720,124.560,77.332,123.896,74.207,123.896C70.560,123.896,67.409,124.947,64.752,127.050L64.752,132.812C65.950,131.491,67.279,130.492,68.737,129.814C70.196,129.136,71.663,128.797,73.139,128.797C76.021,128.797,77.462,129.988,77.462,132.369L77.462,133.490L72.279,135.003C69.154,135.906,66.966,136.967,65.716,138.183C64.466,139.400,63.841,141.060,63.841,143.163C63.841,144.814,64.470,146.231,65.729,147.413C66.988,148.595,68.494,149.186,70.248,149.186C72.713,149.186,75.170,148.317,77.619,146.579C77.862,147.552,78.292,148.230,78.908,148.612C79.524,148.995,80.406,149.186,81.552,149.186C83.409,149.186,85.458,148.499,87.698,147.126L87.698,143.424C87.316,143.772,86.843,144.080,86.279,144.350C85.715,144.619,85.276,144.754,84.964,144.754ZZM77.462,143.215C76.056,144.502,74.649,145.145,73.243,145.145C72.410,145.145,71.711,144.875,71.146,144.336C70.582,143.798,70.300,143.085,70.300,142.199C70.300,141.399,70.539,140.721,71.016,140.165C71.494,139.609,72.240,139.061,73.256,138.522C74.272,137.983,75.674,137.410,77.462,136.802L77.462,143.215ZZ" />
<path
d="M107.131,124.912C105.204,124.235,103.389,123.896,101.688,123.896C99.482,123.896,97.429,124.430,95.528,125.499C93.627,126.568,92.134,128.041,91.048,129.918C89.963,131.796,89.421,133.881,89.421,136.176C89.421,140.052,90.588,143.111,92.924,145.353C95.259,147.596,98.371,148.717,102.261,148.717L113.512,148.717L113.512,112.293L107.131,112.293L107.131,124.912ZZM107.131,143.815L103.771,143.815C98.579,143.815,95.984,141.199,95.984,135.967C95.984,133.794,96.622,132.039,97.898,130.701C99.174,129.362,100.880,128.693,103.016,128.693C104.440,128.693,105.811,129.032,107.131,129.710L107.131,143.815ZZ" />
<path
d="M130.290,123.896C126.678,123.896,123.748,125.069,121.500,127.415C119.251,129.762,118.127,132.786,118.127,136.489C118.127,140.330,119.342,143.407,121.773,145.718C124.204,148.030,127.338,149.186,131.176,149.186C135.239,149.186,138.694,148.178,141.542,146.162L141.542,141.390C140.031,142.468,138.568,143.272,137.153,143.802C135.738,144.332,134.266,144.597,132.738,144.597C130.359,144.597,128.488,144.011,127.125,142.837C125.762,141.664,124.951,139.991,124.690,137.818L141.906,137.818L141.906,136.854C141.906,132.804,140.864,129.632,138.781,127.337C136.697,125.043,133.867,123.896,130.290,123.896ZZM124.794,133.934C125.055,132.074,125.676,130.666,126.657,129.710C127.638,128.754,128.936,128.276,130.550,128.276C132.131,128.276,133.372,128.776,134.275,129.775C135.178,130.774,135.716,132.161,135.890,133.934L124.794,133.934ZZ" />
<path
d="M177.035,123.896C175.403,123.896,173.906,124.282,172.542,125.056C171.179,125.829,169.812,127.059,168.440,128.745C167.798,127.268,166.830,126.090,165.536,125.212C164.243,124.334,162.658,123.896,160.783,123.896C159.220,123.896,157.840,124.213,156.642,124.847C155.444,125.482,154.263,126.459,153.099,127.780L153.099,124.365L146.692,124.365L146.692,148.717L153.099,148.717L153.099,132.526C154.089,131.205,155.018,130.244,155.886,129.645C156.754,129.045,157.709,128.745,158.751,128.745C160.036,128.745,161.061,129.219,161.825,130.166C162.589,131.113,162.971,132.421,162.971,134.090L162.971,148.717L169.352,148.717L169.352,132.526C171.158,130.005,173.042,128.745,175.004,128.745C176.376,128.745,177.422,129.232,178.142,130.205C178.863,131.179,179.223,132.508,179.223,134.194L179.223,148.717L185.630,148.717L185.630,133.125C185.630,130.327,184.840,128.089,183.260,126.412C181.680,124.734,179.605,123.896,177.035,123.896ZZ" />
<path
d="M199.960,137.453L194.204,124.365L187.276,124.365L196.730,144.232L188.995,160.997L195.871,160.997L212.670,124.365L205.794,124.365L199.960,137.453ZZ" />
<path
d="M19.934,82.284L9.646,58.897L2.223,58.897L18.814,95.789L21.262,95.789L37.332,58.897L29.961,58.897L19.934,82.284ZZ" />
<path d="M40.48,70.97H46.88V95.32H40.48Z" />
<path
d="M41.141,65.871C41.861,66.610,42.708,66.979,43.680,66.979C44.687,66.979,45.542,66.610,46.246,65.871C46.949,65.132,47.300,64.285,47.300,63.329C47.300,62.338,46.945,61.487,46.233,60.774C45.521,60.061,44.670,59.705,43.680,59.705C42.725,59.705,41.883,60.057,41.154,60.761C40.424,61.465,40.060,62.321,40.060,63.329C40.060,64.285,40.420,65.132,41.141,65.871ZZ" />
<path
d="M62.569,90.510C61.892,90.901,61.006,91.096,59.913,91.096C57.777,91.096,55.146,90.227,52.021,88.489L52.021,93.834C53.010,94.373,54.256,94.833,55.758,95.216C57.260,95.598,58.879,95.789,60.616,95.789C63.394,95.789,65.599,95.116,67.231,93.769C68.864,92.422,69.680,90.575,69.680,88.228C69.680,86.560,69.120,85.130,68.000,83.939C66.880,82.749,64.931,81.449,62.152,80.042C60.208,79.068,59.018,78.399,58.584,78.034C58.150,77.669,57.933,77.304,57.933,76.939C57.933,76.296,58.194,75.800,58.714,75.453C59.235,75.105,59.956,74.931,60.876,74.931C61.970,74.931,63.212,75.170,64.601,75.648C65.990,76.126,67.292,76.756,68.508,77.539L68.508,72.402C67.188,71.742,65.938,71.259,64.757,70.955C63.576,70.651,62.317,70.499,60.980,70.499C58.237,70.499,56.023,71.142,54.339,72.428C52.654,73.715,51.812,75.435,51.812,77.591C51.812,79.103,52.281,80.411,53.219,81.515C54.156,82.618,55.606,83.640,57.568,84.578C60.121,85.830,61.640,86.620,62.126,86.951C62.613,87.281,62.977,87.603,63.220,87.915C63.463,88.228,63.585,88.576,63.585,88.958C63.585,89.601,63.246,90.119,62.569,90.510ZZ" />
<path
d="M90.146,95.320L96.553,95.320L96.553,70.968L90.146,70.968L90.146,87.107C89.538,88.307,88.739,89.236,87.749,89.897C86.760,90.557,85.726,90.888,84.650,90.888C83.348,90.888,82.301,90.475,81.511,89.649C80.721,88.824,80.326,87.620,80.326,86.038L80.326,70.968L73.945,70.968L73.945,86.560C73.945,89.306,74.744,91.531,76.341,93.234C77.939,94.938,80.040,95.789,82.644,95.789C85.336,95.789,87.836,94.529,90.146,92.009L90.146,95.320ZZ" />
<path
d="M125.038,93.730L125.038,90.027C124.656,90.375,124.183,90.683,123.618,90.953C123.054,91.222,122.616,91.357,122.303,91.357C121.557,91.357,121.183,90.896,121.183,89.975L121.183,78.060C121.183,75.679,120.358,73.823,118.709,72.493C117.059,71.164,114.672,70.499,111.546,70.499C107.900,70.499,104.748,71.551,102.092,73.654L102.092,79.416C103.290,78.095,104.618,77.095,106.077,76.417C107.535,75.740,109.003,75.401,110.478,75.401C113.361,75.401,114.802,76.591,114.802,78.973L114.802,80.094L109.619,81.606C106.493,82.510,104.306,83.570,103.055,84.787C101.805,86.003,101.180,87.663,101.180,89.767C101.180,91.418,101.810,92.834,103.068,94.016C104.327,95.198,105.834,95.789,107.587,95.789C110.053,95.789,112.510,94.920,114.958,93.182C115.201,94.155,115.631,94.833,116.248,95.216C116.864,95.598,117.745,95.789,118.891,95.789C120.749,95.789,122.798,95.103,125.038,93.730ZZM114.802,89.819C113.396,91.105,111.989,91.748,110.583,91.748C109.749,91.748,109.050,91.479,108.486,90.940C107.922,90.401,107.639,89.688,107.639,88.802C107.639,88.002,107.878,87.324,108.356,86.768C108.833,86.212,109.580,85.664,110.596,85.126C111.611,84.587,113.014,84.013,114.802,83.405L114.802,89.819ZZ" />
<path d="M128.39,58.9H134.8V95.32H128.39Z" />
<path d="M140.92,70.97H147.33V95.32H140.92Z" />
<path
d="M144.125,66.979C145.132,66.979,145.987,66.610,146.691,65.871C147.394,65.132,147.745,64.285,147.745,63.329C147.745,62.338,147.389,61.487,146.678,60.774C145.966,60.061,145.115,59.705,144.125,59.705C143.170,59.705,142.328,60.057,141.599,60.761C140.869,61.465,140.505,62.321,140.505,63.329C140.505,64.285,140.865,65.132,141.586,65.871C142.306,66.610,143.153,66.979,144.125,66.979ZZ" />
<path
d="M174.164,95.320L174.164,90.523L161.454,90.523L174.112,70.968L151.765,70.968L151.765,75.818L163.486,75.818L150.801,95.320L174.164,95.320ZZ" />
<path
d="M185.381,81.606C182.256,82.510,180.068,83.570,178.818,84.787C177.568,86.003,176.943,87.663,176.943,89.767C176.943,91.418,177.572,92.834,178.831,94.016C180.090,95.198,181.596,95.789,183.350,95.789C185.815,95.789,188.272,94.920,190.721,93.182C190.964,94.155,191.394,94.833,192.010,95.216C192.626,95.598,193.508,95.789,194.654,95.789C196.511,95.789,198.560,95.103,200.800,93.730L200.800,90.027C200.418,90.375,199.945,90.683,199.381,90.953C198.817,91.222,198.378,91.357,198.066,91.357C197.319,91.357,196.946,90.896,196.946,89.975L196.946,78.060C196.946,75.679,196.121,73.823,194.471,72.493C192.822,71.164,190.434,70.499,187.309,70.499C183.662,70.499,180.511,71.551,177.854,73.654L177.854,79.416C179.052,78.095,180.381,77.095,181.839,76.417C183.298,75.740,184.765,75.401,186.241,75.401C189.123,75.401,190.564,76.591,190.564,78.973L190.564,80.094L185.381,81.606ZZM190.564,89.819C189.158,91.105,187.751,91.748,186.345,91.748C185.512,91.748,184.813,91.479,184.248,90.940C183.684,90.401,183.402,89.688,183.402,88.802C183.402,88.002,183.641,87.324,184.118,86.768C184.596,86.212,185.342,85.664,186.358,85.126C187.374,84.587,188.776,84.013,190.564,83.405L190.564,89.819ZZ" />
<path
d="M211.630,89.714C210.970,89.037,210.640,88.150,210.640,87.055L210.640,75.818L218.975,75.818L218.975,70.968L210.640,70.968L210.640,64.502L210.119,64.502L200.456,74.775L200.456,75.818L204.259,75.818L204.259,87.472C204.259,90.027,205.027,92.052,206.564,93.547C208.101,95.042,210.241,95.789,212.984,95.789C215.016,95.789,217.186,95.277,219.496,94.251L219.496,89.115C217.551,90.192,215.832,90.731,214.339,90.731C213.193,90.731,212.290,90.392,211.630,89.714ZZ" />
<path
d="M226.325,59.705C225.370,59.705,224.528,60.057,223.799,60.761C223.069,61.465,222.705,62.321,222.705,63.329C222.705,64.285,223.065,65.132,223.786,65.871C224.506,66.610,225.353,66.979,226.325,66.979C227.332,66.979,228.187,66.610,228.891,65.871C229.594,65.132,229.945,64.285,229.945,63.329C229.945,62.338,229.589,61.487,228.878,60.774C228.166,60.061,227.315,59.705,226.325,59.705ZZ" />
<path d="M223.12,70.97H229.53V95.32H223.12Z" />
<path
d="M254.311,72.089C252.245,71.029,249.944,70.499,247.409,70.499C244.909,70.499,242.634,71.025,240.585,72.076C238.536,73.128,236.939,74.605,235.793,76.509C234.647,78.412,234.074,80.589,234.074,83.040C234.074,85.560,234.616,87.768,235.701,89.662C236.787,91.557,238.371,93.052,240.455,94.147C242.538,95.242,244.857,95.789,247.409,95.789C249.944,95.789,252.266,95.242,254.376,94.147C256.486,93.052,258.083,91.557,259.169,89.662C260.254,87.768,260.796,85.560,260.796,83.040C260.796,80.624,260.232,78.460,259.103,76.548C257.975,74.636,256.377,73.150,254.311,72.089ZZM252.280,88.958C251.081,90.349,249.441,91.044,247.357,91.044C245.360,91.044,243.767,90.318,242.578,88.867C241.388,87.416,240.793,85.473,240.793,83.040C240.793,80.693,241.401,78.807,242.617,77.382C243.832,75.957,245.412,75.244,247.357,75.244C249.423,75.244,251.060,75.918,252.266,77.265C253.473,78.612,254.077,80.520,254.077,82.988C254.077,85.578,253.478,87.568,252.280,88.958ZZ" />
<path
d="M285.669,73.067C284.115,71.355,282.036,70.499,279.431,70.499C277.972,70.499,276.622,70.799,275.381,71.398C274.139,71.998,272.928,72.993,271.748,74.384L271.748,70.968L265.340,70.968L265.340,95.320L271.748,95.320L271.748,79.129C272.789,77.773,273.744,76.804,274.613,76.222C275.481,75.640,276.410,75.348,277.399,75.348C278.702,75.348,279.731,75.809,280.486,76.730C281.241,77.652,281.619,78.903,281.619,80.485L281.619,95.320L288.000,95.320L288.000,79.833C288.000,77.034,287.223,74.779,285.669,73.067ZZ" />
<path
d="M9.780,40.411C12.862,42.045,16.287,42.862,20.055,42.862C23.875,42.862,27.309,42.058,30.356,40.450C33.404,38.842,35.800,36.583,37.545,33.671C39.290,30.760,40.162,27.601,40.162,24.194C40.162,20.700,39.268,17.489,37.480,14.560C35.691,11.631,33.291,9.389,30.278,7.833C27.265,6.278,23.875,5.500,20.107,5.500C16.183,5.500,12.710,6.313,9.689,7.938C6.668,9.563,4.298,11.844,2.579,14.782C0.860,17.719,0.000,20.857,0.000,24.194C0.000,27.653,0.860,30.812,2.579,33.671C4.298,36.531,6.698,38.777,9.780,40.411ZZM8.856,17.663C9.915,15.742,11.430,14.247,13.400,13.178C15.371,12.109,17.589,11.575,20.055,11.575C22.521,11.575,24.739,12.105,26.710,13.165C28.681,14.226,30.209,15.725,31.294,17.663C32.379,19.601,32.922,21.778,32.922,24.194C32.922,27.896,31.719,30.921,29.314,33.267C26.909,35.614,23.840,36.787,20.107,36.787C17.642,36.787,15.432,36.257,13.479,35.197C11.525,34.136,10.002,32.642,8.908,30.712C7.814,28.783,7.267,26.610,7.267,24.194C7.267,21.761,7.796,19.584,8.856,17.663ZZ" />
<path
d="M51.018,41.428C52.928,42.384,54.829,42.862,56.722,42.862C59.049,42.862,61.132,42.323,62.973,41.246C64.813,40.168,66.233,38.664,67.231,36.735C68.230,34.806,68.729,32.615,68.729,30.165C68.729,26.428,67.665,23.394,65.538,21.065C63.411,18.736,60.611,17.572,57.139,17.572C54.951,17.572,52.893,18.249,50.966,19.605L50.966,18.041L44.611,18.041L44.611,54.673L51.018,54.673L51.018,41.428ZZM51.018,24.403C52.147,23.586,53.058,23.051,53.753,22.799C54.447,22.547,55.168,22.421,55.915,22.421C57.911,22.421,59.452,23.125,60.538,24.533C61.623,25.941,62.165,27.888,62.165,30.373C62.165,32.650,61.558,34.510,60.342,35.953C59.127,37.395,57.512,38.117,55.498,38.117C54.109,38.117,52.615,37.656,51.018,36.735L51.018,24.403ZZ" />
<path
d="M85.185,42.862C89.249,42.862,92.704,41.854,95.552,39.838L95.552,35.066C94.041,36.144,92.578,36.948,91.163,37.478C89.748,38.008,88.276,38.273,86.748,38.273C84.369,38.273,82.498,37.687,81.135,36.513C79.772,35.340,78.961,33.667,78.700,31.494L95.916,31.494L95.916,30.530C95.916,26.480,94.874,23.308,92.791,21.013C90.707,18.719,87.877,17.572,84.300,17.572C80.688,17.572,77.758,18.745,75.510,21.091C73.261,23.438,72.137,26.462,72.137,30.165C72.137,34.006,73.352,37.083,75.783,39.394C78.214,41.706,81.348,42.862,85.185,42.862ZZM80.667,23.386C81.648,22.430,82.946,21.952,84.560,21.952C86.140,21.952,87.382,22.452,88.285,23.451C89.188,24.450,89.726,25.837,89.900,27.610L78.804,27.610C79.065,25.750,79.685,24.342,80.667,23.386ZZ" />
<path
d="M107.110,26.202C108.152,24.846,109.107,23.877,109.975,23.295C110.843,22.712,111.772,22.421,112.762,22.421C114.064,22.421,115.093,22.882,115.848,23.803C116.604,24.724,116.981,25.976,116.981,27.557L116.981,42.393L123.362,42.393L123.362,26.906C123.362,24.107,122.585,21.852,121.031,20.140C119.477,18.428,117.398,17.572,114.793,17.572C113.335,17.572,111.985,17.871,110.743,18.471C109.502,19.071,108.291,20.066,107.110,21.456L107.110,18.041L100.703,18.041L100.703,42.393L107.110,42.393L107.110,26.202ZZ" />
</g>
</svg>
</h1>
<p class="description">
A free and open source repository of knowledge about
information design and data visualization<span class="screen-reader">.</span>
</p>
<a href="#courses" class="button primary">Start course</a>
</div>
<figure class="preview">
<div class="video-wrapper">
<video src="media/preview-720.mp4?avasda" oncanplaythrough="this.classList.add('loaded')" muted loop autoplay
playsinline alt="Welcome video"></video>
<button class="button tertiary" data-control="playWithAudio">
<svg class="icon" data-iconoir="play-solid" width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24"
fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
aria-hidden="true">
<path
d="M6.90588 4.53682C6.50592 4.2998 6 4.58808 6 5.05299V18.947C6 19.4119 6.50592 19.7002 6.90588 19.4632L18.629 12.5162C19.0211 12.2838 19.0211 11.7162 18.629 11.4838L6.90588 4.53682Z">
</path>
</svg>
<span>Play <span class="screen-reader">welcome video</span> with audio</span>
</button>
</div>
<figcaption class="secondary">
<span>Welcome to the Academy</span>
<span class="duration">
<span class="screen-reader">Video duration: </span>
<svg class="icon" data-iconoir="timer" viewBox="0 0 24 24" width="24px" height="24px" stroke="currentColor"
fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 2L15 2"></path>
<path d="M12 10L12 14"></path>
<path
d="M12 22C16.4183 22 20 18.4183 20 14C20 9.58172 16.4183 6 12 6C7.58172 6 4 9.58172 4 14C4 18.4183 7.58172 22 12 22Z">
</path>
</svg>
1 min
</span>
</figcaption>
<div class="controls" hidden>
<div>
<button class="button tertiary" data-control="play" title="Pause/Play">
<svg class="icon" data-iconoir="pause" width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24"
fill="none" stroke="currentColor">
<path
d="M6 18.4V5.6C6 5.26863 6.26863 5 6.6 5H9.4C9.73137 5 10 5.26863 10 5.6V18.4C10 18.7314 9.73137 19 9.4 19H6.6C6.26863 19 6 18.7314 6 18.4Z">
</path>
<path
d="M14 18.4V5.6C14 5.26863 14.2686 5 14.6 5H17.4C17.7314 5 18 5.26863 18 5.6V18.4C18 18.7314 17.7314 19 17.4 19H14.6C14.2686 19 14 18.7314 14 18.4Z">
</path>
</svg>
<svg class="icon" data-iconoir="play" width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" hidden>
<path
d="M6.90588 4.53682C6.50592 4.2998 6 4.58808 6 5.05299V18.947C6 19.4119 6.50592 19.7002 6.90588 19.4632L18.629 12.5162C19.0211 12.2838 19.0211 11.7162 18.629 11.4838L6.90588 4.53682Z">
</path>
</svg>
<!-- <span><span class="screen-reader">Play or pause</span></span> -->
</button>
</div>
<div>
<button class="button tertiary" title="Mute/Unmute" data-control="unmute">
<svg class="icon" data-iconoir="sound-off-alt" width="24px" height="24px" viewBox="0 0 24 24"
stroke-width="2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<path
d="M18.000,14.500L20.501,12.000M23.000,9.500L20.501,12.000M20.501,12.000L18.000,9.500M20.501,12.000L23.000,14.500">
</path>
<path
d="M1.000,13.857L1.000,10.143C1.000,9.038,1.895,8.143,3.000,8.143L5.900,8.143C6.096,8.143,6.287,8.085,6.450,7.978L12.449,4.022C13.114,3.584,14.000,4.061,14.000,4.857L14.000,19.143C14.000,19.939,13.114,20.416,12.449,19.978L6.450,16.022C6.287,15.915,6.096,15.857,5.900,15.857L3.000,15.857C1.895,15.857,1.000,14.962,1.000,13.857ZZ">
</path>
</svg>
<svg class="icon" data-iconoir="sound-high" width="24px" height="24px" viewBox="0 0 24 24"
stroke-width="2" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
hidden>
<path
d="M1 13.8571V10.1429C1 9.03829 1.89543 8.14286 3 8.14286H5.9C6.09569 8.14286 6.28708 8.08544 6.45046 7.97772L12.4495 4.02228C13.1144 3.5839 14 4.06075 14 4.85714V19.1429C14 19.9392 13.1144 20.4161 12.4495 19.9777L6.45046 16.0223C6.28708 15.9146 6.09569 15.8571 5.9 15.8571H3C1.89543 15.8571 1 14.9617 1 13.8571Z">
</path>
<path d="M17.5 7.5C17.5 7.5 19 9 19 11.5C19 14 17.5 15.5 17.5 15.5"></path>
<path d="M20.5 4.5C20.5 4.5 23 7 23 11.5C23 16 20.5 18.5 20.5 18.5"></path>
</svg>
</button>
<button class="button tertiary" title="Expand" data-control="expand">
<svg class="icon" data-iconoir="expand" width="24px" height="24px" stroke-width="2" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round">
<path d="M9 9L4 4M4 4V8M4 4H8"></path>
<path d="M15 9L20 4M20 4V8M20 4H16"></path>
<path d="M9 15L4 20M4 20V16M4 20H8"></path>
<path d="M15 15L20 20M20 20V16M20 20H16"></path>
</svg>
</button>
</div>
</div>
</figure>
</section>
<section id="courses" class="courses grid">
<h2>Courses</h2>
<div class="widget">
<form class="filters" onsumit="return false"></form>
<div class="cards"></div>
</div>
</section>
<section id="about" class="about grid">
<h2>About</h2>
<h3>Instructors</h3>
<div class="people instructors grid"></div>
<h3>Contributors</h3>
<div class="people contributors grid"></div>
<h3>Sponsors</h3>
<div class="sponsors grid">
<a href="https://miami.edu/" target="_blank">
<picture>
<source srcset="./media/logos/um-light.svg" media="(prefers-color-scheme: light)" />
<source srcset="./media/logos/um-dark.svg" media="(prefers-color-scheme: dark)" />
<img src="./media/logos/um-light.svg" alt="University of Miami" />
</picture>
<p>
Frost Institute for Data Science & Computing<span class="screen-reader">.</span><br>
School of Communication
</p>
</a>
<a href="https://knightfoundation.org/" target="_blank">
<picture>
<source srcset="./media/logos/kf-light.svg" media="(prefers-color-scheme: light)" />
<source srcset="./media/logos/kf-dark.svg" media="(prefers-color-scheme: dark)" />
<img src="./media/logos/kf-light.svg" alt="Knight Foundation" />
</picture>
</a>
<div class="spacer"></div>
<!--
<a href="mailto:hi@openvisualizationacademy.org?subject=Sponsor" class="button tertiary">
Become a sponsor
</a>
-->
</section>
<section id="news" class="news grid">
<h2>News</h2>
</section>
</main>
<footer class="grid">
<div style="grid-column: span 12">Footer</div>
</footer>
</body>
</html>