1<!DOCTYPE html>
2<html lang="en">
3 <!--
4 ___ _____ _
5 / _ \ _ _|_ _|_ _| | _____
6 | | | | '_ \| |/ _` | |/ / _ \
7 | |_| | | | | | (_| | < __/
8 \___/|_| |_|_|\__,_|_|\_\___|
9
10 Copyright 2026. Louis Dalibard
11 -->
12
13 <head>
14 <!-- Stylesheet-->
15 <link
16 rel="stylesheet"
17 type="text/css"
18 href="style.css"
19 />
20 <!-- Title Element-->
21 <title>home | ontake.dev</title>
22 <!-- Icon-->
23 <link rel="icon" type="image/webp" href="/assets/images/icon.png" />
24 <!-- Metadata-->
25 <meta property="og:type" content="website" />
26 <meta property="og:url" content="https://ontake.dev" />
27 <meta property="og:title" content="home | ontake.dev" />
28 <meta name="viewport" content="width=device-width, initial-scale=0.1" />
29 <!-- Scripts-->
30 <script src="/assets/js/draggable.js"></script>
31 </head>
32
33 <body>
34 <div id="content" class="content-main">
35 <div class="window">
36 <div class="window-decorations">
37 <div class="window-title">cd-pfp.png</div>
38 <div class="window-decorations-spacer-container">
39 <div class="window-decorations-spacer"></div>
40 <div class="window-decorations-spacer"></div>
41 <div class="window-decorations-spacer"></div>
42 </div>
43 <div class="window-button">_</div>
44 <div class="window-button">☐</div>
45 <div class="window-button window-button-close">⨯</div>
46 </div>
47 <img id="profile-pic" src="assets/images/pfp-cd-crop.png"></img>
48 </div>
49 <div id="right">
50 Hello! Welcome to my website.<br />
51 こんにちは！ 私のウェブサイトへようこそ。
52 <br /><br />
53 Enjoy your stay here and have a look around. There are plenty of things
54 to see.<br />
55 ここでの滞在を楽しんで、周りを見てください。
56 見どころはたくさんあります。
57 <br /><br /><br />
58 『Watching WWIII unfold on the internet while listening to<br />
59 breakcore and the sound of rain outside<br />
60 on a warm and humid summer night.<br />
61 ブレイクコアと外の雨音を聴きながら、<br />
62 インターネット上で繰り広げられる第三次世界大戦を眺める<br />
63 蒸し暑い夏の夜。』
64 </div>
65 <div id="chris-chan">
66 This is Chris. ⤳<br />
67 これはクリスちゃん。 ⤳
68 </div>
69 <div class="window right-justified" id="chicken-microwave">
70 <div class="window-decorations">
71 <div class="window-title">ch.gif</div>
72 <!-- No spacer because not big enough -->
73 <div class="window-button">_</div>
74 <div class="window-button">☐</div>
75 <div class="window-button window-button-close">⨯</div>
76 </div>
77 <img
78 src="assets/gif/chicken-microwave-2x.gif"
79 id="chicken-microwave-inner"
80 style="image-rendering: pixelated;"
81 />
82 </div>
83
84 <div id="counter-container">
85 Total visits | 総訪問数<br />
86 <iframe class="counter" src="https://counter.ontake.dev/"></iframe>
87 </div>
88 <!-- <div id="counter-container-chart">
89 Total visits / Date | 総訪問数 / 日付<br />
90 <img id="counter-chart" src="https://counter.ontake.dev/chart" style="image-rendering: pixelated;" />
91 </div> -->
92 <div id="counter-container-reloads">
93 Total reloads | 総リロード数<br />
94 <iframe
95 class="counter"
96 src="https://counter.ontake.dev/reloads"
97 ></iframe>
98 </div>
99
100 <div class="window" id="caffeine-window">
101
102 <div class="window-decorations" style="cursor: grab;">
103 <div class="window-title">caffeine.graph</div>
104
105 <div class="window-decorations-spacer-container">
106 <div class="window-decorations-spacer"></div>
107 <div class="window-decorations-spacer"></div>
108 <div class="window-decorations-spacer"></div>
109 </div>
110
111 <div class="window-button">_</div>
112 <div class="window-button">☐</div>
113 <div class="window-button window-button-close">⨯</div>
114 </div>
115
116
117 <div class="graph-container">
118
119 <div class="graph-legend">
120 <span>
121 <i class="legend-blood"></i>
122 bloodstream
123 </span>
124
125 <span>
126 <i class="legend-intake"></i>
127 intake
128 </span>
129 </div>
130
131 <div class="graph-frame">
132
133 <div id="mass-axis">
134 <div class="mass-label" style="bottom:0">0 mg</div>
135 <div class="mass-label" style="bottom:10%">100 mg</div>
136 <div class="mass-label" style="bottom:20%">200 mg</div>
137 <div class="mass-label" style="bottom:30%">300 mg</div>
138 <div class="mass-label" style="bottom:40%">400 mg</div>
139 <div class="mass-label" style="bottom:50%">500 mg</div>
140 <div class="mass-label" style="bottom:60%">600 mg</div>
141 <div class="mass-label" style="bottom:70%">700 mg</div>
142 <div class="mass-label" style="bottom:80%">800 mg</div>
143 <div class="mass-label" style="bottom:90%">900 mg</div>
144 <div class="mass-label" style="bottom:100%">1000 mg</div>
145 </div>
146
147
148 <div id="graph-scroll">
149 <div id="graph-area">
150 <div id="graph-track"></div>
151 <div id="time-axis"></div>
152 </div>
153 </div>
154
155 </div>
156
157 </div>
158
159 </div>
160 <script src="/assets/js/caffeine.js"></script>
161
162 <div id="footer">
163 Come talk on Matrix at: #chat@matrix.ontake.dev<br /><br /><br />
164 © 2021-2026 ontake.dev<br />
165 last updated on 2026/07/23<br /><br />
166 <a href="https://ontake.dev/"
167 ><img id="eightyeightbythirtyone" src="assets/88x31/88x31.gif" style="image-rendering: pixelated;"
168 /></a>
169 <br /><br />
170 <a href="https://dms.ontake.dev/"
171 ><img id="tombstone" src="https://dms.ontake.dev/tombstone.png" style="image-rendering: pixelated;"
172 /></a>
173 <br />
174 <br />
175 </div>
176 </div>
177 <div id="topbar">
178 <a class="topbar-link" href="/">home</a>
179 <a class="topbar-link" href="/about/">about</a>
180 <a class="topbar-link" href="/gallery/">gallery</a>
181 <a class="topbar-link" href="/projects/">projects</a>
182 <a class="topbar-link" href="/guestbook/">guestbook</a>
183 <a class="topbar-link" href="/ascii/">ascii</a>
184 <a class="topbar-link" href="/experiments/">experiments</a>
185 <a class="topbar-link" href="/garden/">garden</a>
186 <a class="topbar-link" href="/mixes/">mixes</a>
187 <a class="topbar-link" href="https://leech.ontake.dev">leech</a>
188 </div>
189 </body>
190</html>