summaryrefslogtreecommitdiff
path: root/index.shtml
blob: dafc5db4d258ce4c199155078bcbcd6420aa41c9 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#000000">
<meta name="description" content="Chris Xiong's personal homepage">
<meta name="author" content="Chris Xiong">
<title>Chrisoft::Home</title>
<link rel="icon" href="/favicon.ico">
<link rel="preload" href="/themes.svg" as="image">
<link rel="me" href="https://c.im/@chirs241097">
<link rel="stylesheet" type="text/css" href="common.css">
<link rel="stylesheet" type="text/css" href="panel.css">
<link rel="stylesheet" type="text/css" href="theme0a.css" id="theme0a">
<link rel="stylesheet" type="text/css" href="theme0b.css" id="theme0b">
<link rel="stylesheet" type="text/css" href="theme1a.css" id="theme1a">
<link rel="stylesheet" type="text/css" href="theme1b.css" id="theme1b">
<link rel="stylesheet" type="text/css" href="theme2a.css" id="theme2a">
<link rel="stylesheet" type="text/css" href="theme2b.css" id="theme2b">
<link rel="stylesheet" type="text/css" href="theme3a.css" id="theme3a">
<link rel="stylesheet" type="text/css" href="theme3b.css" id="theme3b">
<style>
	reduced{font-size:75%;}
	details{padding:.5em .5em 0 .2em;}
	#msgform{width:50%;margin:auto;}
	@media (max-width:768px)
	{#msgform{width:auto;margin:1em;}}
	div.projects-flex{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	div.projects-flex .projects-item{
		flex: 1;
		flex-basis: 40%;
		align-self: flex-start;
		margin: 0.5em;
		padding: 1em;
	}
	div.projects-flex details{
		border: 1px solid var(--secondary-fg);
	}
	div.projects-flex details summary{
		transition: 0.3s ease background;
		background-clip: content-box;
		cursor: zoom-in;
	}
	div.projects-flex details summary:hover{
		background-color: color-mix(in oklab, var(--interactive-hover-bg) 30%, rgba(0, 0, 0, 0));
	}
	div.projects-flex details[open] summary{
		background-color: unset !important;
		border-bottom: 1px solid var(--principal-fg);
		padding-bottom: 1em;
		margin-bottom: 1em;
		cursor: zoom-out;
	}
</style>
</head>
<!--
The source code of this site, including all HTML, JavaScript and CSS
files, are licensed under the terms of the Expat(MIT) License.
Contents are licensed under the CC BY-SA 4.0 license.
-->
<body>
<script type="text/javascript" src="panel.js"></script>
<script type="text/javascript" src="themer.js"></script>
<script type="text/javascript">
function changeImage(a,b){
	document.getElementById(a).style.display='inline';
	document.getElementById(b).style.display='none';
}
function showthemesw(){
	document.getElementById('themesw').style.display='block';
	setTimeout(()=>{document.getElementById('themesw').style.opacity='1';},20);
}
function hidethemesw(){
	document.getElementById('themesw').style.opacity='0';
	setTimeout(()=>{document.getElementById('themesw').style.display='none';},515);
}
function getcookie(key)
{return document.cookie.replace(new RegExp('(?:(?:^|.*;\\s*)'+key+'\\s*\\=\\s*([^;]*).*$)|^.*$'),'$1');}
function changeTheme(a,b){
	var thm=getcookie('thm');
	if(!thm.length)thm='zz';
	if(a.length&&'0123z'.indexOf(a[0])!=-1)thm=a[0]+thm[1];
	if(b.length&&'abz'.indexOf(b[0])!=-1)thm=thm[0]+b[0];
	document.cookie=`thm=${thm};max-age=126144000`;
	loadTheme();
}
function contsw(cont){
	var lst=document.getElementById('content').getElementsByClassName('block');
	for(var i=0;i<lst.length;++i)
	lst.item(i).style.display='none';
	if(document.getElementById(cont)===null)cont='main';
	document.getElementById(cont).style.display='block';
	lst=document.getElementById('panellist').getElementsByTagName('a');
	for(var i=0;i<lst.length;++i)
	lst.item(i).classList.remove('active');
	document.getElementById(cont+'lk').classList.add('active');
}
function swonload(){
	window.onresize=function()
	{
		if(window.innerWidth<768)
		setupevents();
		else unsetevents();
	}
	window.onresize();
	loadTheme();
	if(!location.hash.length)contsw('main');
	else contsw(location.hash.substr(1));
	/*var unsupportedpf=['Macintosh','MacIntel','MacPPC','Mac68K','iPhone','iPad','iPod'];
	if(unsupportedpf.indexOf(window.navigator.platform)!==-1)
	document.getElementById('appleouter').style.display='block';*/
}
document.addEventListener("DOMContentLoaded", swonload);
</script>
	<div id="panel" class="TText">
		<ul id="panellist">
			<li><a id="mainlk" href="#" onclick="contsw('main');"><h1>Chrisoft</h1></a></li>
			<li><a id="projectslk" href="#projects" onclick="contsw('projects');">Projects</a></li>
			<li><a id="bloglk" href="#blog" onclick="contsw('blog');">Blog</a></li>
			<li><a id="librarylk" href="#library" onclick="contsw('library');">Library</a></li>
			<li><a id="guestbooklk" href="#guestbook" onclick="contsw('guestbook');">Guestbook</a></li>
			<li><a id="aboutlk" href="#about" onclick="contsw('about');">About</a></li>
			<li><a id="linkslk" href="#links" onclick="contsw('links');">Links</a></li>
			<li><a href="javascript:showthemesw()">Themes</a></li>
			<li><a href="javascript:togglepanel()" id="paneltoggle" style="display:none;"></a></li>
		</ul>
	</div>
	<div id="content" class="TText">
		<div class="block" id="main">
			<h2>Yet another wandering programmer</h2><hr>
			<p>
				Welcome to the home page of Chris Xiong, a Chinese programmer living overseas.
			</p>
			<p>
				You will find my works, collections and pieces of thoughts here.
			</p>
			<p>
				Have fun exploring!
			</p>
			<!--<p id="appleouter" style="display:none;">
				<b>Please read [<a href="https://stallman.org/apple.html" rel="external" target="_blank" onclick="document.getElementById('apple').style.display='block';">this</a>] in case of any trouble, Your Excellency.</b>
				<div id="apple" class="block" style="display:none;"><p>
					<s>The owner of this site doesn't have any Apple devices that can go online so</s> you may experience major problems browsing this site. If you consider this unacceptable, you may donate me an Apple device. Please mail your generous donation to <code>/dev/null</code>.
				</p></div>
			</p>-->
			<div style="text-align:center;">
				<a href="https://www.debian.org"><img src="debianpowered.svg" alt="Powered by Debian"></a>
				<a href="https://www.conoha.jp/conoha"><img src="conohahosted.svg" alt="Hosted by Conoha"></a><br>
			</div>
		</div>
		<div class="block" id="projects">
			<h2>Projects</h2><hr>
			<p>
			Here is an incomplete list of projects maintained by me. You may find more projects listed in my <a href="https://cgit.chrisoft.org/">code library</a>, or under my <a href="https://github.com/chirs241097/">GitHub profile</a> (currently only used for collaborative projects).
			</p>
			<p>
				For projects with license files, please refer to them for licensing details.
				Other projects, especially the old inactive ones, are provided "as-is", licensed under the terms of the Expat (MIT) license and
				come with <strong>ABSOLUTELY NO WARRANTY</strong>. Use them at your own risk.
			</p>
			<h3 style="font-weight:normal;">Current Projects</h3>
			<div class="projects-flex" id="current-projects">
				<details class="projects-item">
					<summary><a href="https://cgit.chrisoft.org/deduper.git/">deduper</a></summary>
					Scans local images for duplicates.
					Also provides reverse image search for your local images.
					Implements a variant of the algorithm described in "An
					image signature for any kind of image", doi:
					10.1109/ICIP.2002.1038047.
				</details>
				<details class="projects-item">
					<summary><a href="https://cgit.chrisoft.org/it2midi.git/">it2midi</a></summary>
					An effort to rewrite my old it2midi.cpp in Rust.
					A versatile IT (impulse tracker) to MIDI converter.
					Currently it's moulting into a fully-fledged mod
					player.
				</details>
				<details class="projects-item">
					<summary><a href="https://cgit.chrisoft.org/QMidiPlayer.git/">QMidiPlayer</a></summary>
					A feature-rich cross-platform MIDI player with UI
					inspired by vanBasco's Karaoke Player and QSynth.
					It has a comprehensive plugin interface to
					provide extra functionalities.
				</details>
				<details class="projects-item">
					<summary><a href="https://cgit.chrisoft.org/SMELT.git/">SMELT</a></summary>
					SMELT is a set of classes that provide hardware-accelerated
					graphics, input handling and optionally, audio output.
					SMELT is used extensively in my other projects.
				</details>
				<details class="projects-item">
					<summary><a href="https://cgit.chrisoft.org/lightsd.git/">lightsd</a></summary>
					Auto brightness for Linux, without requiring
					a desktop environment or systemd.
				</details>
				<details class="projects-item">
					<summary><a href="/rbusif">RBUS-ADAT</a></summary>
					Convert digital audio data carried by Roland's proprietary
					R-BUS interface into ADAT. Linked page also provided additional
					technical information on R-BUS.
				</details>
				<details class="projects-item">
					<summary><a href="/thbgmremix">Touhou BGM Remix</a></summary>
					The only project that has nothing to do with
					programming here. These packages provide remixed
					BGM in a more modern style for legacy Touhou Project
					releases. It may sound worse or better. You decide.
				</details>
				<div class="projects-item"></div>
			</div>
			<h3 style="font-weight:normal;">Contributed Projects</h3>
			<p>
				I've made contributions to these projects, more or less.
			</p>
			<div class="projects-flex" id="contrib-projects">
				<details class="projects-item">
					<summary><a href="https://github.com/BLumia/BLumiaOJ">BLumia OJ</a></summary>
					A HUSTOJ compatible Online Judge system.
				</details>
				<details class="projects-item">
					<summary><a href="https://github.com/BLumia/PineappleSynth">Pineapple Synth</a></summary>
					A software synthesizer developed by BLumia. I helped with some optimizations and bug fixes.
				</details>
				<details class="projects-item">
					<summary><a href="https://github.com/FluidSynth/fluidsynth">FluidSynth</a></summary>
					A realtime soundfont synthesizer. The irony is that most code I have contributed is Windoze-specific.
				</details>
				<details class="projects-item">
					<summary><a href="https://github.com/BearKidsTeam/thplayer">thplayer</a></summary>
					A replacement for my "thplayer.cpp" with GUI, written by BLumia. It has my reinvented wheel inside.
				</details>
				<details class="projects-item">
					<summary>Deepin Desktop Environment</summary>
					<p>
					I worked for Deepin as an intern for almost a year starting from February 2019. My work there
					includes implementing optical disc authoring for the file manager and reworking the computer
					pseudo-folder. I also worked on the networking section of the settings application for some
					time, as well as a few other system components (DTK being one of them). Chances are if you
					have ever used DDE v20 (the redesign released in 2020), my code has passed through the
					pipelines of your processor.
					</p>
					<p>I have mixed views on Deepin the company. You may find out more in my blog posts. I'm no
					longer affiliated with the company or its successor UnionTech.</p>
				</details>
				<details class="projects-item">
					<summary><a href="https://github.com/Swung0x48/CKRasterizer">CKRasterizer</a></summary>
					Rasterizers for Virtools (an old interactive 3D toolkit). I shifted the project from a
					reverse-engineering approach to a "just wing it" approach. Helped with completing the
					DirectX 9 rasterizer. Additionally created two new rasterizer modules
					for modern graphics from scratch (CKGLRasterizer and CKVkRasterizer).
				</details>
				<details class="projects-item">
					<summary>SDUOJ</summary>
					The Online Judge used by Shandong University,
					Once located <a href="http://acm.sdu.edu.cn/">here</a>.
					It does have a github repo, but we have been modifying
					the production directly for so long that it is very
					outdated. Yes we used ssh and vim to develop on prod.
					And thanks to the stupid university I was in, it is
					<b>impossible to access out of the campus</b>.
				</details>
				<div class="projects-item"></div>
			</div>
			<h3 style="font-weight:normal;"><s>Archived</s> Antique Projects</h3>
			<p>Some of these projects are permanently lost in a disaster.</p>
			<div class="projects-flex" id="antique-projects">
				<details class="projects-item">
					<summary><a href="/BulletLabRemix">Bullet Lab Remix (2012-2015)</a></summary>
					A danmaku-like game. Inspired by a flash game
					called "Bullet Lab", this project has departured
					so far from it that it has became a STG without
					the 'shooting' part.
				</details>
				<details class="projects-item">
					<summary><a href="/BallanceRemix">Ballance Remix (2011-2012)</a></summary>
					Old project attempting to recreate the game Ballance from Cyparade.
					It uses the same Virtools engine but without using custom extensions
					to the engine.<br>
					Playable, but in no way resemble the "feel" of the original game in
					terms of controls.
				</details>
				<details class="projects-item">
					<summary>World's Hardest Game 3D (2010-2011)</summary>
					<a href="https://1drv.ms/u/s!AjEe7BxvJRi9gSCz7LxTzCjXWMsT">Download this abomination, if you wish.</a>
					3D version of a flash game called "World's Hardest Game" made with Virtools.
					Extremely hard because it's basically unplayable.
				</details>
				<details class="projects-item">
					<summary>Cross Noodles (Virtools) (2012)</summary>
					<a href="//cgit.chrisoft.org/oddities.git/tree/Virtools/Cross_Noodles.cmo">Download this abomination, if you wish.</a>
					A stupid game made with Virtools. A new version written for modern(-ish)
					browser is <a href="/CrossNoodlesJS/">available</a>.
				</details>
				<details class="projects-item">
					<summary><a href="//filestorage.chrisoft.org/inactive/TimidityPlayer.tar.xz">Chris' Timidity Player (2012)</a></summary>
					Simple timidity frontend written in FreePascal. BLumia created a more
					feature-rich fork called <a href="https://github.com/BLumia/BLumiaTimidityShell">BLumia's Timidity Shell</a>.
				</details>
				<details class="projects-item">
					<summary><a href="//filestorage.chrisoft.org/inactive/Tester.tar.xz">Simple Tester for OI (2012)</a></summary>
					Local judger for OI problems. Doesn't really have any fancy features.
					Written in FreePascal.
				</details>
				<details class="projects-item">
					<summary>the <s>Ultimate</s> Data Visualiser (2015)</summary>
					A data visualizer for a certain very specific purpose.
					This project is never made public. Written in C++. Uses SMELT.
				</details>
				<details class="projects-item">
					<summary>Compiz 0.9.7.99 (2012-2016)</summary>
					<a href="//filestorage.chrisoft.org/inactive/compiz0.9.7.9.tar.xz">Archived source code.</a>
					The ultimate pre-GLES port compiz distribution with extra features
					added by me, as well as backports of a few new features added later.
					It was forked off the 0.9.7 branch for Ubuntu 12.04. It comes with
					probably every single plugin ever available for compiz (that I could
					get working).
				</details>
				<details class="projects-item">
					<summary>Minesweeper in HGE (2012)</summary>
					Essentially a cmine.c with GUI.
				</details>
				<details class="projects-item">
					<summary>Desktop (2012)</summary>
					<a href="//filestorage.chrisoft.org/inactive/Desktop.tar.xz">Archived source code.</a>
					Windows 7 style show desktop for Windows 2000, Windows XP and Windows Vista.
					Written in FreePascal. It was pretty broken though.
				</details>
				<details class="projects-item">
					<summary>Go!Word (2012)</summary>
					Hangman written in FreePascal.
				</details>
				<details class="projects-item">
					<summary>cpu.c (2011)</summary>
					Plots a sine function in CPU usage using busy waits.
				</details>
				<details class="projects-item">
					<summary>cmine.c (2012)</summary>
					Minesweeper, CLI version (the 289536397th one been written).
				</details>
				<details class="projects-item">
					<summary>fpsnake.pas (2016)</summary>
					Snake game written in FreePascal. I wrote this in order to prove that
					I can still do Pascal.
				</details>
				<details class="projects-item">
					<summary>fpGraphicClock (2011-2012)</summary>
					Primitive graphic clock written in FreePascal.
				</details>
				<details class="projects-item">
					<summary>Date&amp;Time (2009-2010)</summary>
					Text mode clock, alarm and stopwatch written in FreePascal.
				</details>
			</div>
			<h3 style="font-weight:normal;">Pending Projects</h3>
			<p>These project may or may not ever be started.</p>
			<ul>
				<li>OPLang</li>
				<li>msed</li>
				<li>Roland Editor</li>
				<li>FluidR3 GM2+Extension</li>
				<li>QSPS Sound Set</li>
				<li><s>vjtester v2</s></li>
				<li><s>SMELT4js(?)</s></li>
				<li><s>Online Judge</s></li>
			</ul>
		</div>
		<div class="block" id="blog">
			<h2>Blog</h2><hr>
			<h3><a href="/blog/list"><ruby>SPELVNCAM·VRSAE·VISERE<rp>(</rp><rt>Visit the bearess' den</rt><rp>)</rp></ruby></a></h3>
			<p>
				As its name suggests, this place is dangerous. However if you
				do know what you're looking for, you might be able to find
				the hidden gems.
			</p>
			<p>
				Note: some of the posts there are quite old and might no longer
				reflect my current views on various topics. Certain posts may
				contain stuff that not everyone would like to see. May contain
				nuts.
			</p>
			<p>
				Does not appear to contain a significant amount of cerebral
				activity.
			</p>
			<h3><a href="/notekins">Notekins</a></h3>
			<p>
				Micro-blogging before social media ruined everything. This is
				where I do stuff that I used to do on Twitter and Mastodon
				nowadays.
			</p>
		</div>
		<div class="block" id="library">
			<h2>Library</h2><hr>
			<h3><a href="/libs/music/player">Music Library</a></h3>
			<p>
				Music arranged and some, composed, by me.
			</p>
			<h3><a href="//filestorage.chrisoft.org/blog/data/osunix-logo_sq_thicken.png">Picture Library</a></h3>
			<p>
				Nothin'.
			</p>
			<h3><a href="//cgit.chrisoft.org">Code Library</a></h3>
			<p>
				Get lost in my messy code!
			</p>
		</div>
		<div class="block" id="guestbook">
			<h2>Guestbook</h2><hr>
			<p style="font-size:75%;">
				All times are in CST (UTC+8).
				General etiquette applies.
				Your IP will be checked against a spam filter (AbuseIPDB).
				Your message will be held in a moderation buffer if there
				are reports against your IP, and may be released later.
				See the <a href="https://chrisoft.org/blog/post/Privacy.html">Privacy Policy</a> for details.
			</p>
			<p style="font-size:75%;">
				<b>IMPORTANT:</b> This is a guestbook, not a contact form. If you expect a reply from
				the owner of this website, please use the contacts in the <a href="#about">about page</a>.
			</p>
			<p style="font-size:75%;"><button class="link-like" onclick="document.getElementById('msgform').scrollIntoView();">To the signing area.</button></p>
			<div id="commentdiv">
			</div>
			<script>
			function gb_send()
			{
				if(document.getElementById("mcontent").value.length+document.getElementById("mname").value.length>16300)
				alert('super duper secure client side security');
				document.getElementById('button_send').innerHTML='...';
				document.getElementById('button_send').disabled=true;
				try
				{
					var h=new XMLHttpRequest();
					var f={};
					f.mname=encodeURIComponent(document.getElementById('mname').value);
					f.mcontent=encodeURIComponent(document.getElementById('mcontent').value);
					h.open('POST','/cgi/gb_newentry.cgi');
					h.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
					h.send(JSON.stringify(f));
					h.onerror=function(){
						alert('You broke something, or something broke itself...');
						document.getElementById('button_send').innerHTML='Sign the guestbook!';
						document.getElementById('button_send').disabled=false;
					};
					h.onload=function(){
						gb_load();
						document.getElementById('button_send').innerHTML='Sign the guestbook!';
						document.getElementById('button_send').disabled=false;
						document.getElementById('mname').value=
						document.getElementById('mcontent').value='';
					};
				}
				catch(e){return;}
			}
			function gb_load()
			{
				while(document.getElementById('commentdiv').firstChild)
				document.getElementById('commentdiv').removeChild(document.getElementById('commentdiv').firstChild);
				var h=new XMLHttpRequest();
				h.open("GET","/leave-a-message/messages?"+(new Date()).getTime());
				h.send();
				h.onload=function()
				{
					var ro=JSON.parse(h.responseText)
					for(var i=ro.length-1;i>=0;--i)
					{
						var o=ro[i];
						if(!o.cont)continue;
						var e=document.createElement('div');
						e.classList.add('comment');
						var p=document.createElement('div');
						p.style.padding='0.5em 0 0.5em 0.5em';
						p.innerHTML=o.cont;
						var t=document.createElement('div');
						t.classList.add('author');
						if(!o.author.length)o.author='Anonymous';
						t.innerHTML=o.author+" at "+o.time;
						e.appendChild(p);
						e.appendChild(t);
						document.getElementById('commentdiv').appendChild(e);
					}
				}
			}
			gb_load();
			</script>
			<form id="msgform" method="post" style="padding:5px;border:1px solid var(--secondary-fg);">
			<span style="width:98%;display:table;">
			<label for="name" style="display:table-cell;width:1px;white-space:nowrap;">Your honorable name:</label>
			<input type="text" id="mname" name="name" required style="margin-left:5px;display:table-cell;width:100%;">
			</span>
			<div style="padding:0.5em;">Message:</div>
			<textarea required id="mcontent" name="content" rows="5" style="width:97%;margin:0.5em;"></textarea>
			<div style="text-align:center;">
			<button id="button_send" onclick="gb_send();" type="button">Sign the guestbook!</button>
			</div>
			</form>
		</div>
		<div class="block" id="about">
			<h2>About</h2><hr>
			<!--#include virtual="about_l.html" -->
		</div>
		<div class="block" id="links">
			<h2>Links</h2><hr>
			<h3>Miscellaneous tools and games</h3>
			<ul>
				<li><a href="/codeforces-rating-cmp">CodeForces Rating Comparator</a></li>
				<li><a href="/CrossNoodlesJS">Cross Noodles (revamped version)</a></li>
				<li><a href="/minesweeper">Minesweeper</a></li>
				<li><a href="/SameGameJS">Same game</a></li>
				<li><a href="/sound-of-sorting">Sound of sorting in your browser</a></li>
			</ul>
			<h3>Friends</h3>
			<p>No one can go without friends. (Unordered list. Stricken items are currently inaccessible.)</p>
			<ul id="friendslist">
				<li><a rel="external" target="_blank" href="https://blog.61dpi.com/"><s>夜光糖果屋</s></a></li>
				<li><a rel="external" target="_blank" href="https://www.blumia.net/" rel="nofollow">BLumia :: Wrapzone</a></li>
				<li><a rel="external" target="_blank" href="https://jxpxxzj.oschina.io"><s>雄心万丈, 躺在床上</s></a></li>
				<li><a rel="external" target="_blank" href="https://yyc12345.github.io/MyBlog/">yyc12345 の Blog</a></li>
				<li><a rel="external" target="_blank" href="https://oing9179.github.io/blog">oing9179 的笔记本儿</a></li>
				<li><a rel="external" target="_blank" href="https://baka719.top">719daze</a></li>
				<li><a rel="external" target="_blank" href="https://world.203.jp/">OWNER203'S WORLD</a></li>
				<li><a rel="external" target="_blank" href="https://un1c0de.xyz"><s>UN1C0DE</s></a></li>
				<li><a rel="external" target="_blank" href="https://www.swung0x48.com/"><s>Excerpt &#8211; A Blog of Swung</s></a></li>
			</ul>
		</div>
		<div style="text-align:center;padding:0.5em;">
			<a href="/blog/post/Privacy.html">Privacy</a> | Copyright Chris Xiong 2025
		</div>
	</div>
	<div id="themesw" style="position:fixed;top:0;left:0;width:100%;height:100%;display:none;opacity:0;background-color:rgba(0,0,0,0.6);z-index:999;transition:opacity 0.5s;" onclick="hidethemesw()">
		<div class="TText" style="position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.4);color:white;padding:1em;" onclick="event.stopPropagation()">
			<span>Season Theme</span><br>
			<a id="ts0" href="javascript:changeTheme('0','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="spring" alt="spring" style="background-image:url('themes.svg');background-position:0 -32px;"></a>
			<a id="ts1" href="javascript:changeTheme('1','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="summer" alt="summer" style="background-image:url('themes.svg');background-position:-16px -32px;"></a>
			<a id="ts2" href="javascript:changeTheme('2','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="autumn" alt="autumn" style="background-image:url('themes.svg');background-position:-32px -32px;"></a>
			<a id="ts3" href="javascript:changeTheme('3','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="winter" alt="winter" style="background-image:url('themes.svg');background-position:0 -16px;"></a>
			<a id="tsz" href="javascript:changeTheme('z','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="auto based on the season in the northern hemisphere" alt="auto" style="background-image:url('themes.svg');background-position:0 0;"></a>
			<br>
			<span>Color Tune</span><br>
			<a id="tta" href="javascript:changeTheme('','a')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="day" alt="day" style="background-image:url('themes.svg');background-position:-16px -16px;"></a>
			<a id="ttb" href="javascript:changeTheme('','b')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="night" alt="night" style="background-image:url('themes.svg');background-position:-32px -16px;"></a>
			<a id="ttz" href="javascript:changeTheme('','z')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="auto based on local time" alt="auto" style="background-image:url('themes.svg');background-position:0 0;"></a>
		</div>
	</div>
	<div id="v6" style="display:block;" class="floatingl" onmouseover="changeImage('aqt6a','aqt6')" onmouseout="changeImage('aqt6','aqt6a')" onclick="this.style.display='none';">
	<img src="koishi_norm.png" alt="" width="240" id="aqt6" decoding="async">
	<img src="koishi_hovr.png" alt="" width="240" id="aqt6a" decoding="async" style="display:none;">
	</div>
</body>
</html>