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
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
|
<!DOCTYPE HTML>
<html lang="en">
<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;
}
div.projects-flex details{
border: 1px solid var(--secondary-fg);
transition: 0.3s ease background;
margin: 0.5em;
padding: 0;
pointer-events: none;
}
div.projects-flex details summary{
cursor: zoom-in;
pointer-events: auto;
padding: 1em;
}
div.projects-flex details:hover{
background-color: color-mix(in oklab, var(--interactive-hover-bg) 30%, rgba(0, 0, 0, 0));
}
div.projects-flex details[open]{
background-color: unset !important;
padding: 0 1em 1em 1em;
}
div.projects-flex details[open] summary{
border-bottom: 1px solid var(--principal-fg);
padding: 1em 0;
margin-bottom: 1em;
cursor: zoom-out;
}
div.ubx-container{
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: 0;
}
div.ubx{
display: inline flex;
align-items: center;
justify-content: left;
box-sizing: border-box;
flex: 0 0 250px;
width: 238px;
height: 45px;
margin: 6px;
font-size: 9px;
border: 1px solid var(--secondary-fg);
}
div.ubx-ll{
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 1000;
flex: 0 0 46px;
width: 46px;
height: 100%;
text-align: center;
white-space: nowrap;
background-color: color-mix(in oklab, var(--interactive-hover-bg) 30%, rgba(0, 0, 0, 0));
}
div.ubx-lr{
padding: 0 6px;
font-weight: 600;
}
div.ubx-ll img.vf{
height: 100%;
}
div.ubx-ll img.v90{
height: 90%;
}
div.ubx-ll img.v80{
height: 80%;
}
div.ubx-ll img.hf{
width: 100%;
}
div.ubx-ll img.h90{
width: 90%;
}
div.ubx-ll img.h80{
width: 80%;
}
.ubx-emojislot{
font-size: 24px !important;
}
.crossed-out{
position: relative;
}
.crossed-out::before, .crossed-out::after{
content: '';
width: 95%;
position: absolute;
left: 1px;
top: 45%;
border-bottom: 2px solid red;
}
.crossed-out::before{
transform: skewY(-30deg);
}
.crossed-out::after{
transform: skewY(30deg);
}
#ubx-localtime span.datet {
color: #7e7;
opacity: 0.2;
}
#ubx-localtime:hover span.datet {
opacity: initial;
}
#ubx-localtime span.datetz {
color: #e7a;
opacity: 0.5;
}
#ubx-localtime:hover span.datetz {
opacity: initial;
}
#ubx-localtime-time {
font-size: 12px;
}
.qablock {
border: 1px solid;
border-color: var(--secondary-fg);
padding: 1em;
margin: 0.5em 0;
}
td{border:1px solid var(--secondary-fg);}
</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 src="panel.js"></script>
<script src="themer.js"></script>
<script>
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 hashchange(){
if (!location.hash.length) contsw("main");
else {
let el = document.querySelector(location.hash);
while (el && el.classList && !el.classList.contains("toplevel"))
el = el.parentNode;
if (!el) contsw("main");
else {
contsw(el.id);
document.querySelector(location.hash).scrollIntoView();
}
}
}
function swonload(){
window.onresize=function()
{
if(window.innerWidth<768)
setupevents();
else unsetevents();
}
window.onhashchange = hashchange;
window.onresize();
loadTheme();
hashchange();
}
document.addEventListener("DOMContentLoaded", swonload);
window.addEventListener("load", hashchange);
</script>
<div id="panel" class="TText">
<ul id="panellist">
<li><a id="mainlk" href="#"><h1>Chrisoft</h1></a></li>
<li><a id="projectslk" href="#projects">Projects</a></li>
<li><a id="bloglk" href="#blog">Blog</a></li>
<li><a id="librarylk" href="#library">Library</a></li>
<li><a id="guestbooklk" href="#guestbook">Guestbook</a></li>
<li><a id="aboutlk" href="#about">About</a></li>
<li><a id="linkslk" href="#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 toplevel" id="main">
<h2>Yet another wandering programmer</h2><hr>
<p>
Welcome, traveller of the interwebz!
</p>
<p>
This is the cyber-homestead of Chris Xiong, who's obsessed with things that blink, spin, or make noises.
</p>
<p>
You will find my works, projects and pieces of thoughts here.
</p>
<p>
Have fun exploring!
</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 toplevel" 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;" id="currentproj">Current Projects</h3>
<div class="projects-flex" id="current-projects">
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<summary><a href="https://cgit.chrisoft.org/lightsd.git/">lightsd</a></summary>
Auto brightness for Linux, without requiring
a desktop environment or systemd.
</details></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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>
<div class="projects-item"></div>
</div>
<h3 style="font-weight:normal;" id="contribproj">Contributed Projects</h3>
<p>
I've made contributions to these projects, more or less.
</p>
<div class="projects-flex" id="contrib-projects">
<div class="projects-item"><details>
<summary><a href="https://github.com/BLumia/BLumiaOJ">BLumia OJ</a></summary>
A HUSTOJ compatible Online Judge system.
</details></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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>
<div class="projects-item"></div>
</div>
<h3 style="font-weight:normal;" id="antiqueproj"><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">
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<summary>Minesweeper in HGE (2012)</summary>
Essentially a cmine.c with GUI.
</details></div>
<div class="projects-item"><details>
<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></div>
<div class="projects-item"><details>
<summary>Go!Word (2012)</summary>
Hangman written in FreePascal.
</details></div>
<div class="projects-item"><details>
<summary>cpu.c (2011)</summary>
Plots a sine function in CPU usage using busy waits.
</details></div>
<div class="projects-item"><details>
<summary>cmine.c (2012)</summary>
Minesweeper, CLI version (the 289536397th one been written).
</details></div>
<div class="projects-item"><details>
<summary>fpsnake.pas (2016)</summary>
Snake game written in FreePascal. I wrote this in order to prove that
I can still do Pascal.
</details></div>
<div class="projects-item"><details>
<summary>fpGraphicClock (2011-2012)</summary>
Primitive graphic clock written in FreePascal.
</details></div>
<div class="projects-item"><details>
<summary>Date&Time (2009-2010)</summary>
Text mode clock, alarm and stopwatch written in FreePascal.
</details></div>
</div>
<h3 style="font-weight:normal;" id="pendingproj">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 toplevel" 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 toplevel" 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 toplevel" 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="mname" 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 toplevel" id="about">
<h2>About</h2><hr>
<!--#include virtual="about_l.html" -->
</div>
<div class="block toplevel" 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/">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 – 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>
|
