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 <!-- 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 <script src="/assets/wasm/donut/wasm_exec.js"></script>
32 <script>
33 const go = new Go();
34 let check = window.matchMedia("(pointer: coarse)").matches;
35 if (!check) {
36 WebAssembly.instantiateStreaming(
37 fetch("/assets/wasm/donut/main.wasm"),
38 go.importObject
39 ).then((result) => {
40 go.run(result.instance);
41 });
42 }
43 </script>
44 </head>
45
46 <body>
47 <div id="content" class="content-main">
48 <div class="window">
49 <div class="window-decorations">
50 <div class="window-title">profilepic.gif</div>
51 <div class="window-decorations-spacer-container">
52 <div class="window-decorations-spacer"></div>
53 <div class="window-decorations-spacer"></div>
54 <div class="window-decorations-spacer"></div>
55 </div>
56 <div class="window-button">_</div>
57 <div class="window-button">☐</div>
58 <div class="window-button window-button-close">⨯</div>
59 </div>
60 <video
61 src="assets/gif/prof.webm"
62 autoplay=""
63 loop=""
64 id="profile-pic"
65 ></video>
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 </body>
160</html>