Initial commit.

author: Chris Xiong <chirs241097@gmail.com> 2019-02-10 11:16:07 +0800
committer: Chris Xiong <chirs241097@gmail.com> 2019-02-10 11:16:07 +0800
commit: 9d3c8c0e6e1a7ba43bf3dc19350d1dca68b657a3 (patch)
tree: 339de0698c13e1763d3361d70fb1266621025c91 /index.html
download: web-9d3c8c0e6e1a7ba43bf3dc19350d1dca68b657a3.tar.xz
1 files changed, 621 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..de4abc3
--- /dev/null
+++ b/index.html
@@ -0,0 +1,621 @@
+<!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;}}
+</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 rcaptcha=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');
+	for(var i=0;i<lst.length;++i)
+	lst.item(i).style.display='none';
+	if(document.getElementById(cont)===null)cont='main';
+	if(cont=='guestbook'&&rcaptcha===null)
+	{
+		rcaptcha=document.createElement('script');
+		rcaptcha.setAttribute('src','https://www.google.com/recaptcha/api.js');
+		document.body.appendChild(rcaptcha);
+	}
+	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';
+	/*var h=new XMLHttpRequest();
+	h.open("GET","/cgi/4or6.cgi?"+(new Date()).getTime());
+	h.send();
+	h.onload=function()
+	{
+		if(Number(h.responseText)==(6))
+		document.getElementById("v6").style.display="block";
+		else
+		document.getElementById("v4").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 class="themesw">
+			theme:<br><a href="./" onclick="changeTheme('day')"><img src="day.svg" alt="day"></a>&nbsp;<a href="./" onclick="changeTheme('night')"><img src="night.svg" alt="night"></a>&nbsp;<a href="./" onclick="changeTheme('auto')"><img src="auto.svg" alt="auto"></a>
+		</div>-->
+	</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>
+				(If you see Koishi instead of Yuyuko, you are reaching this site via IPv6.)
+			</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>
+		</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="./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="./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="./Cross_Noodles.html">[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="./data/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="./data/minesweeper.zip">[archive]</a>	
+					<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="./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">Picture Library</a></h3>
+			<p>
+				My collection of pictures from the Internet.
+			</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%;">
+				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 verify()
+			{
+				if(document.getElementById("mcontent").value.length+document.getElementById("mname").value.length>16300)return;
+				try
+				{
+					if(grecaptcha.getResponse().length===0)
+					document.getElementById("ann").style.display="inline-block";
+					else document.getElementById("msgform").submit();
+				}
+				catch(e){return;}
+			}
+			var h=new XMLHttpRequest();
+			h.open("GET","/leave-a-message/messages.json?"+(new Date()).getTime());
+			h.send();
+			h.onload=function()
+			{
+				var r=h.responseText.split('\n');
+				for(var i=r.length-1;i>=0;--i)
+				{
+					r[i].trim();
+					if(!r[i])continue;
+					var o=JSON.parse(r[i]);
+					if(o.cont===undefined||o.cont===null)
+					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);
+				}
+			}
+			</script>
+			<form action="/leave-a-message/writemessage.php" 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="padding:0.5em;">
+			Something Annoying: <span id="ann" style="color:#F00;display:none;">Please complete the annoying challenge!</span></div>
+			<div style="margin:0 auto;width:304px;" class="g-recaptcha" data-sitekey="6Lf1lAcUAAAAAGep8SpTETdIrEiw6w8uVy8IXp9U"></div><br>
+			<div style="text-align:center;">
+			<button onclick="verify();" 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>File transfer</h3>
+			<ul>
+				<li><a href="./data">Data folder</a></li>
+				<li><a href="./upload">File upload(LAN only)</a></li>
+			</ul>
+			<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>
+			</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>
+	<!--<div id="v4" style="display:none;transform:none !important;" class="floatingr" onmouseover="changeImage('aqt4a','aqt4')" onmouseout="changeImage('aqt4','aqt4a')" onclick="this.style.display='none';">
+	<img src="yuyuko_debian.png" alt="" width="240" id="aqt4" decoding="async">
+	<img src="yuyuko_debian.png" alt="" width="240" id="aqt4a" decoding="async" style="display:none;">
+	</div>-->
+</body>
+</html>
author	Chris Xiong <chirs241097@gmail.com>	2019-02-10 11:16:07 +0800
committer	Chris Xiong <chirs241097@gmail.com>	2019-02-10 11:16:07 +0800
commit	9d3c8c0e6e1a7ba43bf3dc19350d1dca68b657a3 (patch)
tree	339de0698c13e1763d3361d70fb1266621025c91 /index.html
download	web-9d3c8c0e6e1a7ba43bf3dc19350d1dca68b657a3.tar.xz