summaryrefslogtreecommitdiff
path: root/index.html
blob: 754d7d69738a3284ba6562ce8a1bb3ed12240bee (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
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
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="theme-color" content="#000000">
<title>Chrisoft::Home</title>
<link rel="icon" href="./favicon.png">
<link rel="preload" href="/themes.svg" as="image">
<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%;}
	#msgform{width:50%;margin:auto;}
	@media (max-width:768px)
	{#msgform{width:auto;margin:1em;}}
	.grecaptcha-badge{
		visibility: collapse !important;  
	}
</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 onload="swonload();">
<script type="text/javascript" src="panel.js"></script>
<script type="text/javascript">
var recaptcha=null;
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 loadTheme(){
	var thm=document.cookie.replace(new RegExp("(?:(?:^|.*;\\s*)thm\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1");
	if(thm.length<2||'0123z'.indexOf(thm[0])==-1||'abz'.indexOf(thm[1])==-1)thm='zz';
	var tbtn=document.getElementById('themesw').querySelectorAll('a');
	tbtn.forEach(function(a){a.style.borderBottomColor='rgba(255,255,255,0)'});
	document.getElementById(`ts${thm[0]}`).style.borderBottomColor='#FFF';
	document.getElementById(`tt${thm[1]}`).style.borderBottomColor='#FFF';
	var ent="";
	var d=new Date();
	if(thm[0]=='z')
	{
		var m=d.getMonth()+1;
		if(m>=3&&m<6)thm='0'+thm[1];
		else if(m>=6&&m<9)thm='1'+thm[1];
		else if(m>=9&&m<12)thm='2'+thm[1];
		else thm='3'+thm[1];
	}
	if(thm[1]=='z')
	{if(d.getHours()>=18||d.getHours()<6)thm=thm[0]+'b';else thm=thm[0]+'a';}
	ent=`theme${thm}`;
	var R=new RegExp('theme[0-4][ab]');
	for(var i=0;i<document.styleSheets.length;++i)
	{
		if(R.exec(document.styleSheets[i].ownerNode.id)!==null&&document.styleSheets[i].ownerNode.id!=ent)
		document.styleSheets[i].disabled=true;
		else document.styleSheets[i].disabled=false;
	}
	var thmcolor="";
	switch(thm[0])
	{
		case '0':thmcolor=thm[1]=='a'?'#f59dda':'#2f0933';break;
		case '1':thmcolor=thm[1]=='a'?'#9df59d':'#090933';break;
		case '2':thmcolor=thm[1]=='a'?'#edb47b':'#1f1205';break;
		case '3':thmcolor=thm[1]=='a'?'#a0cdfa':'#051933';break;
	}
	document.querySelector("meta[name=theme-color]").setAttribute('content',thmcolor);
}
function toggleblkdisplay(e){
	var E=document.getElementById(e);
	E.style.display=E.style.display=='none'?'block':'none';
}
function contsw(cont){
	var lst=document.getElementById('content').getElementsByClassName('block');
	if(recaptcha&&typeof(recaptcha.execute)=='function')
	recaptcha.execute('6LdCZ5AUAAAAAPL9Fooi8Zh3m0VTepvpNR9S4G5L',{action:cont}).then(function(t){});
	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();
	const grse=document.createElement('script');
	grse.src="https://www.google.com/recaptcha/api.js?render=6LdCZ5AUAAAAAPL9Fooi8Zh3m0VTepvpNR9S4G5L";
	grse.async=true;
	grse.onload=function()
	{
		if(grecaptcha)
		grecaptcha.ready(function(){recaptcha=grecaptcha;});
	};
	document.head.appendChild(grse);
	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';
}
</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>
		</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.
			</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>
				The owner of this site doesn't have any Apple devices that can go online so 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>
			<p style="font-size:75%;text-indent:2.67em;">This site uses reCAPTCHA for traffic analysis. <a href="https://policies.google.com/terms">Terms</a> and <a href="https://policies.google.com/privacy">privacy policy</a> of Google may apply.</p>
		</div>
		<div class="block" id="projects">
			<h2>Projects</h2><hr>
			<p>
				Here's a list of projects maintained by me. 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;">Active Projects</h3>
			<ul>
				<li>Bullet Lab Remix
					<reduced><a href="./BulletLabRemix">[details]</a>
					<a href="javascript:toggleblkdisplay('blr-desc')">
					[short desc.]</a></reduced>
					<div class="block" id="blr-desc">
						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.
					</div>
				</li>
				<li>QMidiPlayer
					<reduced><a href="./QMidiPlayer">[details]</a>
					<a href="javascript:toggleblkdisplay('qmp-desc')">
					[short desc.]</a></reduced>
					<div class="block" id="qmp-desc">
						A feature-rich cross-platform MIDI player loosely
						based on vanBasco's Karaoke Player and QSynth.
						It has a comprehensive plugin interface to
						provide extra functionalities.
					</div>
				</li>
				<li>SMELT
					<reduced>
					<a href="https://github.com/BearKidsTeam/SMELT">
					[details]</a>
					<a href="javascript:toggleblkdisplay('smlt-desc')">
					[short desc.]</a></reduced>
					<div class="block" id="smlt-desc">
						SMELT is a wrapper class for hardware-accelerated
						graphics rendering, input handling and optionally,
						audio outputting. SMELT is extensively used in
						some of my projects.
					</div>
				</li>
				<li>lightsd
					<reduced>
					<a href="https://github.com/chirs241097/lightsd">
					[details]</a>
					<a href="javascript:toggleblkdisplay('litd-desc')">
					[short desc.]</a></reduced>
					<div class="block" id="litd-desc">
						Auto brightness for Linux, without requiring
						a desktop environment or systemd.
					</div>
					</reduced>
				</li>
				<li>Touhou BGM Remix
					<reduced><a href="./thbgmremix">[details]</a>
					<a href="javascript:toggleblkdisplay('thbgm-desc')">
					[short desc.]</a></reduced>
					<div class="block" id="thbgm-desc">
						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.
					</div>
				</li>
			</ul>
			<h3 style="font-weight:normal;">Contributed Projects</h3>
			<p>
				I've made contributions to these projects, more or less.
			</p>
			<ul>
				<li>BLumia OJ
					<reduced>
					<a href="https://github.com/BLumia/BLumiaOJ">
					[details]</a>
					<a href="javascript:toggleblkdisplay('bloj-desc')">
					[short desc.]</a>
					</reduced>
					<div class="block" id="bloj-desc">
						A HUSTOJ compatible Online Judge system.
					</div>
				</li>
				<li>Pineapple Synth
					<reduced>
					<a href="https://github.com/BLumia/PineappleSynth">[details]</a>
					<a href="javascript:toggleblkdisplay('psyn-desc')">
					[short desc.]</a></reduced>
					<div class="block" id="psyn-desc">
						A software synthesizer developed by BLumia. I helped with some optimizations and bug fixes.
					</div>
					</reduced>
				</li>
				<li>thplayer
					<reduced>
					<a href="https://github.com/BearKidsTeam/thplayer">[details]</a>
					<a href="javascript:toggleblkdisplay('thplyr-desc')">
					[short desc.]</a></reduced>
					<div class="block" id="thplyr-desc">
						A replacement for my "thplayer.cpp" with GUI, written by BLumia. It has my reinvented wheel inside.
					</div>
					</reduced>
				</li>
				<li>SDUOJ
					<reduced>
					<a href="javascript:toggleblkdisplay('soj-desc')">
					[short desc.]</a>
					</reduced>
					<div class="block" id="soj-desc">
					The Online Judge used by Shandong University,
					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 use ssh and vim to modify the prod.
					And thanks to the stupid university I am in, it is
					<b>impossible to access out of the campus</b>.
					</div>
				</li>
			</ul>
			<h3 style="font-weight:normal;">Pending Projects</h3>
			<ul>
				<li>Online Judge</li>
				<li>vjtester v2</li>
				<li>FluidR3 GM2+Extension</li>
				<li>QSPS Sound Set</li>
				<li>SMELT4js(?)</li>
			</ul>
			<h3 style="font-weight:normal;"><s>Archived</s> Antique Projects</h3>
			<p>
				Some of these projects are permanently lost in a disaster.
				
			</p>
			<ul>
				<li>Ballance Remix (2011-2012)
					<reduced>
					<a href="./BallanceRemix">[details]</a>
					<a href="javascript:toggleblkdisplay('br-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="br-desc">
					Old project attempting to recreate the game Ballance from Cyparade.
					It uses the same engine but without custom extensions to the engine.
					Playable, but in no way resemble the original game.
					</div>
				</li>
				<li>Chris' Timidity Player (2012)
					<reduced>
					<a id="timidityplyr" href="//filestorage.chrisoft.org/inactive/TimidityPlayer.tar.xz">[archive]</a>
					<a href="javascript:toggleblkdisplay('tmidp-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="tmidp-desc">
					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>.
					</div>
				</li>
				<li>Simple Tester for OI (2012)
					<reduced>
					<a href="//filestorage.chrisoft.org/inactive/Tester.tar.xz">[archive]</a>	
					<a href="javascript:toggleblkdisplay('testr-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="testr-desc">
					Local judger for OI problems. Doesn't really have any advanced features.
					</div>
				</li>
				<li>the <s>Ultimate</s> Data Visualiser (2015)
					<reduced>
					<a href="javascript:toggleblkdisplay('dvis-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="dvis-desc">
						A data visualizer for some very specific purpose.
						This project is never made public.
					</div>	
				</li>
				<li>World's Hardest Game 3D (2010-2011)
					<reduced>
					<a href="https://1drv.ms/u/s!AjEe7BxvJRi9gSCz7LxTzCjXWMsT">[archive]</a>
					<a href="javascript:toggleblkdisplay('whg3d-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="whg3d-desc">
						3D version of a flash game called "World's Hardest Game" made with Virtools.
						Extremely hard because it's basically unplayable.
					</div>
				</li>
				<li>Cross Noodles (Virtools) (2012)
					<reduced>
					<a href="//cgit.chrisoft.org/oddities.git/tree/Virtools/Cross_Noodles.cmo">[details]</a>
					<a href="javascript:toggleblkdisplay('crxnd-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="crxnd-desc">
						A stupid game made with Virtools. A new version using HTML5 is <a href="https://chrisoft.org/CrossNoodlesJS/">available</a>.
					</div>
				</li>
				<li>Compiz 0.9.7.99 (2012-2016)
					<reduced>
					<a href="//filestorage.chrisoft.org/inactive/compiz0.9.7.9.tar.xz">[archive]</a>	
					<a href="javascript:toggleblkdisplay('cmpz-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="cmpz-desc">
						The ultimate compiz distribution with extra features added by me.
						It was forked off the 0.9.7 branch for Ubuntu 12.04. It comes with
						probably every single plugin ever available for compiz.
					</div>
				</li>
				<li>Minesweeper in HGE (2012)
					<reduced>
					<a href="javascript:toggleblkdisplay('mswp-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="mswp-desc">
						Essentially a cmine.c with GUI.	
					</div>
				</li>
				<li>Desktop (2012)
					<reduced>
					<a href="//filestorage.chrisoft.org/inactive/Desktop.tar.xz">[archive]</a>
					<a href="javascript:toggleblkdisplay('dskt-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="dskt-desc">
						Windows 7 style show desktop for Windows 2000, Windows XP and Windows Vista.
						Written in FreePascal. It's pretty broken though.
					</div>
				</li>
				<li>Go!Word (2012)
					<reduced>	
					<a href="javascript:toggleblkdisplay('gword-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="gword-desc">
						Hangman written in FreePascal.
					</div>
				</li>
				<li>cpu.c (2011)
					<reduced>
					<a href="javascript:toggleblkdisplay('cpuc-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="cpuc-desc">
						Plots a sine function in CPU usage using busy waits.
					</div>
				</li>
				<li>cmine.c (2012)
					<reduced>
					<a href="javascript:toggleblkdisplay('cmine-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="cmine-desc">
						Minesweeper, CLI version.
					</div>
				</li>
				<li>fpsnake.pas (2016)
					<reduced>
					<a href="javascript:toggleblkdisplay('psnk-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="psnk-desc">
						Snake game written in FreePascal. I wrote this in order to prove that
						I can still do Pascal.
					</div>	
				</li>
				<li>fpGraphicClock (2011-2012)
					<reduced>
					<a href="javascript:toggleblkdisplay('pgclk-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="pgclk-desc">
						Primitive graphic clock written in FreePascal.
					</div>	
				</li>
				<li>Date&amp;Time (2009-2010)
					<reduced>
					<a href="javascript:toggleblkdisplay('dntm-desc')">[short desc.]</a>
					</reduced>
					<div class="block" id="dntm-desc">
						Clock, alarm and stopwatch.
					</div>	
				</li>
			</ul>
		</div>
		<div class="block" id="blog">
			<h2>Blog</h2><hr>
			<h3><a href="./blog/list/devel">Development Blog</a></h3>
			<p>
				Sharing thoughts on software development and recording progress of my projects.
			</p>
			<h3><a href="./blog/list">Nonsense Blog</a></h3>
			<p>
				Pure garbage. <em>Caveat emptor.</em>
			</p>
			<p>
				No RSS feed provided.
			</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="./libs/pictures/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>Leave a Message</h2><hr>
			<p style="font-size:75%;">
				All times are in CST (UTC+8).
				Messages are <b>not</b> censored
				(except messages for testing, which would be deleted
				shortly after posting; advertising is also prohibited).
				General etiquette still applies.
				Your (apparent) IP address will also be recorded together
				with the message you fill in below.
				You have to be able to reach Google's reCAPTCHA
				to leave a message.
			</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
				{
					recaptcha.execute('6LdCZ5AUAAAAAPL9Fooi8Zh3m0VTepvpNR9S4G5L',{action:'guestbook_newentry'}).then(
						function(t){
							var h=new XMLHttpRequest();
							var f={};
							f.mname=encodeURIComponent(document.getElementById('mname').value);
							f.mcontent=encodeURIComponent(document.getElementById('mcontent').value);
							f.gr_ret=t;
							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='Leave the message!';
								document.getElementById('button_send').disabled=false;
							};
							h.onload=function(){
								gb_load();
								document.getElementById('button_send').innerHTML='Leave the message!';
								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 #CCC;">
			<span style="width:98%;display:table;">
			<label for="name" style="display:table-cell;width:1px;white-space:nowrap;">Your honourable 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">Leave the message!</button>
			</div>
			</form>
		</div>
		<div class="block" id="about">
			<h2>About</h2><hr>
			<script>
				var r=new XMLHttpRequest();
				r.open("GET","/about_l.html");
				r.responseType="document";
				r.send();
				r.onload=function()
				{
					cont=r.response;
					e=cont.querySelector('.TText');
					document.getElementById('about').appendChild(e.cloneNode(true));
					document.getElementById('ti').src="toxid.png";
				}
			</script>
		</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)</p>
			<ul id="friendslist">
				<li><a rel="external" target="_blank" href="https://blog.61dpi.com/">夜光糖果屋</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">雄心万丈, 躺在床上</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://719daze.me">719daze</a></li>
				<li><a rel="external" target="_blank" href="https://owner203.com">OWNER203'S WORLD</a></li>
			</ul>
		</div>
		<div style="text-align:center;padding:0.5em;">
			<a href="https://www.debian.org"><img src="debianpowered.svg" alt="Powered by Debian"></a><br>
			Copyright Chris Xiong 2019
		</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="320" id="aqt6" decoding="async">
	<img src="koishi_hovr.png" alt="" width="320" id="aqt6a" decoding="async" style="display:none;">
	</div>
</body>
</html>