1<!DOCTYPE html>
2<html lang="en">
3 <!--
4 ___ _____ _
5 / _ \ _ _|_ _|_ _| | _____
6 | | | | '_ \| |/ _` | |/ / _ \
7 | |_| | | | | | (_| | < __/
8 \___/|_| |_|_|\__,_|_|\_\___|
9
10 Copyright 2021 Louis Dalibard
11 -->
12
13 <head>
14 <!-- Stylesheet-->
15 <link rel="stylesheet" type="text/css" href="style.css" />
16 <!-- Title Element-->
17 <title>OnTake's Website</title>
18 <!-- Icon-->
19 <link rel="icon" type="image/webp" href="assets/icons/icon.webp" />
20 <!-- Main Script Handling All Effects-->
21 <!-- Script for all pages-->
22 <!-- Metadata-->
23 <meta property="og:type" content="website" />
24 <meta property="og:url" content="https://ontake.dev/" />
25 <meta property="og:title" content="OnTake's Website" />
26 <meta name="viewport" content="width=device-width, initial-scale=0.1" />
27 </head>
28
29 <body>
30 <div id="container">
31 <div class="card" id="introduction-card">
32 <div id="introduction-group">
33 <div id="introduction">
34 Hey, my name is <span class="bold-text">Louis Dalibard</span>.
35 I’m a French dev, born in the US.
36 </div>
37 <div id="introduction-sub">
38 Solving problems and building things is my passion.
39 </div>
40 </div>
41 </div>
42 <div id="project-card-1" class="card">
43 <a class="project-link" href="https://github.com/make-42/ai/"
44 ><img class="project-link-icon" src="assets/icons/link.webp" />
45 </a>
46 <div class="project-flex">
47 <div class="project-part project-left">
48 <img class="project-image" src="assets/images/ai/P1059297.JPG" />
49 </div>
50 <div class="project-part project-right">
51 <div class="project-description">
52 <span class="bold-text">ai</span> is a custom macropad I designed
53 and built
54 </div>
55 <div class="project-properties">
56 Date : July 2022<br />
57 Skills: Hardware, Software and Design
58 </div>
59 </div>
60 </div>
61 </div>
62 <div id="project-card-2" class="card">
63 <a class="project-link" href="https://github.com/make-42/pTuna/"
64 ><img class="project-link-icon" src="assets/icons/link.webp" />
65 </a>
66 <div class="project-flex">
67 <div class="project-part project-left">
68 <img class="project-image" src="assets/images/pTuna/cover.jpg" />
69 </div>
70 <div class="project-part project-right">
71 <div class="project-description">
72 <span class="bold-text">pTuna</span> is an open-source DIY guitar
73 tuner
74 </div>
75 <div class="project-properties">
76 Date : June 2022<br />
77 Skills: Hardware, Software and Design
78 </div>
79 </div>
80 </div>
81 </div>
82 <div id="project-card-3" class="card">
83 <a class="project-link" href="https://github.com/make-42/pihon/"
84 ><img class="project-link-icon" src="assets/icons/link.webp" />
85 </a>
86 <div class="project-flex">
87 <div class="project-part project-left">
88 <img class="project-image" src="assets/images/pihon/output.gif" />
89 </div>
90 <div class="project-part project-right">
91 <div class="project-description">
92 <span class="bold-text">ピ本 (pihon)</span> is a compact e-book
93 reader.
94 </div>
95 <div class="project-properties">
96 Date : May 2022<br />
97 Skills: Hardware, Software and Design
98 </div>
99 </div>
100 </div>
101 </div>
102 <div id="project-card-4" class="card">
103 <a class="project-link" href="https://github.com/make-42/pipes.psi"
104 ><img class="project-link-icon" src="assets/icons/link.webp" />
105 </a>
106 <div class="project-flex">
107 <div class="project-part project-left">
108 <img
109 class="project-image"
110 src="assets/images/pipes.psi/banner.webp"
111 />
112 </div>
113 <div class="project-part project-right">
114 <div class="project-description">
115 <span class="bold-text">pipes.psi</span> is a wave function
116 collapse algorithm based terminal screensaver (inspired by
117 pipes.sh).
118 </div>
119 <div class="project-properties">
120 Date : June 2022<br />
121 Skills: Software
122 </div>
123 </div>
124 </div>
125 </div>
126 <div id="project-card-5" class="card">
127 <a class="project-link" href="https://github.com/make-42/Open7SClock/"
128 ><img class="project-link-icon" src="assets/icons/link.webp" />
129 </a>
130 <div class="project-flex">
131 <div class="project-part project-left">
132 <img
133 class="project-image"
134 src="assets/images/Open7SClock/image.webp"
135 />
136 </div>
137 <div class="project-part project-right">
138 <div class="project-description">
139 <span class="bold-text">Open7SClock</span> is a low cost, Wi-Fi
140 capable clock. It can display time as well as information from
141 online sources like cryptocurrency price and news headlines.
142 </div>
143 <div class="project-properties">
144 Date : January 2021 - February 2021<br />
145 Skills: Hardware, Software and Design
146 </div>
147 </div>
148 </div>
149 </div>
150 <div id="hireme-card" class="card">
151 <div id="hireme-content">
152 <div id="hireme-text">
153 <div id="hireme-text-1" class="bold-text">Need a developer?</div>
154 <div id="hireme-text-2">I am up for hire.</div>
155 <br />
156 <div id="hireme-text-3">Just contact me at</div>
157 <div id="hireme-text-4" class="bold-text">ontake@ontake.dev</div>
158 </div>
159 </div>
160 </div>
161 <div id="credits-card" class="card">
162 <div id="credits-title">
163 <span class="bold-text">Credits</span>
164 <div id="credits-text">
165 <div class="credits-part" id="credits-part-0">
166 <div class="credits-part-title bold-text">Design</div>
167 <div class="credits-names" id="credits-names-1">
168 <div class="credits-name">@noanowo</div>
169 </div>
170 </div>
171 <div class="credits-part" id="credits-part-1">
172 <div class="credits-part-title bold-text">Fullstack</div>
173 <div class="credits-names" id="credits-names-2">
174 <div class="credits-name">@louisdalibard</div>
175 </div>
176 </div>
177 <div class="credits-part" id="credits-part-2">
178 <div class="credits-part-title bold-text">Images</div>
179 <div class="credits-names" id="credits-names-3">
180 <div class="credits-name">@louisdalibard</div>
181 <div class="credits-name">@bundo</div>
182 <div class="credits-name">@mroz</div>
183 <div class="credits-name">@knipszimmer</div>
184 </div>
185 </div>
186 </div>
187 </div>
188 <div id="copyright">
189 Copyright 2021 Louis Dalibard. All rights reserved.
190 </div>
191 </div>
192 <div id="side-navbar">
193 <div class="sidebar-header">
194 Portfolio
195 <div class="sidebar-separator"></div>
196 </div>
197 <a class="sidebar-link" href="https://ontake.dev/introduction">
198 <div class="side-navbar-button">Introduction</div>
199 </a>
200 <a class="sidebar-link" href="https://ontake.dev/curriculum-vitae">
201 <div class="side-navbar-button">Curriculum Vitae</div>
202 </a>
203 <a class="sidebar-link" href="https://blog.ontake.dev/">
204 <div class="side-navbar-button">Blog</div>
205 </a>
206 <a class="sidebar-link" href="https://ontake.dev/renders">
207 <div class="side-navbar-button">Renders</div>
208 </a>
209 <a class="sidebar-link" href="https://ontake.dev/film">
210 <div class="side-navbar-button">Film Photography</div>
211 </a>
212 <a class="sidebar-link" href="https://ontake.dev/photos">
213 <div class="side-navbar-button">Photos</div>
214 </a>
215 <a class="sidebar-link" href="https://ontake.dev/plants">
216 <div class="side-navbar-button">Plants</div>
217 </a>
218 <div class="sidebar-header">
219 Web Apps
220 <div class="sidebar-separator"></div>
221 </div>
222 <a class="sidebar-link" href="https://ontake.dev/typing-test">
223 <div class="side-navbar-button">Typing Test</div>
224 </a>
225 <a class="sidebar-link" href="https://ontake.dev/sudoku">
226 <div class="side-navbar-button">Sudoku Solver</div>
227 </a>
228 <a class="sidebar-link" href="https://ontake.dev/fourier-series">
229 <div class="side-navbar-button">Fourier Series</div>
230 </a>
231 <a class="sidebar-link" href="https://ontake.dev/tetris">
232 <div class="side-navbar-button">Tetris</div>
233 </a>
234 <a class="sidebar-link" href="https://ontake.dev/daily-kanji">
235 <div class="side-navbar-button">Daily Kanji</div>
236 </a>
237 <a class="sidebar-link" href="https://ontake.dev/schedule">
238 <div class="side-navbar-button">Schedule</div>
239 </a>
240 <a class="sidebar-link" href="https://ontake.dev/dna-viewer">
241 <div class="side-navbar-button">DNA Viewer</div>
242 </a>
243 <a class="sidebar-link" href="https://ontake.dev/time-management">
244 <div class="side-navbar-button">Time Management</div>
245 </a>
246 <a class="sidebar-link" href="https://ontake.dev/periodic-table">
247 <div class="side-navbar-button">Periodic Table</div>
248 </a>
249 <a class="sidebar-link" href="https://ontake.dev/btd">
250 <div class="side-navbar-button">Binary to Decimal</div>
251 </a>
252 <div class="sidebar-header">
253 Web Experiments
254 <div class="sidebar-separator"></div>
255 </div>
256 <a class="sidebar-link" href="https://ontake.dev/clock">
257 <div class="side-navbar-button">Clock</div>
258 </a>
259 <a class="sidebar-link" href="https://ontake.dev/vfd-screensaver">
260 <div class="side-navbar-button">Screensaver</div>
261 </a>
262 <a class="sidebar-link" href="https://ontake.dev/psychedelic">
263 <div class="side-navbar-button">Psychedelic</div>
264 </a>
265 <a class="sidebar-link" href="https://ontake.dev/psychedelic-2">
266 <div class="side-navbar-button">Psychedelic 2</div>
267 </a>
268 <div id="side-navbar-bottom">
269 <div class="side-navbar-contact-div">
270 <a
271 href=" mailto:ontake@ontake.dev?subject=A%20buisiness%20inquiry.&body=Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua."
272 >
273 <img
274 class="side-navbar-contact-icon"
275 src="assets/icons/mail.webp"
276 />
277 </a>
278 </div>
279 <div class="side-navbar-contact-div">
280 <a href="https://instagram.com/louisdalibard/">
281 <img
282 class="side-navbar-contact-icon"
283 src="assets/icons/instagram.webp"
284 />
285 </a>
286 </div>
287 <div class="side-navbar-contact-div">
288 <a href="https://github.com/xE0F9">
289 <img
290 class="side-navbar-contact-icon"
291 src="assets/icons/github-character.webp"
292 />
293 </a>
294 </div>
295 <div class="side-navbar-contact-div">
296 <a href="https://twitter.com/TvOutof">
297 <img
298 class="side-navbar-contact-icon"
299 src="assets/icons/twitter.webp"
300 />
301 </a>
302 </div>
303 </div>
304 <img id="side-navbar-icon" src="assets/icons/next.webp" />
305 </div>
306 </div>
307 <div id="loading-screen">
308 <div id="loading-console"></div>
309 <svg
310 width="263.62"
311 height="300"
312 viewBox="0 0 400 455.202"
313 fill="none"
314 version="1.1"
315 id="svg6"
316 inkscape:version="1.1 (c68e22c387, 2021-05-23)"
317 sodipodi:docname="drawing-1.svg"
318 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
319 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
320 xmlns="http://www.w3.org/2000/svg"
321 xmlns:svg="http://www.w3.org/2000/svg"
322 >
323 <defs id="defs2" />
324 <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
325 <path
326 d="M 92.562784,205.42057 83.3952,227.45523 c 37.1856,15.47138 28.00178,12.1738 55.08003,32.30891 l 14.23878,-19.15019 C 126.60867,221.20231 130.10696,221.04111 92.562784,205.42057 Z m 148.641496,-81.13919 -9.16755,22.03468 c 18.95699,7.88723 27.14202,10.58031 30.28601,12.14396 3.14399,1.5637 3.68452,2.47186 11.79637,10.75634 l 17.05138,-16.69715 c -7.91135,-8.07969 -11.69949,-12.18335 -18.2206,-15.42665 -6.52111,-3.24331 -13.33773,-5.15241 -31.74561,-12.81118 z m 2.04553,61.7067 -9.16759,22.03467 c 18.735,7.79486 29.19428,12.17783 35.1242,16.12449 5.92988,3.94665 8.63001,7.38577 14.25874,17.51748 l 20.86011,-11.58868 c -6.30351,-11.34623 -12.5358,-19.56562 -21.89619,-25.79547 -9.36039,-6.22978 -20.54934,-10.54135 -39.17927,-18.29249 z m -136.02743,-36.81947 -9.167581,22.03468 c 19.018321,7.91272 29.839581,11.55072 34.943081,14.2361 5.10347,2.68539 5.42224,3.1019 9.4246,11.10657 l 21.34482,-10.67243 c -4.86161,-9.72319 -11.08879,-17.04586 -19.65623,-21.55391 -8.56741,-4.50807 -18.54209,-7.51775 -36.88869,-15.15101 z M 203.12102,41.982302 185.5716,58.154732 c -1.36442,-1.480519 0.38163,0.83249 1.01077,5.422768 0.62911,4.590293 0.89812,11.218486 0.81367,18.950404 -0.16885,15.463849 -1.6487,35.428316 -2.95374,55.667316 -1.30505,20.23901 -2.44763,40.74511 -1.7792,58.16962 0.33424,8.71227 1.09169,16.64815 2.74069,23.74462 1.64904,7.09644 3.92632,13.72624 9.70692,19.06892 l 16.19907,-17.52548 c 0.15543,0.14371 -1.56247,-2.21836 -2.66076,-6.94491 -1.09833,-4.72655 -1.84042,-11.44497 -2.14008,-19.2567 -0.59937,-15.62348 0.45274,-35.64443 1.74721,-55.71927 1.29448,-20.07481 2.81899,-40.211245 3.0017,-56.943091 0.0913,-8.365922 -0.12718,-15.859339 -1.03076,-22.452837 -0.90368,-6.593513 -1.73585,-12.526538 -7.10607,-18.35379 z M 250.59824,0.38861429 c -5.33144,-0.2164704 -10.84643,0.32813793 -16.27497,1.15460901 -14.47613,2.2039095 -30.19359,7.1546955 -45.63013,12.0507557 -15.4365,4.896059 -30.58317,9.751969 -42.41803,11.97884 -11.83483,2.226867 -18.92392,0.560348 -19.76538,-0.174461 l -15.6957,17.975589 c 11.26122,9.833803 25.60755,8.336314 39.87444,5.651833 14.26686,-2.684492 29.88838,-7.820557 45.21996,-12.683319 15.33155,-4.862776 30.38224,-9.436511 42.00783,-11.206453 11.62562,-1.769929 17.97686,0.01093 19.46979,1.546131 l 17.1073,-16.638535 C 267.86224,3.2257302 259.484,0.7494074 250.59824,0.38861429 Z M 34.004297,147.67042 c -6.858403,21.33725 0.303772,18.56089 -33.55140547,91.3495 L 22.090713,249.08506 C 56.419649,175.27783 51.308733,171.81944 56.723477,154.9736 Z M 382.61717,90.899113 369.49706,110.83233 c 1.50743,0.99224 2.71995,1.93054 3.68754,2.74868 -6.19248,4.17182 -20.69288,11.8178 -38.78106,23.66869 l 13.07749,19.96251 c 19.06621,-12.49166 33.53446,-18.499 43.68715,-27.14982 2.53816,-2.16268 5.03301,-4.66138 6.83305,-8.47772 1.80009,-3.81634 2.22454,-9.21232 0.80306,-13.44109 -2.84299,-8.457519 -8.69921,-12.315723 -16.18712,-17.244467 z M 322.87613,80.114826 c -5.83061,-0.05606 -12.11035,0.06509 -18.86784,0.395529 C 249.94858,83.15385 165.35876,99.288319 36.706365,148.00469 l 8.45111,22.31698 C 172.19547,122.21663 254.65726,106.81581 305.17489,104.34552 c 25.25882,-1.23516 42.54204,0.77187 53.29151,3.33329 5.37475,1.28072 9.12738,2.71542 11.2917,3.78609 2.16429,1.07067 2.78395,2.61917 1.08536,0.0213 l 19.97315,-13.05887 c -3.14749,-4.813847 -6.24606,-6.259058 -10.478,-8.352561 -4.23193,-2.093498 -9.55368,-3.993434 -16.34023,-5.610547 -10.17978,-2.425673 -23.63035,-4.181147 -41.12225,-4.349403 z M 249.9164,398.48962 c -20.72742,0 -33.73838,11.60095 -129.42873,33.01608 l 5.21235,23.28915 c 96.86157,-21.67723 115.62466,-32.44073 124.21638,-32.44073 z m 11.06529,-62.43245 c -9.70156,0.24505 -19.6037,2.54421 -34.24658,6.03669 -19.52379,4.65668 -48.86232,11.78927 -101.22683,20.77087 l 4.03509,23.52089 c 52.97992,-9.08718 83.3027,-16.44373 102.72905,-21.07717 19.42635,-4.63341 26.57022,-6.18797 35.64086,-5.0885 l 2.87121,-23.69135 c -3.35752,-0.40698 -6.56893,-0.55311 -9.8028,-0.47143 z m 22.42221,-64.91611 c -0.58164,0.69069 -1.95634,1.85004 -7.62946,3.42916 -5.67307,1.57909 -14.83392,3.20922 -27.95018,5.39882 -26.23249,4.37917 -68.33507,11.20111 -135.33225,27.1365 l 5.52132,23.21724 c 66.30274,-15.77022 107.38504,-22.41471 133.73953,-26.81423 9.26487,-1.54665 16.29748,-2.83782 22.59532,-4.19094 l -37.27889,132.06822 22.96689,6.48283 43.9788,-155.80084 z"
327 id="loading-icon-yuki"
328 />
329 </g>
330 </svg>
331 <svg
332 width="210mm"
333 height="297mm"
334 viewBox="0 0 210 297"
335 version="1.1"
336 id="svg5"
337 inkscape:version="1.1 (c68e22c387, 2021-05-23)"
338 sodipodi:docname="drawing-1.svg"
339 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
340 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
341 xmlns="http://www.w3.org/2000/svg"
342 xmlns:svg="http://www.w3.org/2000/svg"
343 >
344 <sodipodi:namedview
345 id="namedview7"
346 pagecolor="#ffffff"
347 bordercolor="#666666"
348 borderopacity="1.0"
349 inkscape:pageshadow="2"
350 inkscape:pageopacity="0.0"
351 inkscape:pagecheckerboard="0"
352 inkscape:document-units="mm"
353 showgrid="false"
354 inkscape:zoom="1"
355 inkscape:cx="922"
356 inkscape:cy="564.5"
357 inkscape:window-width="5120"
358 inkscape:window-height="1377"
359 inkscape:window-x="-8"
360 inkscape:window-y="-8"
361 inkscape:window-maximized="1"
362 inkscape:current-layer="layer1"
363 />
364 <defs id="defs2" />
365 <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
366 <path
367 d="m 86.101298,151.58319 c 2.138608,-5.63776 10.258735,-26.93602 10.296695,-27.00721 0.0497,-0.0932 0.24801,-0.10017 2.91231,-0.10017 2.248717,0 2.859027,0.0156 2.859427,0.0716 0,0.0394 -2.334647,6.20608 -5.188727,13.70385 l -5.189244,13.63233 h -2.902208 -2.90221 z m -77.1212606,0.0859 c 0.01894,-0.0864 2.0401466,-5.4229 4.4918016,-11.85854 l 4.457551,-11.70121 2.896552,-0.0156 c 1.593103,-0.008 2.89655,-5.9e-4 2.89655,0.0156 0,0.0454 -8.928981,23.49514 -8.991962,23.61503 -0.04902,0.0934 -0.247262,0.10017 -2.918676,0.10017 H 8.9457844 Z m 6.5585436,0.11471 c -9.11e-4,-0.0234 0.327383,-0.93769 0.729538,-2.03086 l 0.731188,-1.98757 4.311903,-7.8e-4 4.311904,-7.8e-4 -0.03462,0.12872 c -0.01894,0.0709 -0.351464,0.97844 -0.738725,2.01697 l -0.704108,1.88821 -4.302719,0.0156 c -2.366496,0.008 -4.303462,-0.005 -4.30437,-0.0285 z m 9.385503,-0.0104 c 0,-0.0293 1.998439,-5.3014 4.440976,-11.71551 2.442535,-6.41413 4.466302,-11.73286 4.497259,-11.81941 l 0.05629,-0.15726 h 2.905182 2.905181 l -0.669975,1.75948 c -0.368485,0.9677 -2.402804,6.31049 -4.520709,11.87285 l -3.850736,10.11338 h -2.881729 c -1.748319,0 -2.881732,-0.0208 -2.881732,-0.0535 z m 10.471007,-0.013 c 0,-0.0371 0.983618,-2.65049 2.185816,-5.8077 l 2.185814,-5.74039 h 2.907411 2.90741 l -0.07689,0.18607 c -0.0423,0.10225 -1.025526,2.68355 -2.184952,5.73618 -1.159426,3.05261 -2.132505,5.5824 -2.162396,5.62172 -0.07655,0.10069 -5.762197,0.10484 -5.762197,0.005 z m 10.242134,0.0156 c 0,-0.0291 0.54337,-1.47742 1.20749,-3.21853 0.664121,-1.74114 1.233102,-3.2365 1.264407,-3.32304 l 0.05691,-0.15727 h 2.883943 c 1.726515,0 2.883943,0.0208 2.883943,0.0529 0,0.0291 -0.54337,1.47743 -1.20749,3.21856 -0.66412,1.74112 -1.233101,3.23647 -1.264406,3.32302 l -0.05691,0.15726 h -2.883945 c -1.726513,0 -2.883941,-0.0208 -2.883941,-0.0529 z m 9.49829,0.013 c 0,-0.0234 1.306729,-3.47294 2.903844,-7.66729 l 2.903845,-7.62612 h 2.901281 2.901284 l -0.134868,0.3576 c -0.230576,0.61136 -5.352985,14.06471 -5.53369,14.53354 l -0.170914,0.44343 h -2.885384 c -1.586957,0 -2.88538,-0.0182 -2.88538,-0.0413 z m 10.469494,-0.002 c -8.3e-4,-0.0234 0.984043,-2.63684 2.188614,-5.80719 l 2.190124,-5.76426 2.901304,-5.2e-4 2.90131,-4.9e-4 -0.077,0.21461 c -0.04235,0.11808 -1.009556,2.66067 -2.149355,5.65034 -1.139797,2.98967 -2.097837,5.50657 -2.128981,5.59312 l -0.05662,0.15726 h -2.883938 c -1.586169,0 -2.884625,-0.0182 -2.885458,-0.0428 z m 6.486758,-0.0859 c 0.01817,-0.0708 0.349382,-0.98464 0.736207,-2.03073 l 0.703328,-1.90195 1.559205,-5.7e-4 c 0.857565,-2.9e-4 1.559208,0.008 1.559208,0.0182 0,0.0208 -1.333926,3.6226 -1.439002,3.88686 l -0.06257,0.15726 h -1.54464 -1.544634 l 0.03288,-0.12872 z m 3.756889,0.0779 c 0,-0.028 0.543318,-1.47633 1.207368,-3.21853 0.664058,-1.7422 1.233039,-3.23847 1.264412,-3.32501 l 0.05704,-0.15727 h 2.88394 c 1.726513,0 2.883943,0.0208 2.883943,0.0529 0,0.0291 -0.543369,1.47743 -1.20749,3.21856 -0.664117,1.74112 -1.233101,3.23647 -1.264406,3.32302 l -0.05691,0.15726 h -2.883937 c -1.645711,0 -2.883943,-0.0208 -2.883943,-0.0509 z m 23.830827,-0.0493 c 0.0221,-0.055 0.575297,-1.50343 1.229397,-3.21856 0.6541,-1.71511 1.22969,-3.21496 1.2791,-3.33298 l 0.0898,-0.21462 h 2.86386 c 2.25238,0 2.86407,0.0156 2.86488,0.0716 5.7e-4,0.0394 -0.57233,1.58378 -1.27311,3.43209 l -1.27415,3.36054 -2.90997,0.001 c -2.748767,9.9e-4 -2.907737,-0.005 -2.869837,-0.0991 z m 10.328687,0.0301 c 0,-0.0384 0.9828,-2.65197 2.18401,-5.80768 l 2.18402,-5.73766 h 2.91182 c 1.6015,0 2.90005,0.0182 2.88567,0.0428 -0.0143,0.0234 -0.97087,2.52764 -2.12555,5.56452 -1.15467,3.03687 -2.14716,5.63103 -2.20554,5.76478 l -0.10614,0.24316 h -2.86415 c -2.22057,0 -2.86415,-0.0156 -2.86415,-0.0701 z m 6.4657,0.005 c 0,-0.0363 0.32794,-0.95059 0.72875,-2.03158 l 0.72876,-1.96541 h 4.85006 c 3.84344,0 4.84947,0.0156 4.84718,0.0716 -0.002,0.0394 -0.33015,0.94699 -0.73016,2.01698 l -0.72728,1.94542 -4.84866,0.0156 c -3.64012,0.0104 -4.84865,-0.002 -4.84865,-0.0516 z m 12.47828,-0.40582 c 0.0957,-0.26001 0.43412,-1.17439 0.75216,-2.03195 l 0.57826,-1.55922 h 2.1648 c 1.19064,0 2.1639,0.0182 2.1628,0.0428 -0.001,0.0234 -0.33278,0.93123 -0.73706,2.01695 l -0.73506,1.97405 -2.1799,0.0156 -2.1799,0.0156 z m 6.83057,0.37175 c 0.028,-0.0724 1.83903,-4.83239 2.59092,-6.80953 0.0213,-0.056 0.65654,-0.0716 2.91062,-0.0716 2.27033,0 2.88273,0.0156 2.88018,0.0716 -0.002,0.0394 -0.58849,1.60355 -1.30379,3.47603 l -1.30055,3.4045 -2.9081,0.0156 c -2.75541,0.013 -2.90606,0.0104 -2.86928,-0.0859 z m 6.46657,2e-5 c 0.0499,-0.12664 1.33896,-3.59244 1.41541,-3.80557 l 0.0564,-0.15727 h 2.74475 c 2.70774,0 2.74426,0.002 2.70886,0.11315 -0.0197,0.0623 -0.35375,0.96982 -0.74225,2.01695 l -0.70635,1.90388 -2.75828,0.0156 c -2.61297,0.013 -2.75619,0.0104 -2.71858,-0.0859 z m 6.05768,-0.0291 c 0.0182,-0.0709 2.35776,-6.23741 5.19927,-13.70352 l 5.16636,-13.57474 2.90361,-3.7e-4 2.90361,-3.6e-4 -0.10336,0.27179 c -0.0568,0.14947 -2.40454,6.31621 -5.2171,13.70385 l -5.11375,13.43207 h -2.88576 -2.88578 z m 10.28036,0.0859 c 5.7e-4,-0.0234 0.98596,-2.63064 2.19036,-5.79338 l 2.18981,-5.75049 2.90842,-0.0156 c 2.31932,-0.013 2.90285,-2.3e-4 2.88094,0.0571 -0.0151,0.0397 -0.97349,2.55679 -2.12972,5.59367 -1.15624,3.03687 -2.14083,5.61815 -2.18798,5.73615 l -0.0857,0.21462 h -2.88331 c -1.58583,0 -2.88308,-0.0182 -2.88277,-0.0428 z m 6.46621,0 c 5.8e-4,-0.0234 0.33169,-0.93123 0.73578,-2.01698 l 0.73472,-1.97402 4.87789,-0.0156 c 4.63187,-0.013 4.87588,-0.0104 4.83809,0.0859 -0.10326,0.26073 -1.46038,3.92404 -1.46038,3.94213 0,0.0104 -2.18861,0.0208 -4.86358,0.0208 -2.67497,0 -4.8631,-0.0182 -4.86252,-0.0428 z m 12.35641,0 c -9.7e-4,-0.0234 0.98391,-2.63666 2.18861,-5.80677 l 2.19036,-5.76388 2.90241,-9.1e-4 2.90241,-9.3e-4 -0.1649,0.44345 c -0.0907,0.24394 -1.05818,2.78656 -2.14998,5.65034 -1.0918,2.86378 -2.01078,5.2777 -2.04218,5.36425 l -0.0571,0.15727 h -2.88394 c -1.58617,0 -2.88473,-0.0182 -2.8857,-0.0428 z m 6.48928,-0.0854 c 0.0189,-0.0711 0.35091,-0.97896 0.73765,-2.01747 l 0.70316,-1.8882 3.10233,-0.0156 c 1.70628,-0.008 3.10198,0.005 3.10155,0.0285 -5.7e-4,0.0234 -0.33106,0.93173 -0.73474,2.01744 l -0.73396,1.97405 -3.10524,0.0156 -3.10523,0.0156 z m 6.90163,0.0465 c 0,-0.0449 0.95537,-2.58764 2.12305,-5.65034 1.16768,-3.0627 2.14863,-5.63933 2.1799,-5.72588 l 0.0569,-0.15726 h 2.88394 c 1.60817,0 2.88394,0.0234 2.88394,0.0501 0,0.0472 -4.11908,10.89514 -4.31006,11.35079 l -0.0899,0.21462 h -2.86385 c -2.44489,0 -2.86385,-0.013 -2.86385,-0.0817 z m -22.82902,-7.39952 c 6.9e-4,-0.0234 0.33126,-0.93123 0.73464,-2.01695 l 0.73343,-1.97405 4.73599,-0.0156 c 4.49645,-0.013 4.73401,-0.0104 4.697,0.0859 -0.0543,0.13988 -1.34607,3.61221 -1.41568,3.80537 l -0.0567,0.15726 h -4.71494 c -2.59321,0 -4.71439,-0.0182 -4.71372,-0.0428 z m -48.50223,-0.3716 c 0.0737,-0.19696 0.41273,-1.11109 0.75332,-2.03158 l 0.61923,-1.67364 h 4.7107 c 3.73247,0 4.7099,0.0156 4.70685,0.0716 -0.002,0.0394 -0.33089,0.94695 -0.73061,2.01694 l -0.72676,1.94543 -4.7334,0.0156 -4.7334,0.0156 z m 19.23268,0.25718 c 0.0218,-0.055 0.36337,-0.96914 0.75878,-2.03125 l 0.71895,-1.93112 h 5.97052 c 3.2838,0 5.97053,0.008 5.97053,0.0208 0,0.0182 -1.02213,2.78289 -1.3519,3.65654 l -0.14579,0.38623 h -5.98047 c -5.67271,0 -5.97841,-0.005 -5.94063,-0.10017 z m -93.83901,-0.0568 c 0.04985,-0.12638 1.338927,-3.59234 1.41533,-3.80537 l 0.05644,-0.15727 h 4.629111 c 3.667192,0 4.62831,0.0156 4.625263,0.0716 -0.0021,0.0394 -0.330889,0.94696 -0.730609,2.01695 l -0.726764,1.94542 -4.654191,0.0156 c -4.418765,0.013 -4.652187,0.0104 -4.614574,-0.0859 z m 30.206521,-0.0291 c 0.01894,-0.0708 0.351458,-0.97843 0.738722,-2.01697 l 0.704113,-1.8882 4.731375,-0.0156 4.731377,-0.0156 -0.162558,0.44379 c -0.0894,0.2442 -0.427926,1.15828 -0.752289,2.03159 l -0.589739,1.58782 h -4.717813 -4.717812 z m 20.290402,0.109 c 0,-0.0182 1.02212,-2.7829 1.3519,-3.65654 l 0.14579,-0.38621 h 6.546527 c 3.60059,0 6.54653,0.008 6.54653,0.0182 0,0.0208 -1.33392,3.62259 -1.439,3.88685 l -0.0626,0.15727 h -6.54459 c -3.599517,0 -6.544587,-0.008 -6.544587,-0.0208 z m -37.799356,-8.46266 c 0.01894,-0.0709 0.351521,-0.97867 0.738781,-2.01718 l 0.704114,-1.88823 6.877553,-0.0156 c 3.782656,-0.008 6.877553,0.005 6.877553,0.0322 0,0.026 -0.330477,0.93339 -0.734393,2.01719 l -0.734391,1.97057 -6.881944,0.0156 -6.881947,0.0156 z m 41.350006,-0.91574 c 0.002,-0.0394 0.33044,-0.94696 0.73054,-2.01695 l 0.727447,-1.94542 6.57105,-0.0156 c 6.24446,-0.013 6.56907,-0.0104 6.53128,0.0859 -0.10323,0.2606 -1.46035,3.92397 -1.46035,3.94206 0,0.0104 -2.94819,0.0208 -6.55153,0.0208 -5.20473,0 -6.550897,-0.0156 -6.548437,-0.0716 z M 22.97865,132.07422 c 0,-0.0382 0.327708,-0.95233 0.728243,-2.03163 l 0.728241,-1.96235 h 4.368071 c 4.240375,0 4.367078,0.003 4.334121,0.10692 -0.01868,0.0589 -0.353307,0.96647 -0.74363,2.01695 l -0.70968,1.91 -4.352683,0.0156 c -3.376303,0.0104 -4.352683,-8.8e-4 -4.352683,-0.0545 z m 39.995816,-0.88153 c 0,-0.069 2.481625,-6.57511 2.534885,-6.64569 0.07886,-0.10459 5.762059,-0.10459 5.761276,0 -5.71e-4,0.0394 -0.564896,1.55205 -1.254667,3.3616 l -1.254122,3.29006 -2.893687,0.0156 c -1.591525,0.008 -2.893685,-0.001 -2.893685,-0.0208 z"
368 id="loading-icon"
369 />
370 </g>
371 </svg>
372 <div id="loading-progress">0%</div>
373 <div id="loading-progressbar">
374 <div id="loading-progressbar-inner"></div>
375 </div>
376 <div id="connection-status">< connecting ></div>
377 <div id="Yuki-I-text">
378 <div class="Yuki-I-text-character">そ</div>
379 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">
380 ぞ
381 </div>
382 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">
383 れ
384 </div>
385 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">
386 の
387 </div>
388 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">
389 雪
390 <div class="Yuki-I-text-character-furigana">ゆ<br />き</div>
391 </div>
392 <div class="Yuki-I-text-character">の</div>
393 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">
394 結
395 <div class="Yuki-I-text-character-furigana">
396 け<br />っ<br />し<br />ょ<br />う
397 </div>
398 </div>
399 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">
400 晶
401 </div>
402 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">
403 は
404 </div>
405 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">
406 異
407 <div class="Yuki-I-text-character-furigana">こ<br />と</div>
408 </div>
409 <div class="Yuki-I-text-character">な</div>
410 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">
411 り
412 </div>
413 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">
414 ま
415 </div>
416 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">
417 す
418 </div>
419 <div class="Yuki-I-text-character">。</div>
420 </div>
421 </div>
422 <script src="main.js"></script>
423 </body>
424</html>