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 </link>
21 <!-- Main Script Handling All Effects-->
22 <!-- Script for all pages-->
23 <!-- Metadata-->
24 <meta property="og:type" content="website">
25 <meta property="og:url" content="https://ontake.dev/">
26 <meta property="og:title" content="OnTake's Website">
27 <meta name="viewport" content="width=device-width, initial-scale=0.1">
28</head>
29
30<body>
31 <div id="container">
32 <div class="card" id="introduction-card">
33 <div id="introduction-group">
34 <div id="introduction">Hey, my name is <span class="bold-text">Louis Dalibard</span>. I’m a French
35 dev, born in the US.</div>
36 <div id="introduction-sub">Solving problems and building things is my passion.</div>
37 </div>
38 </div>
39 <div id="project-card-1" class="card">
40 <a class="project-link" href="https://github.com/make-42/ai/"><img class="project-link-icon"
41 src="assets/icons/link.webp"></img></a>
42 <div class="project-flex">
43 <div class="project-part project-left">
44 <img class="project-image" src="assets/images/ai/P1059297.JPG"></img>
45 </div>
46 <div class="project-part project-right">
47 <div class="project-description"><span class="bold-text">ai</span> is a custom macropad I designed
48 and built</div>
49 <div class="project-properties">Date : July 2022<br>
50 Skills: Hardware, Software and Design</div>
51 </div>
52 </div>
53 </div>
54 <div id="project-card-2" class="card">
55 <a class="project-link" href="https://github.com/make-42/pTuna/"><img class="project-link-icon"
56 src="assets/icons/link.webp"></img></a>
57 <div class="project-flex">
58 <div class="project-part project-left">
59 <img class="project-image" src="assets/images/pTuna/cover.jpg"></img>
60 </div>
61 <div class="project-part project-right">
62 <div class="project-description"><span class="bold-text">pTuna</span> is an open-source DIY guitar
63 tuner</div>
64 <div class="project-properties">Date : June 2022<br>
65 Skills: Hardware, Software and Design</div>
66 </div>
67 </div>
68 </div>
69 <div id="project-card-3" class="card">
70 <a class="project-link" href="https://github.com/make-42/pihon/"><img class="project-link-icon"
71 src="assets/icons/link.webp"></img></a>
72 <div class="project-flex">
73 <div class="project-part project-left">
74 <img class="project-image" src="assets/images/pihon/output.gif"></img>
75 </div>
76 <div class="project-part project-right">
77 <div class="project-description"><span class="bold-text">ピ本 (pihon)</span> is a compact e-book
78 reader.</div>
79 <div class="project-properties">Date : May 2022<br>
80 Skills: Hardware, Software and Design</div>
81 </div>
82 </div>
83 </div>
84 <div id="project-card-4" class="card">
85 <a class="project-link" href="https://github.com/make-42/pipes.psi"><img class="project-link-icon"
86 src="assets/icons/link.webp"></img></a>
87 <div class="project-flex">
88 <div class="project-part project-left">
89 <img class="project-image" src="assets/images/pipes.psi/banner.webp"></img>
90 </div>
91 <div class="project-part project-right">
92 <div class="project-description"><span class="bold-text">pipes.psi</span> is a wave function
93 collapse algorithm based terminal screensaver (inspired by pipes.sh).</div>
94 <div class="project-properties">Date : June 2022<br>
95 Skills: Software</div>
96 </div>
97 </div>
98 </div>
99 <div id="project-card-5" class="card">
100 <a class="project-link" href="https://github.com/make-42/Open7SClock/"><img class="project-link-icon"
101 src="assets/icons/link.webp"></img></a>
102 <div class="project-flex">
103 <div class="project-part project-left">
104 <img class="project-image" src="assets/images/Open7SClock/image.webp"></img>
105 </div>
106 <div class="project-part project-right">
107 <div class="project-description"><span class="bold-text">Open7SClock</span> is a low cost, Wi-Fi
108 capable clock. It can display time as well as information from online sources like
109 cryptocurrency price and news headlines.</div>
110 <div class="project-properties">Date : January 2021 - February 2021<br>
111 Skills: Hardware, Software and Design</div>
112 </div>
113 </div>
114 </div>
115 <div id="hireme-card" class="card">
116 <div id="hireme-content">
117 <div id="hireme-text">
118 <div id="hireme-text-1" class="bold-text">Need a developer?</div>
119 <div id="hireme-text-2">I am up for hire.</div><br>
120 <div id="hireme-text-3">Just contact me at</div>
121 <div id="hireme-text-4" class="bold-text">ontake@ontake.dev</div>
122 </div>
123 </div>
124 </div>
125 <div id="credits-card" class="card">
126 <div id="credits-title">
127 <span class="bold-text">Credits</span>
128 <div id="credits-text">
129 <div class="credits-part" id="credits-part-0">
130 <div class="credits-part-title bold-text">Design</div>
131 <div class="credits-names" id="credits-names-1">
132 <div class="credits-name">@noanowo</div>
133 </div>
134 </div>
135 <div class="credits-part" id="credits-part-1">
136 <div class="credits-part-title bold-text">Fullstack</div>
137 <div class="credits-names" id="credits-names-2">
138 <div class="credits-name">@louisdalibard</div>
139 </div>
140 </div>
141 <div class="credits-part" id="credits-part-2">
142 <div class="credits-part-title bold-text">Images</div>
143 <div class="credits-names" id="credits-names-3">
144
145 <div class="credits-name">@louisdalibard</div>
146 <div class="credits-name">@bundo</div>
147 <div class="credits-name">@mroz</div>
148 <div class="credits-name">@knipszimmer</div>
149 </div>
150 </div>
151
152 </div>
153 </div>
154 <div id="copyright">
155 Copyright 2021 Louis Dalibard. All rights reserved.
156 </div>
157 </div>
158 <div id="side-navbar">
159 <div class="sidebar-header">Portfolio
160 <div class="sidebar-separator"></div>
161 </div>
162 <a class="sidebar-link" href="https://ontake.dev/introduction">
163 <div class="side-navbar-button">Introduction</div>
164 </a>
165 <a class="sidebar-link" href="https://ontake.dev/curriculum-vitae">
166 <div class="side-navbar-button">Curriculum Vitae</div>
167 </a>
168 <a class="sidebar-link" href="https://blog.ontake.dev/">
169 <div class="side-navbar-button">Blog</div>
170 </a>
171 <a class="sidebar-link" href="https://ontake.dev/renders">
172 <div class="side-navbar-button">Renders</div>
173 </a>
174 <a class="sidebar-link" href="https://ontake.dev/film">
175 <div class="side-navbar-button">Film Photography</div>
176 </a>
177 <a class="sidebar-link" href="https://ontake.dev/photos">
178 <div class="side-navbar-button">Photos</div>
179 </a>
180 <a class="sidebar-link" href="https://ontake.dev/plants">
181 <div class="side-navbar-button">Plants</div>
182 </a>
183 <div class="sidebar-header">Web Apps
184 <div class="sidebar-separator"></div>
185 </div>
186 <a class="sidebar-link" href="https://ontake.dev/typing-test">
187 <div class="side-navbar-button">Typing Test</div>
188 </a>
189 <a class="sidebar-link" href="https://ontake.dev/sudoku">
190 <div class="side-navbar-button">Sudoku Solver</div>
191 </a>
192 <a class="sidebar-link" href="https://ontake.dev/fourier-series">
193 <div class="side-navbar-button">Fourier Series</div>
194 </a>
195 <a class="sidebar-link" href="https://ontake.dev/tetris">
196 <div class="side-navbar-button">Tetris</div>
197 </a>
198 <a class="sidebar-link" href="https://ontake.dev/daily-kanji">
199 <div class="side-navbar-button">Daily Kanji</div>
200 </a>
201 <a class="sidebar-link" href="https://ontake.dev/schedule">
202 <div class="side-navbar-button">Schedule</div>
203 </a>
204 <a class="sidebar-link" href="https://ontake.dev/dna-viewer">
205 <div class="side-navbar-button">DNA Viewer</div>
206 </a>
207 <a class="sidebar-link" href="https://ontake.dev/time-management">
208 <div class="side-navbar-button">Time Management</div>
209 </a>
210 <a class="sidebar-link" href="https://ontake.dev/periodic-table">
211 <div class="side-navbar-button">Periodic Table</div>
212 </a>
213 <a class="sidebar-link" href="https://ontake.dev/btd">
214 <div class="side-navbar-button">Binary to Decimal</div>
215 </a>
216 <div class="sidebar-header">Web Experiments
217 <div class="sidebar-separator"></div>
218 </div>
219 <a class="sidebar-link" href="https://ontake.dev/clock">
220 <div class="side-navbar-button">Clock</div>
221 </a>
222 <a class="sidebar-link" href="https://ontake.dev/vfd-screensaver">
223 <div class="side-navbar-button">Screensaver</div>
224 </a>
225 <a class="sidebar-link" href="https://ontake.dev/psychedelic">
226 <div class="side-navbar-button">Psychedelic</div>
227 </a>
228 <a class="sidebar-link" href="https://ontake.dev/psychedelic-2">
229 <div class="side-navbar-button">Psychedelic 2</div>
230 </a>
231 <div id="side-navbar-bottom">
232 <div class="side-navbar-contact-div">
233 <a
234 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.">
235 <img class="side-navbar-contact-icon" src="assets/icons/mail.webp"></img>
236 </a>
237 </div>
238 <div class="side-navbar-contact-div">
239 <a href="https://instagram.com/louisdalibard/">
240 <img class="side-navbar-contact-icon" src="assets/icons/instagram.webp"></img>
241 </a>
242 </div>
243 <div class="side-navbar-contact-div">
244 <a href="https://github.com/xE0F9">
245 <img class="side-navbar-contact-icon" src="assets/icons/github-character.webp"></img>
246 </a>
247 </div>
248 <div class="side-navbar-contact-div">
249 <a href="https://twitter.com/TvOutof">
250 <img class="side-navbar-contact-icon" src="assets/icons/twitter.webp"></img>
251 </a>
252 </div>
253 </div>
254 <img id="side-navbar-icon" src="assets/icons/next.webp"></img>
255 </div>
256 </div>
257 <div id="loading-screen">
258 <div id="loading-console"></div>
259 <svg width="210mm" height="297mm" viewBox="0 0 210 297" version="1.1" id="svg5"
260 inkscape:version="1.1 (c68e22c387, 2021-05-23)" sodipodi:docname="drawing-1.svg"
261 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
262 xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg"
263 xmlns:svg="http://www.w3.org/2000/svg">
264 <sodipodi:namedview id="namedview7" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0"
265 inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0"
266 inkscape:document-units="mm" showgrid="false" inkscape:zoom="1" inkscape:cx="922" inkscape:cy="564.5"
267 inkscape:window-width="5120" inkscape:window-height="1377" inkscape:window-x="-8" inkscape:window-y="-8"
268 inkscape:window-maximized="1" inkscape:current-layer="layer1" />
269 <defs id="defs2" />
270 <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
271 <path
272 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"
273 id="loading-icon" />
274 </g>
275 </svg>
276 <div id="loading-progress">0%</div>
277 <div id="loading-progressbar">
278 <div id="loading-progressbar-inner"></div>
279 </div>
280 <div id="connection-status">< connecting ></div>
281 <div id="Yuki-I-text">
282 <div class="Yuki-I-text-character">そ</div>
283 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">ぞ</div>
284 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">れ</div>
285 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">の</div>
286 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">雪<div
287 class="Yuki-I-text-character-furigana">ゆ<br>き</div>
288 </div>
289 <div class="Yuki-I-text-character">の</div>
290 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">結<div
291 class="Yuki-I-text-character-furigana">け<br>っ<br>し<br>ょ<br>う</div>
292 </div>
293 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">晶</div>
294 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">は</div>
295 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">異<div
296 class="Yuki-I-text-character-furigana">こ<br>と</div>
297 </div>
298 <div class="Yuki-I-text-character">な</div>
299 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">り</div>
300 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">ま</div>
301 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">す</div>
302 <div class="Yuki-I-text-character">。</div>
303
304 </div>
305 </div>
306 <script src="main.js"></script>
307</body>
308
309</html>