1<!DOCTYPE html>
2<html lang="en">
3<!--
4 ___ _____ _
5 / _ \ _ _|_ _|_ _| | _____
6 | | | | '_ \| |/ _` | |/ / _ \
7 | |_| | | | | | (_| | < __/
8 \___/|_| |_|_|\__,_|_|\_\___|
9
10 Copyright 2021-2022 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 id="summary-card">
33 <div class="summary-header">Portfolio
34
35 <a class="summary-link" href="https://ontake.dev/curriculum-vitae">
36 <div class="summary-nav-button">Curriculum Vitae</div>
37 </a>
38 <a class="summary-link" href="https://ontake.dev/renders">
39 <div class="summary-nav-button">Renders</div>
40 </a>
41 <a class="summary-link" href="https://ontake.dev/photos">
42 <div class="summary-nav-button">Photos</div>
43 </a>
44 </div>
45 <div class="summary-header">Web Apps
46
47 <a class="summary-link" href="https://ontake.dev/tetris">
48 <div class="summary-nav-button">Tetris</div>
49 </a>
50 <a class="summary-link" href="https://ontake.dev/daily-kanji">
51 <div class="summary-nav-button">Daily Kanji</div>
52 </a>
53 <a class="summary-link" href="https://ontake.dev/schedule">
54 <div class="summary-nav-button">Schedule</div>
55 </a>
56 <a class="summary-link" href="https://ontake.dev/btd">
57 <div class="summary-nav-button">Binary to Decimal</div>
58 </a>
59 </div>
60 <div class="summary-header">Web Experiments
61
62 <a class="summary-link" href="https://ontake.dev/clock">
63 <div class="summary-nav-button">Clock</div>
64 </a>
65 <a class="summary-link" href="https://ontake.dev/vfd-screensaver">
66 <div class="summary-nav-button">Screensaver</div>
67 </a>
68 <a class="summary-link" href="https://ontake.dev/psychedelic">
69 <div class="summary-nav-button">Psychedelic</div>
70 </a>
71 <a class="summary-link" href="https://ontake.dev/psychedelic-2">
72 <div class="summary-nav-button">Psychedelic 2</div>
73 </a>
74 </div>
75 </div>
76 <div class="card" id="introduction-card">
77 <div id="introduction-group">
78 <div id="introduction">Hey, my name is <span class="bold-text">Louis Dalibard</span>. I’m a French dev, born in the US.</div>
79 <div id="introduction-sub">Solving problems and building things is my passion.</div>
80 </div>
81 </div>
82 <div id="project-card-1" class="card">
83
84 <div class="project-flex">
85 <div class="project-part project-right">
86 <div class="project-description"><span class="bold-text">ontake.dev</span> is an interactive web portfolio for showcasing the projects I have made.</div>
87 <div class="project-properties">Date : July 2021<br>
88 Skills: Software and Design</div>
89 </div>
90 </div>
91 <a class="project-link" href="https://ontake.dev">Link</a>
92 </div>
93 <div id="project-card-2" class="card">
94
95 <div class="project-flex">
96 <div class="project-part project-right">
97 <div class="project-description"><span class="bold-text">Open7SClock</span> is a low cost, Wi-Fi capable clock. It can display time as well as information from online sources like cryptocurrency price and news headlines.</div>
98 <div class="project-properties">Date : January 2021 - February 2021<br>
99 Skills: Hardware, Software and Design</div>
100 </div>
101 </div>
102 <a class="project-link" href="https://github.com/c8h10n4o2-e970/Open7SClock/">Link</a>
103 </div>
104 <div id="hireme-card" class="card">
105 <div id="hireme-content">
106 <div id="hireme-text">
107 <div id="hireme-text-1" class="bold-text">Need a developer?</div>
108 <div id="hireme-text-2">I am up for hire.</div><br>
109 <div id="hireme-text-3">Just contact me at</div>
110 <div id="hireme-text-4" class="bold-text">ontake@ontake.dev</div>
111 </div>
112 </div>
113 </div>
114 <div id="credits-card" class="card">
115 <div id="copyright">
116 Copyright 2021-2022 Louis Dalibard. All rights reserved.
117 </div>
118 </div>
119 </div>
120 <div id="loading-screen">
121 <div id="loading-console"></div>
122 <svg width="210mm" height="297mm" viewBox="0 0 210 297" version="1.1" id="svg5" inkscape:version="1.1 (c68e22c387, 2021-05-23)" sodipodi:docname="drawing-1.svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
123 <sodipodi:namedview id="namedview7" pagecolor="#ffffff" bordercolor="#666666" borderopacity="1.0" inkscape:pageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:document-units="mm" showgrid="false" inkscape:zoom="1" inkscape:cx="922" inkscape:cy="564.5" inkscape:window-width="5120" inkscape:window-height="1377" inkscape:window-x="-8" inkscape:window-y="-8" inkscape:window-maximized="1" inkscape:current-layer="layer1"/>
124 <defs id="defs2"/>
125 <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
126 <path 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" id="loading-icon"/>
127 </g>
128 </svg>
129 <div id="loading-progress">0%</div>
130 <div id="loading-progressbar">
131 <div id="loading-progressbar-inner"></div>
132 </div>
133 <div id="connection-status">< connecting ></div>
134 <div id="Yuki-I-text">
135 <div class="Yuki-I-text-character">そ</div>
136 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">ぞ</div>
137 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">れ</div>
138 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">の</div>
139 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">雪<div class="Yuki-I-text-character-furigana">ゆ<br>き</div></div>
140 <div class="Yuki-I-text-character">の</div>
141 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">結<div class="Yuki-I-text-character-furigana">け<br>っ<br>し<br>ょ<br>う</div></div>
142 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">晶</div>
143 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">は</div>
144 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">異<div class="Yuki-I-text-character-furigana">こ<br>と</div></div>
145 <div class="Yuki-I-text-character">な</div>
146 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">り</div>
147 <div class="Yuki-I-text-character Yuki-I-text-character-load-left">ま</div>
148 <div class="Yuki-I-text-character Yuki-I-text-character-load-right">す</div>
149 <div class="Yuki-I-text-character">。</div>
150
151 </div>
152 </div>
153 <script src="main.js"></script>
154</body>
155</html>