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