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="Curriculum Vitae">
 27    <meta name="viewport" content="width=device-width, initial-scale=0.1">
 28</head>
 29
 30<body>
 31    <div id="container">
 32        <div class="column" id="left-column">
 33            <div class="inner-widget in-left-column">
 34                <div class="inner-widget-text-big">Hey, I’m a New York City born developer currently living in Paris.</div>
 35            </div>
 36            <div class="inner-widget in-left-column">
 37                <div class="inner-widget-text-big">Phone</div>
 38                <div class="inner-widget-text-mid">+33 6 52 45 16 50</div>
 39                <div class="inner-widget-text-big">Email</div>
 40                <div class="inner-widget-text-mid">ontake@ontake.dev</div>
 41            </div>
 42            <div class="inner-widget in-left-column">
 43                <div class="inner-widget-text-big">Education</div>
 44                <div class="inner-widget-text-mid">Saint Michel De Picpus, Paris (2017-now)</div>
 45		<div class="inner-widget-text-mid">Academia Dual Diploma (2020-now)</div>
 46            </div>
 47            <div class="inner-widget in-left-column">
 48                <div class="inner-widget-text-big">Interests</div>
 49                <div class="inner-widget-text-mid">Programming</div>
 50                <div class="inner-widget-text-mid">3D Modeling</div>
 51                <div class="inner-widget-text-mid">Digital Art</div>
 52                <div class="inner-widget-text-mid">3D Printing</div>
 53                <div class="inner-widget-text-mid">Astronomy</div>
 54            </div>
 55        </div>
 56        <div class="column" id="right-column">
 57            <div class="inner-widget in-right-column">
 58                <div class="inner-widget-text-big">Computer Skills</div>
 59                <div class="inner-widget-text-mid">SQL Databases</div>
 60                <div class="inner-widget-text-mid">Back-end and front-end development</div>
 61                <div class="inner-widget-text-mid">Web design</div>
 62                <div class="inner-widget-text-big">Computer Languages</div>
 63                <div class="inner-widget-text-mid">Go
 64                    <div class="inner-widget-language-rating">
 65                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 66                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 67                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 68                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 69                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 70                    </div>
 71                </div>
 72                <div class="inner-widget-text-mid">JavaScript
 73                    <div class="inner-widget-language-rating">
 74                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 75                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 76                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 77                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 78                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 79                    </div>
 80                </div>
 81                <div class="inner-widget-text-mid">Python
 82                    <div class="inner-widget-language-rating">
 83                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 84                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 85                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 86                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 87                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 88                    </div>
 89                </div>
 90                <div class="inner-widget-text-mid">C++
 91                    <div class="inner-widget-language-rating">
 92                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 93                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 94                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 95                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 96                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
 97                    </div>
 98                </div>
 99                <div class="inner-widget-text-mid">Rust
100                    <div class="inner-widget-language-rating">
101                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
102                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
103                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
104                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
105                        <div class="inner-widget-language-rating-cube-disabled inner-widget-language-rating-cube"></div>
106                    </div>
107                </div>
108                <div class="inner-widget-text-mid">C
109                    <div class="inner-widget-language-rating">
110                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
111                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
112                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
113                        <div class="inner-widget-language-rating-cube-enabled inner-widget-language-rating-cube"></div>
114                        <div class="inner-widget-language-rating-cube-disabled inner-widget-language-rating-cube"></div>
115                    </div>
116                </div>
117            </div>
118            <div class="inner-widget in-right-column last-inner-widget">
119                <div class="inner-widget-text-big">Languages</div>
120                <div class="inner-widget-text-mid">French - Native (C2)</div>
121                <div class="inner-widget-text-mid">English - Native (C2)</div>
122                <div class="inner-widget-text-mid">Spanish - Intermediate (B2)</div>
123                <div class="inner-widget-text-mid">Japanese - Basic (JLPT N5)</div>
124            </div>
125        </div>
126        <div id="home-link"><a id="home-link-a" href="https://ontake.dev/"><img id="home-icon" src="assets/icons/home.webp"></img></a></div>
127    </div>
128
129    <script src="main.js"></script>
130</body>
131
132</html>