From 9d3c8c0e6e1a7ba43bf3dc19350d1dca68b657a3 Mon Sep 17 00:00:00 2001
From: Chris Xiong <chirs241097@gmail.com>
Date: Sun, 10 Feb 2019 11:16:07 +0800
Subject: Initial commit.

---
 blog/list/.htaccess                     |   1 +
 blog/list/0.html                        | 123 ++++++++++++++++++++++++++++++++
 blog/list/1.html                        | 123 ++++++++++++++++++++++++++++++++
 blog/list/2.html                        | 123 ++++++++++++++++++++++++++++++++
 blog/list/3.html                        | 123 ++++++++++++++++++++++++++++++++
 blog/list/4.html                        | 123 ++++++++++++++++++++++++++++++++
 blog/list/5.html                        | 123 ++++++++++++++++++++++++++++++++
 blog/list/6.html                        | 123 ++++++++++++++++++++++++++++++++
 blog/list/7.html                        | 123 ++++++++++++++++++++++++++++++++
 blog/list/8.html                        | 103 ++++++++++++++++++++++++++
 blog/list/acmicpc/0.html                | 118 ++++++++++++++++++++++++++++++
 blog/list/acmicpc/index.html            |   1 +
 blog/list/c++/0.html                    | 103 ++++++++++++++++++++++++++
 blog/list/c++/index.html                |   1 +
 blog/list/computer-repairing/0.html     | 103 ++++++++++++++++++++++++++
 blog/list/computer-repairing/index.html |   1 +
 blog/list/contest/0.html                | 113 +++++++++++++++++++++++++++++
 blog/list/contest/index.html            |   1 +
 blog/list/daily-life/0.html             | 123 ++++++++++++++++++++++++++++++++
 blog/list/daily-life/1.html             | 103 ++++++++++++++++++++++++++
 blog/list/daily-life/index.html         |   1 +
 blog/list/design/0.html                 | 103 ++++++++++++++++++++++++++
 blog/list/design/index.html             |   1 +
 blog/list/devel/0.html                  | 123 ++++++++++++++++++++++++++++++++
 blog/list/devel/1.html                  | 123 ++++++++++++++++++++++++++++++++
 blog/list/devel/index.html              |   1 +
 blog/list/device-review/0.html          | 123 ++++++++++++++++++++++++++++++++
 blog/list/device-review/index.html      |   1 +
 blog/list/garbage/0.html                | 123 ++++++++++++++++++++++++++++++++
 blog/list/garbage/1.html                | 123 ++++++++++++++++++++++++++++++++
 blog/list/garbage/2.html                | 123 ++++++++++++++++++++++++++++++++
 blog/list/garbage/3.html                | 108 ++++++++++++++++++++++++++++
 blog/list/garbage/index.html            |   1 +
 blog/list/hands-on/0.html               | 108 ++++++++++++++++++++++++++++
 blog/list/hands-on/index.html           |   1 +
 blog/list/index.html                    |   1 +
 blog/list/interactive/0.html            | 103 ++++++++++++++++++++++++++
 blog/list/interactive/index.html        |   1 +
 blog/list/js/0.html                     | 108 ++++++++++++++++++++++++++++
 blog/list/js/index.html                 |   1 +
 blog/list/linux/0.html                  | 103 ++++++++++++++++++++++++++
 blog/list/linux/index.html              |   1 +
 blog/list/midi/0.html                   | 103 ++++++++++++++++++++++++++
 blog/list/midi/index.html               |   1 +
 blog/list/music/0.html                  | 103 ++++++++++++++++++++++++++
 blog/list/music/index.html              |   1 +
 blog/list/opengl/0.html                 | 103 ++++++++++++++++++++++++++
 blog/list/opengl/index.html             |   1 +
 blog/list/qmidiplayer/0.html            | 123 ++++++++++++++++++++++++++++++++
 blog/list/qmidiplayer/index.html        |   1 +
 blog/list/qt/0.html                     | 103 ++++++++++++++++++++++++++
 blog/list/qt/index.html                 |   1 +
 blog/list/random-xp/0.html              | 113 +++++++++++++++++++++++++++++
 blog/list/random-xp/index.html          |   1 +
 blog/list/sophistry/0.html              | 123 ++++++++++++++++++++++++++++++++
 blog/list/sophistry/1.html              | 103 ++++++++++++++++++++++++++
 blog/list/sophistry/index.html          |   1 +
 blog/list/web/0.html                    | 113 +++++++++++++++++++++++++++++
 blog/list/web/index.html                |   1 +
 blog/list/webgl/0.html                  | 103 ++++++++++++++++++++++++++
 blog/list/webgl/index.html              |   1 +
 61 files changed, 4235 insertions(+)
 create mode 100644 blog/list/.htaccess
 create mode 100644 blog/list/0.html
 create mode 100644 blog/list/1.html
 create mode 100644 blog/list/2.html
 create mode 100644 blog/list/3.html
 create mode 100644 blog/list/4.html
 create mode 100644 blog/list/5.html
 create mode 100644 blog/list/6.html
 create mode 100644 blog/list/7.html
 create mode 100644 blog/list/8.html
 create mode 100644 blog/list/acmicpc/0.html
 create mode 120000 blog/list/acmicpc/index.html
 create mode 100644 blog/list/c++/0.html
 create mode 120000 blog/list/c++/index.html
 create mode 100644 blog/list/computer-repairing/0.html
 create mode 120000 blog/list/computer-repairing/index.html
 create mode 100644 blog/list/contest/0.html
 create mode 120000 blog/list/contest/index.html
 create mode 100644 blog/list/daily-life/0.html
 create mode 100644 blog/list/daily-life/1.html
 create mode 120000 blog/list/daily-life/index.html
 create mode 100644 blog/list/design/0.html
 create mode 120000 blog/list/design/index.html
 create mode 100644 blog/list/devel/0.html
 create mode 100644 blog/list/devel/1.html
 create mode 120000 blog/list/devel/index.html
 create mode 100644 blog/list/device-review/0.html
 create mode 120000 blog/list/device-review/index.html
 create mode 100644 blog/list/garbage/0.html
 create mode 100644 blog/list/garbage/1.html
 create mode 100644 blog/list/garbage/2.html
 create mode 100644 blog/list/garbage/3.html
 create mode 120000 blog/list/garbage/index.html
 create mode 100644 blog/list/hands-on/0.html
 create mode 120000 blog/list/hands-on/index.html
 create mode 120000 blog/list/index.html
 create mode 100644 blog/list/interactive/0.html
 create mode 120000 blog/list/interactive/index.html
 create mode 100644 blog/list/js/0.html
 create mode 120000 blog/list/js/index.html
 create mode 100644 blog/list/linux/0.html
 create mode 120000 blog/list/linux/index.html
 create mode 100644 blog/list/midi/0.html
 create mode 120000 blog/list/midi/index.html
 create mode 100644 blog/list/music/0.html
 create mode 120000 blog/list/music/index.html
 create mode 100644 blog/list/opengl/0.html
 create mode 120000 blog/list/opengl/index.html
 create mode 100644 blog/list/qmidiplayer/0.html
 create mode 120000 blog/list/qmidiplayer/index.html
 create mode 100644 blog/list/qt/0.html
 create mode 120000 blog/list/qt/index.html
 create mode 100644 blog/list/random-xp/0.html
 create mode 120000 blog/list/random-xp/index.html
 create mode 100644 blog/list/sophistry/0.html
 create mode 100644 blog/list/sophistry/1.html
 create mode 120000 blog/list/sophistry/index.html
 create mode 100644 blog/list/web/0.html
 create mode 120000 blog/list/web/index.html
 create mode 100644 blog/list/webgl/0.html
 create mode 120000 blog/list/webgl/index.html

(limited to 'blog/list')

diff --git a/blog/list/.htaccess b/blog/list/.htaccess
new file mode 100644
index 0000000..2651228
--- /dev/null
+++ b/blog/list/.htaccess
@@ -0,0 +1 @@
+Header set Cache-Control no-cache
diff --git a/blog/list/0.html b/blog/list/0.html
new file mode 100644
index 0000000..695bd93
--- /dev/null
+++ b/blog/list/0.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/TOP.html">Readme_en</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage</span>
+				<span class="right" id="">2016-02-13/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-12-06.html">小米 MIX 3 上手体验</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#device-review #hands-on</span>
+				<span class="right" id="">2018-12-06/2018-12-12</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-10-11.html">The stupid blogging system evolved!</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#web #devel #js</span>
+				<span class="right" id="">2018-10-11/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-06-07.html">Should this site still be alive by 2035...</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage</span>
+				<span class="right" id="">2018-06-07/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-06-05.html">Software Project Management in the Free Software World</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry</span>
+				<span class="right" id="">2018-06-05/2018-10-16</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/9</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/1.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/1.html b/blog/list/1.html
new file mode 100644
index 0000000..0a85605
--- /dev/null
+++ b/blog/list/1.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-18.html">Ideology vs Pragmatism &amp;c.</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage</span>
+				<span class="right" id="">2018-05-18/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-08.html">Respecting your job</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage #acmicpc</span>
+				<span class="right" id="">2018-05-08/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-03.html">Are you an Apple fanboy/fangirl?</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #interactive</span>
+				<span class="right" id="">2018-05-03/2019-02-10</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-04-22.html">ICPC类比赛中计算几何问题之「乱象」</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #acmicpc</span>
+				<span class="right" id="">2018-04-22/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-04-17.html">The "Deepin is spyware" problem</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#linux #garbage #sophistry</span>
+				<span class="right" id="">2018-04-17/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/0.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">2/9</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/2.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/2.html b/blog/list/2.html
new file mode 100644
index 0000000..2fff79c
--- /dev/null
+++ b/blog/list/2.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-03-17.html">Some rants on SMELT, QMidiPlayer and Virtools</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #opengl</span>
+				<span class="right" id="">2018-03-17/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-02-05.html">Does gaming make me merrier &amp; more relaxed or the opposite?</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage</span>
+				<span class="right" id="">2018-02-05/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-01-07.html">Trash dump for the fifth semester</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2018-01-07/2018-10-30</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-01-05.html">Now using reverse proxy to deliver content</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#web #random-xp</span>
+				<span class="right" id="">2018-01-05/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-12-21.html">为什么我<i>就是不</i>使用Mac</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #device-review</span>
+				<span class="right" id="">2017-12-21/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/1.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">3/9</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/3.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/3.html b/blog/list/3.html
new file mode 100644
index 0000000..0332836
--- /dev/null
+++ b/blog/list/3.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-11-25.html">A short post on Cakewalk's death and my music production</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#music #garbage</span>
+				<span class="right" id="">2017-11-25/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-06-29.html">Trash dump for the fourth semester</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2017-06-29/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-06-09.html">Fuck Windows et cetera</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#daily-life</span>
+				<span class="right" id="">2017-06-08/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-05-08.html">2017省赛流水帐</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#contest #acmicpc</span>
+				<span class="right" id="">2017-05-08/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-04-11.html">SBS 2.0 is now the default blog browser</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #web</span>
+				<span class="right" id="">2017-04-11/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/2.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">4/9</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/4.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/4.html b/blog/list/4.html
new file mode 100644
index 0000000..4841408
--- /dev/null
+++ b/blog/list/4.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-02-13.html">[多大图警告]ls /dev</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#device-review</span>
+				<span class="right" id="">2017-02-13/2018-12-09</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-01-18.html">Trash dump for the third semester</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2017-01-09/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-01-09.html">[多大图警告]终究还是改不了修电脑的命</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#computer-repairing #garbage</span>
+				<span class="right" id="">2017-01-09/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-09-24.html">2-in-1</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #c++ #qt</span>
+				<span class="right" id="">2016-09-24/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-06-21.html">Trash dump for the first academic year</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2016-06-21/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/3.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">5/9</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/5.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/5.html b/blog/list/5.html
new file mode 100644
index 0000000..ef9e015
--- /dev/null
+++ b/blog/list/5.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-05-12.html">ThinkPad X1 Yoga初体验</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#device-review</span>
+				<span class="right" id="">2016-05-12/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-04-09.html">The MIDI File Format Specification and MIDI Implementation in QMidiPlayer</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #midi</span>
+				<span class="right" id="">2016-04-09/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-03-26.html">ACM校赛水题组酱油记</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#contest #acmicpc</span>
+				<span class="right" id="">2016-03-26/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-02-18.html">Cross Noodles Recooked</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #js #webgl</span>
+				<span class="right" id="">2016-02-18/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-02-14.html">Why Do I Prefer a Computer over a Girlfriend/<s>(Boyfriend)</s></a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry</span>
+				<span class="right" id="">2016-02-14/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/4.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">6/9</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/6.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/6.html b/blog/list/6.html
new file mode 100644
index 0000000..8a68ee2
--- /dev/null
+++ b/blog/list/6.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-01-25.html">放假...</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#daily-life</span>
+				<span class="right" id="">2016-01-25/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-01-16.html">QMidiPlayer Progress-2016-01-16</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer</span>
+				<span class="right" id="">2016-01-16/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-01-03.html">The Design and The Real Product</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #design</span>
+				<span class="right" id="">2016-01-03/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-12-27.html">QMidiPlayer got its repo</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer</span>
+				<span class="right" id="">2015-12-27/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-12-23.html">Chris' First Development Blog</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel</span>
+				<span class="right" id="">2015-12-23/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/5.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">7/9</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/7.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/7.html b/blog/list/7.html
new file mode 100644
index 0000000..89df55e
--- /dev/null
+++ b/blog/list/7.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-12-20.html">忙</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#random-xp</span>
+				<span class="right" id="">2015-12-20/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-11-22.html">Raspberry Pi2 初体验</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#hands-on #device-review</span>
+				<span class="right" id="">2015-11-22/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-11-01.html">Hackathon 2015乱搞记</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#random-xp</span>
+				<span class="right" id="">2015-11-01/2015-11-22</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-10-31.html">大学入学两个月了……</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage</span>
+				<span class="right" id="">2015-10-31/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-10-30.html">First CCPC sightseeing tour</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#contest</span>
+				<span class="right" id="">2015-10-30/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/6.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">8/9</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/8.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/8.html b/blog/list/8.html
new file mode 100644
index 0000000..e9d19d1
--- /dev/null
+++ b/blog/list/8.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-10-29.html">noname01.pas</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage</span>
+				<span class="right" id="">2015-10-29/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/7.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">9/9</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/acmicpc/0.html b/blog/list/acmicpc/0.html
new file mode 100644
index 0000000..828b468
--- /dev/null
+++ b/blog/list/acmicpc/0.html
@@ -0,0 +1,118 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a class="active" href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-08.html">Respecting your job</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage #acmicpc</span>
+				<span class="right" id="">2018-05-08/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-04-22.html">ICPC类比赛中计算几何问题之「乱象」</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #acmicpc</span>
+				<span class="right" id="">2018-04-22/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-05-08.html">2017省赛流水帐</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#contest #acmicpc</span>
+				<span class="right" id="">2017-05-08/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-03-26.html">ACM校赛水题组酱油记</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#contest #acmicpc</span>
+				<span class="right" id="">2016-03-26/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/acmicpc/index.html b/blog/list/acmicpc/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/acmicpc/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/c++/0.html b/blog/list/c++/0.html
new file mode 100644
index 0000000..c0b6ebb
--- /dev/null
+++ b/blog/list/c++/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a class="active" href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-09-24.html">2-in-1</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #c++ #qt</span>
+				<span class="right" id="">2016-09-24/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/c++/index.html b/blog/list/c++/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/c++/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/computer-repairing/0.html b/blog/list/computer-repairing/0.html
new file mode 100644
index 0000000..381d74a
--- /dev/null
+++ b/blog/list/computer-repairing/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a class="active" href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-01-09.html">[多大图警告]终究还是改不了修电脑的命</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#computer-repairing #garbage</span>
+				<span class="right" id="">2017-01-09/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/computer-repairing/index.html b/blog/list/computer-repairing/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/computer-repairing/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/contest/0.html b/blog/list/contest/0.html
new file mode 100644
index 0000000..08df4bf
--- /dev/null
+++ b/blog/list/contest/0.html
@@ -0,0 +1,113 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a class="active" href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-05-08.html">2017省赛流水帐</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#contest #acmicpc</span>
+				<span class="right" id="">2017-05-08/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-03-26.html">ACM校赛水题组酱油记</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#contest #acmicpc</span>
+				<span class="right" id="">2016-03-26/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-10-30.html">First CCPC sightseeing tour</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#contest</span>
+				<span class="right" id="">2015-10-30/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/contest/index.html b/blog/list/contest/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/contest/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/daily-life/0.html b/blog/list/daily-life/0.html
new file mode 100644
index 0000000..027e205
--- /dev/null
+++ b/blog/list/daily-life/0.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a class="active" href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-01-07.html">Trash dump for the fifth semester</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2018-01-07/2018-10-30</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-06-29.html">Trash dump for the fourth semester</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2017-06-29/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-06-09.html">Fuck Windows et cetera</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#daily-life</span>
+				<span class="right" id="">2017-06-08/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-01-18.html">Trash dump for the third semester</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2017-01-09/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-06-21.html">Trash dump for the first academic year</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2016-06-21/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/2</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/daily-life/1.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/daily-life/1.html b/blog/list/daily-life/1.html
new file mode 100644
index 0000000..d4ecb7a
--- /dev/null
+++ b/blog/list/daily-life/1.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a class="active" href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-01-25.html">放假...</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#daily-life</span>
+				<span class="right" id="">2016-01-25/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/daily-life/0.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">2/2</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/daily-life/index.html b/blog/list/daily-life/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/daily-life/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/design/0.html b/blog/list/design/0.html
new file mode 100644
index 0000000..d683233
--- /dev/null
+++ b/blog/list/design/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a class="active" href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-01-03.html">The Design and The Real Product</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #design</span>
+				<span class="right" id="">2016-01-03/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/design/index.html b/blog/list/design/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/design/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/devel/0.html b/blog/list/devel/0.html
new file mode 100644
index 0000000..50761d9
--- /dev/null
+++ b/blog/list/devel/0.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a class="active" href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-10-11.html">The stupid blogging system evolved!</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#web #devel #js</span>
+				<span class="right" id="">2018-10-11/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-03-17.html">Some rants on SMELT, QMidiPlayer and Virtools</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #opengl</span>
+				<span class="right" id="">2018-03-17/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-04-11.html">SBS 2.0 is now the default blog browser</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #web</span>
+				<span class="right" id="">2017-04-11/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-09-24.html">2-in-1</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #c++ #qt</span>
+				<span class="right" id="">2016-09-24/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-04-09.html">The MIDI File Format Specification and MIDI Implementation in QMidiPlayer</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #midi</span>
+				<span class="right" id="">2016-04-09/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/2</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/devel/1.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/devel/1.html b/blog/list/devel/1.html
new file mode 100644
index 0000000..3f2f505
--- /dev/null
+++ b/blog/list/devel/1.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a class="active" href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-02-18.html">Cross Noodles Recooked</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #js #webgl</span>
+				<span class="right" id="">2016-02-18/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-01-16.html">QMidiPlayer Progress-2016-01-16</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer</span>
+				<span class="right" id="">2016-01-16/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-01-03.html">The Design and The Real Product</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #design</span>
+				<span class="right" id="">2016-01-03/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-12-27.html">QMidiPlayer got its repo</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer</span>
+				<span class="right" id="">2015-12-27/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-12-23.html">Chris' First Development Blog</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel</span>
+				<span class="right" id="">2015-12-23/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/devel/0.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">2/2</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/devel/index.html b/blog/list/devel/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/devel/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/device-review/0.html b/blog/list/device-review/0.html
new file mode 100644
index 0000000..bfda6bf
--- /dev/null
+++ b/blog/list/device-review/0.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a class="active" href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-12-06.html">小米 MIX 3 上手体验</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#device-review #hands-on</span>
+				<span class="right" id="">2018-12-06/2018-12-12</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-12-21.html">为什么我<i>就是不</i>使用Mac</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #device-review</span>
+				<span class="right" id="">2017-12-21/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-02-13.html">[多大图警告]ls /dev</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#device-review</span>
+				<span class="right" id="">2017-02-13/2018-12-09</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-05-12.html">ThinkPad X1 Yoga初体验</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#device-review</span>
+				<span class="right" id="">2016-05-12/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-11-22.html">Raspberry Pi2 初体验</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#hands-on #device-review</span>
+				<span class="right" id="">2015-11-22/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/device-review/index.html b/blog/list/device-review/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/device-review/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/garbage/0.html b/blog/list/garbage/0.html
new file mode 100644
index 0000000..fbcd8e3
--- /dev/null
+++ b/blog/list/garbage/0.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a class="active" href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/TOP.html">Readme_en</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage</span>
+				<span class="right" id="">2016-02-13/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-06-07.html">Should this site still be alive by 2035...</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage</span>
+				<span class="right" id="">2018-06-07/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-18.html">Ideology vs Pragmatism &amp;c.</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage</span>
+				<span class="right" id="">2018-05-18/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-08.html">Respecting your job</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage #acmicpc</span>
+				<span class="right" id="">2018-05-08/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-03.html">Are you an Apple fanboy/fangirl?</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #interactive</span>
+				<span class="right" id="">2018-05-03/2019-02-10</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/4</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/garbage/1.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/garbage/1.html b/blog/list/garbage/1.html
new file mode 100644
index 0000000..a80751e
--- /dev/null
+++ b/blog/list/garbage/1.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a class="active" href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-04-22.html">ICPC类比赛中计算几何问题之「乱象」</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #acmicpc</span>
+				<span class="right" id="">2018-04-22/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-04-17.html">The "Deepin is spyware" problem</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#linux #garbage #sophistry</span>
+				<span class="right" id="">2018-04-17/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-02-05.html">Does gaming make me merrier &amp; more relaxed or the opposite?</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage</span>
+				<span class="right" id="">2018-02-05/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-01-07.html">Trash dump for the fifth semester</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2018-01-07/2018-10-30</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-12-21.html">为什么我<i>就是不</i>使用Mac</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #device-review</span>
+				<span class="right" id="">2017-12-21/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/garbage/0.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">2/4</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/garbage/2.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/garbage/2.html b/blog/list/garbage/2.html
new file mode 100644
index 0000000..cfddbef
--- /dev/null
+++ b/blog/list/garbage/2.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a class="active" href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-11-25.html">A short post on Cakewalk's death and my music production</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#music #garbage</span>
+				<span class="right" id="">2017-11-25/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-06-29.html">Trash dump for the fourth semester</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2017-06-29/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-01-18.html">Trash dump for the third semester</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2017-01-09/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-01-09.html">[多大图警告]终究还是改不了修电脑的命</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#computer-repairing #garbage</span>
+				<span class="right" id="">2017-01-09/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-06-21.html">Trash dump for the first academic year</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #daily-life</span>
+				<span class="right" id="">2016-06-21/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/garbage/1.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">3/4</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/garbage/3.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/garbage/3.html b/blog/list/garbage/3.html
new file mode 100644
index 0000000..d5edd9a
--- /dev/null
+++ b/blog/list/garbage/3.html
@@ -0,0 +1,108 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a class="active" href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-10-31.html">大学入学两个月了……</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage</span>
+				<span class="right" id="">2015-10-31/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-10-29.html">noname01.pas</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage</span>
+				<span class="right" id="">2015-10-29/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/garbage/2.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">4/4</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/garbage/index.html b/blog/list/garbage/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/garbage/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/hands-on/0.html b/blog/list/hands-on/0.html
new file mode 100644
index 0000000..3ea01c5
--- /dev/null
+++ b/blog/list/hands-on/0.html
@@ -0,0 +1,108 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a class="active" href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-12-06.html">小米 MIX 3 上手体验</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#device-review #hands-on</span>
+				<span class="right" id="">2018-12-06/2018-12-12</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-11-22.html">Raspberry Pi2 初体验</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#hands-on #device-review</span>
+				<span class="right" id="">2015-11-22/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/hands-on/index.html b/blog/list/hands-on/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/hands-on/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/index.html b/blog/list/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/interactive/0.html b/blog/list/interactive/0.html
new file mode 100644
index 0000000..c3477e2
--- /dev/null
+++ b/blog/list/interactive/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a class="active" href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-03.html">Are you an Apple fanboy/fangirl?</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#garbage #interactive</span>
+				<span class="right" id="">2018-05-03/2019-02-10</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/interactive/index.html b/blog/list/interactive/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/interactive/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/js/0.html b/blog/list/js/0.html
new file mode 100644
index 0000000..314dc01
--- /dev/null
+++ b/blog/list/js/0.html
@@ -0,0 +1,108 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a class="active" href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-10-11.html">The stupid blogging system evolved!</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#web #devel #js</span>
+				<span class="right" id="">2018-10-11/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-02-18.html">Cross Noodles Recooked</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #js #webgl</span>
+				<span class="right" id="">2016-02-18/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/js/index.html b/blog/list/js/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/js/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/linux/0.html b/blog/list/linux/0.html
new file mode 100644
index 0000000..1cb5050
--- /dev/null
+++ b/blog/list/linux/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a class="active" href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-04-17.html">The "Deepin is spyware" problem</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#linux #garbage #sophistry</span>
+				<span class="right" id="">2018-04-17/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/linux/index.html b/blog/list/linux/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/linux/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/midi/0.html b/blog/list/midi/0.html
new file mode 100644
index 0000000..6857a74
--- /dev/null
+++ b/blog/list/midi/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a class="active" href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-04-09.html">The MIDI File Format Specification and MIDI Implementation in QMidiPlayer</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #midi</span>
+				<span class="right" id="">2016-04-09/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/midi/index.html b/blog/list/midi/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/midi/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/music/0.html b/blog/list/music/0.html
new file mode 100644
index 0000000..e1fe033
--- /dev/null
+++ b/blog/list/music/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a class="active" href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-11-25.html">A short post on Cakewalk's death and my music production</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#music #garbage</span>
+				<span class="right" id="">2017-11-25/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/music/index.html b/blog/list/music/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/music/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/opengl/0.html b/blog/list/opengl/0.html
new file mode 100644
index 0000000..6e4a8d1
--- /dev/null
+++ b/blog/list/opengl/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a class="active" href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-03-17.html">Some rants on SMELT, QMidiPlayer and Virtools</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #opengl</span>
+				<span class="right" id="">2018-03-17/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/opengl/index.html b/blog/list/opengl/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/opengl/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/qmidiplayer/0.html b/blog/list/qmidiplayer/0.html
new file mode 100644
index 0000000..d3719b6
--- /dev/null
+++ b/blog/list/qmidiplayer/0.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a class="active" href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-03-17.html">Some rants on SMELT, QMidiPlayer and Virtools</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #opengl</span>
+				<span class="right" id="">2018-03-17/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-09-24.html">2-in-1</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #c++ #qt</span>
+				<span class="right" id="">2016-09-24/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-04-09.html">The MIDI File Format Specification and MIDI Implementation in QMidiPlayer</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #midi</span>
+				<span class="right" id="">2016-04-09/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-01-16.html">QMidiPlayer Progress-2016-01-16</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer</span>
+				<span class="right" id="">2016-01-16/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-12-27.html">QMidiPlayer got its repo</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer</span>
+				<span class="right" id="">2015-12-27/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/qmidiplayer/index.html b/blog/list/qmidiplayer/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/qmidiplayer/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/qt/0.html b/blog/list/qt/0.html
new file mode 100644
index 0000000..945af5c
--- /dev/null
+++ b/blog/list/qt/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a class="active" href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-09-24.html">2-in-1</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #qmidiplayer #c++ #qt</span>
+				<span class="right" id="">2016-09-24/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/qt/index.html b/blog/list/qt/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/qt/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/random-xp/0.html b/blog/list/random-xp/0.html
new file mode 100644
index 0000000..df19b9a
--- /dev/null
+++ b/blog/list/random-xp/0.html
@@ -0,0 +1,113 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a class="active" href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-01-05.html">Now using reverse proxy to deliver content</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#web #random-xp</span>
+				<span class="right" id="">2018-01-05/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-12-20.html">忙</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#random-xp</span>
+				<span class="right" id="">2015-12-20/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2015-11-01.html">Hackathon 2015乱搞记</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#random-xp</span>
+				<span class="right" id="">2015-11-01/2015-11-22</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/random-xp/index.html b/blog/list/random-xp/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/random-xp/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/sophistry/0.html b/blog/list/sophistry/0.html
new file mode 100644
index 0000000..419e79b
--- /dev/null
+++ b/blog/list/sophistry/0.html
@@ -0,0 +1,123 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a class="active" href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-06-07.html">Should this site still be alive by 2035...</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage</span>
+				<span class="right" id="">2018-06-07/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-06-05.html">Software Project Management in the Free Software World</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry</span>
+				<span class="right" id="">2018-06-05/2018-10-16</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-18.html">Ideology vs Pragmatism &amp;c.</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage</span>
+				<span class="right" id="">2018-05-18/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-05-08.html">Respecting your job</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry #garbage #acmicpc</span>
+				<span class="right" id="">2018-05-08/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-04-17.html">The "Deepin is spyware" problem</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#linux #garbage #sophistry</span>
+				<span class="right" id="">2018-04-17/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/2</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="/blog/list/sophistry/1.html">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/sophistry/1.html b/blog/list/sophistry/1.html
new file mode 100644
index 0000000..7c53715
--- /dev/null
+++ b/blog/list/sophistry/1.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a class="active" href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-02-14.html">Why Do I Prefer a Computer over a Girlfriend/<s>(Boyfriend)</s></a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#sophistry</span>
+				<span class="right" id="">2016-02-14/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="/blog/list/sophistry/0.html">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">2/2</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/sophistry/index.html b/blog/list/sophistry/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/sophistry/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/web/0.html b/blog/list/web/0.html
new file mode 100644
index 0000000..11fc115
--- /dev/null
+++ b/blog/list/web/0.html
@@ -0,0 +1,113 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a class="active" href="/blog/list/web">web</a></li><li id=""><a href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-10-11.html">The stupid blogging system evolved!</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#web #devel #js</span>
+				<span class="right" id="">2018-10-11/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2018-01-05.html">Now using reverse proxy to deliver content</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#web #random-xp</span>
+				<span class="right" id="">2018-01-05/2018-10-11</span></div>
+			</div><div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2017-04-11.html">SBS 2.0 is now the default blog browser</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #web</span>
+				<span class="right" id="">2017-04-11/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/web/index.html b/blog/list/web/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/web/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
diff --git a/blog/list/webgl/0.html b/blog/list/webgl/0.html
new file mode 100644
index 0000000..2704318
--- /dev/null
+++ b/blog/list/webgl/0.html
@@ -0,0 +1,103 @@
+<html><head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Blog</title>
+<script type="text/javascript" src="/panel.js"></script>
+<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">
+<link rel="stylesheet" type="text/css" href="/blog/blogext.css">
+<script>
+function ol()
+{
+	window.onresize=function()
+	{
+		if(window.innerWidth<768)
+		setupevents();
+		else unsetevents();
+	}
+	window.onresize();
+}
+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 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);
+}
+loadTheme();
+</script>
+</head>
+<body onload="ol()" style="overflow-x:hidden;">
+	<div id="panel" class="TText">
+		<ul id="panellist">
+			<li><a href="/"><h1>Chrisoft</h1></a></li>
+			<li><a href="/blog"><h2>Blog</h2></a></li>
+			<li><span>Tags filter</span>
+			<ul id="tagslist">
+				
+				
+			<li id=""><a href="/blog/list/acmicpc">acmicpc</a></li><li id=""><a href="/blog/list/c++">c++</a></li><li id=""><a href="/blog/list/computer-repairing">computer-repairing</a></li><li id=""><a href="/blog/list/contest">contest</a></li><li id=""><a href="/blog/list/daily-life">daily-life</a></li><li id=""><a href="/blog/list/design">design</a></li><li id=""><a href="/blog/list/devel">devel</a></li><li id=""><a href="/blog/list/device-review">device-review</a></li><li id=""><a href="/blog/list/garbage">garbage</a></li><li id=""><a href="/blog/list/hands-on">hands-on</a></li><li id=""><a href="/blog/list/interactive">interactive</a></li><li id=""><a href="/blog/list/js">js</a></li><li id=""><a href="/blog/list/linux">linux</a></li><li id=""><a href="/blog/list/midi">midi</a></li><li id=""><a href="/blog/list/music">music</a></li><li id=""><a href="/blog/list/opengl">opengl</a></li><li id=""><a href="/blog/list/qmidiplayer">qmidiplayer</a></li><li id=""><a href="/blog/list/qt">qt</a></li><li id=""><a href="/blog/list/random-xp">random-xp</a></li><li id=""><a href="/blog/list/sophistry">sophistry</a></li><li id=""><a href="/blog/list/web">web</a></li><li id=""><a class="active" href="/blog/list/webgl">webgl</a></li></ul>
+			</li>
+		</ul>
+	</div>
+	<div id="content">
+		<div id="postslist">
+			
+		<div class="block TText" id="" style="display:block;">
+				<h3 style="line-height:1.5em;"><a id="" href="/blog/post/2016-02-18.html">Cross Noodles Recooked</a></h3>
+				<br>
+				<div style="display:table;width:100%;table-layout:fixed;"><span class="left" id="">#devel #js #webgl</span>
+				<span class="right" id="">2016-02-18/2018-10-11</span></div>
+			</div></div>
+		<div id="insanch" style="height:5em;"></div>
+		<div id="footer">
+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">
+			<span style="display:table-cell;"><a id="prepage" href="#">&lt;&lt;</a></span>
+			<span style="text-align:center;display:table-cell;" id="page">1/1</span>
+			<span style="text-align:right;display:table-cell;"><a id="nexpage" href="#">&gt;&gt;</a></span>
+		</div>
+		<div style="text-align:center;" class="TText">
+			Proudly powered by SSBS <reduced style="font-size:70%;">(the static stupid blogging system)</reduced> 2.5
+			<br>
+			Content licensed under CC BY-SA 4.0.
+		</div>
+		</div>
+	</div>
+
+
+</body></html>
\ No newline at end of file
diff --git a/blog/list/webgl/index.html b/blog/list/webgl/index.html
new file mode 120000
index 0000000..359ee56
--- /dev/null
+++ b/blog/list/webgl/index.html
@@ -0,0 +1 @@
+0.html
\ No newline at end of file
-- 
cgit v1.2.3