Initial commit.

16 files changed, 1217 insertions, 0 deletions

diff --git a/blog/sbs_2/blogext.css b/blog/sbs_2/blogext.css
new file mode 100644
index 0000000..7b6916c
--- /dev/null
+++ b/blog/sbs_2/blogext.css
@@ -0,0 +1,65 @@
+span.right{
+	display:table-cell;
+	text-align:right;
+	white-space:nowrap;
+	min-width:12em;
+}
+a.toctarg{
+	margin-left:-160px;
+	padding-left:160px !important;
+}
+ul#tagslist{
+	list-style-type:none;
+	padding-left:0;
+}
+ul#tocroot{
+	list-style-type:none;
+	padding-left:24px;
+}
+ul.tocnode{
+	list-style-type:none;
+	padding-left:16px;
+}
+span.left{
+	display:table-cell;
+	text-align:left;
+	text-overflow:ellipsis;
+	overflow:hidden;
+	white-space:nowrap;
+}
+div h3{
+	margin: 0.5em 0;
+}
+#content .block{
+	margin: 1em 0;
+}
+p{
+	text-indent:2em;
+}
+.noindent{
+	text-indent:0 !important;
+}
+note, .note {
+	vertical-align: super;
+	font-size: 60%;
+}
+reduced, .reduced {
+	font-size: 75%;
+}
+enlarged, .enlarged {
+	font-size: 125%;
+}
+blockquote {
+	padding: 1em;
+	margin-left:4em;margin-right:4em;
+}
+.rightaligned {
+	text-align: right;
+}
+.nospace{font-size:0;}
+.nospace>span{font-size:16px;}
+#decryptdlg{max-width:30%;}
+@media (max-width:768px)
+{
+	#decryptdlg{max-width:90%;}
+}
diff --git a/blog/sbs_2/bloglist.js b/blog/sbs_2/bloglist.js
new file mode 100644
index 0000000..c117afb
--- /dev/null
+++ b/blog/sbs_2/bloglist.js
@@ -0,0 +1,216 @@
+//License: Expat(MIT)
+//Chris Xiong 2017
+var pp=5,pn=0,animating,adir=1;
+var t,c,psw,curp,cbuf,cmdtl,flt;
+function request(url,func)
+{
+	var h=new XMLHttpRequest();
+	h.open("GET",url);
+	h.onload=()=>{func(h.response,h.status)};
+	h.send();
+}
+function parsetags(tgs)
+{
+	var r="";
+	var a=tgs.split(",");
+	r="#"+a[0];
+	for(var i=1;i<a.length;++i)r+=" #"+a[i];
+	return r;
+}
+function rmblk(i)
+{
+	var l=c.querySelectorAll("div.pendingrm");
+	if(i>=l.length)
+	{
+		setTimeout(function(){for(var i of l)c.removeChild(i);},500);
+		return;
+	}
+	var e=l.item(i);
+	var w=e.getBoundingClientRect().width;
+	e.style.left=adir*-1.3*w+"px";
+	setTimeout(rmblk,100,i+1);
+}
+function etrblk(i)
+{
+	var l=c.querySelectorAll("div.block:not(.pendingrm)");
+	if(!i)
+	{
+		for(var e of l)
+		if(e.id!="ptemplate")e.style.left=(adir*1.2*e.getBoundingClientRect().width)+"px";
+	}
+	if(i>=l.length)
+	{
+		setTimeout(()=>{animating=false;},500);
+		return;
+	}
+	var e=l.item(i);
+	if(e.id!="ptemplate")
+	e.style.left="0";
+	setTimeout(etrblk,100,i+1);
+}
+function setfilter(f,nlp)
+{
+	if(animating)return;
+	if(f[0]=='#')f=f.substr(1);
+	var ch=document.getElementById('tagslist').children;
+	var ff=false;
+	for(var i=0;i<ch.length;++i)
+	if(ch[i].children[0].innerHTML=="#"+f)
+	if(ch[i].children[0].classList.contains('active'))ch[i].children[0].classList.remove('active'),ff=true;
+	else ch[i].children[0].classList.add('active');else ch[i].children[0].classList.remove('active');
+	flt=f;if(ff)flt="";
+	pn=-1;if(!nlp)loadpage(0);
+}
+function modloc()
+{
+	var base=window.location.toString().substr(0,window.location.toString().search('/blog/list')+10);
+	var ret=base+(flt.length?'/'+flt:'')+'/'+pn;
+	window.history.replaceState("","Chrisoft::Blog",ret);
+}
+function loadpage(_pn)
+{
+	if(animating||_pn==pn)return;
+	if(_pn>pn)adir=1;else adir=-1;
+	pn=_pn;animating=true;modloc();
+	var l=c.querySelectorAll("div.block");
+	for(var i of l)
+	if(i.id!="ptemplate")
+	{
+		i.classList.add("pendingrm");
+		r=i.getBoundingClientRect();
+		i.style.top=(r.top-16)+"px";
+		i.style.left=r.left+"px";
+		i.style.width=r.width+"px";
+	}
+	for(var i of l)if(i.id!="ptemplate")i.style.position="fixed";
+	setTimeout(rmblk,10,0);
+	curp.innerHTML=(pn+1)+"/";
+	request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pc"+(flt.length?"&f="+flt:""),
+	function(r){curp.innerHTML+=Number(r).toString();});
+	request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pn="+pn+(flt.length?"&f="+flt:""),
+		function(r,s)
+		{
+			if(s!=200){animating=false;return;}
+			o=JSON.parse(r);
+			for(var i=0;i<o.postsOnPage;++i)
+			{
+				var e=t.cloneNode(true);
+				e.style.display="block";e.id="";
+				e.querySelector("h3").innerHTML='<a href=/blog/post/'+o.posts[i].filename+'>'+o.posts[i].title+'</a>';
+				e.querySelector("span.left").innerHTML=parsetags(o.posts[i].tags);
+				e.querySelector("span.right").innerHTML=o.posts[i].date;
+				c.insertBefore(e,psw);
+			}
+			setTimeout(etrblk,10,0);
+		}
+	);
+}
+function lastpage(){loadpage(pn-1<0?0:pn-1);}
+function nextpage(){request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pc"+(flt.length?"&f="+flt:""),function(r){var pc=Number(r);if(pn+1<pc)loadpage(pn+1);});}
+function blinit()
+{
+	var parr=window.location.pathname.substr(10).split('/');
+	var pflt="";ppn=0;
+	if(parr.length>1&&parr[1].length)
+	{
+		if(!isNaN(parr[1]))ppn=Number(parr[1]);
+		else if(parr.length>2&&parr[2].length&&!isNaN(parr[2])){pflt=parr[1];ppn=Number(parr[2]);}
+		else if(parr.length>=2)pflt=parr[1];
+	}
+	t=document.getElementById("ptemplate");
+	c=document.getElementById("content");
+	psw=document.getElementById("insanch");
+	curp=document.getElementById("curp");
+	cbuf=document.getElementById("cmdbuf");
+	document.onkeypress=keypress;
+	document.onkeydown=(e)=>{switch(e.key){case "ArrowLeft":lastpage();break;case "ArrowRight":nextpage();break;}};
+	request("/blog/cgi-bin/get-archive-list.cgi?gt",
+		(r)=>
+		{
+			o=JSON.parse(r);
+			for(var i=0;i<o.length;++i)
+			{
+				var l=document.createElement('li');
+				l.innerHTML='<a href="javascript:void(0);" onclick="setfilter(\''+o[i]+'\');">'+o[i]+"</a>";
+				document.getElementById('tagslist').appendChild(l);
+			}
+			pn=-1;setfilter("#"+pflt,true);loadpage(ppn);
+		}
+	);
+}
+
+function showcmdbuf()
+{
+	cbuf.style.opacity="1";
+	if(cmdtl){clearTimeout(cmdtl);cmdtl=0;}
+	cmdtl=setTimeout(execcmd,1000);
+}
+function execcmd()
+{
+	var v=false;
+	switch(cbuf.innerHTML)
+	{
+		case "h":case "k":
+			lastpage();v=true;
+		break;
+		case "j":case "l":
+			nextpage();v=true;
+		break;
+		case "gg":
+			loadpage(0);v=true;
+		break;
+		case "G":
+			v=true;
+			request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pc",
+				function(r){var pc=Number(r);loadpage(pc-1);}
+			);
+		break;
+		case "xyzzy":
+			cbuf.innerHTML="Going minesweeping!";
+			v=true;setTimeout(()=>{window.location.href="/minesweeper";},500);
+		break;
+	}
+	if(parseInt(cbuf.innerHTML).toString()+"G"==cbuf.innerHTML.trim())
+	{
+		v=true;
+		request("/blog/cgi-bin/get-archive-list.cgi?pp="+pp+"&pc",
+			function(r)
+			{var pc=Number(r),tpn=parseInt(cbuf.innerHTML)-1;if(tpn>=pc)tpn=pc-1;if(tpn<0)tpn=0;loadpage(tpn);}
+		);
+	}
+	if(cbuf.innerHTML[0]==':')
+	{
+		var sparr=cbuf.innerHTML.split(' ');
+		switch(sparr[0])
+		{
+			case ':setfilter':
+			case ':filter':
+			case ':flt':
+				v=true;
+				if(sparr.length<2)
+				{
+					cbuf.innerHTML='require 1 parameter';
+				}
+				else setfilter(sparr[1]);
+			break;
+			case ':nofilter':
+			case ':noflt':
+				v=true;
+				setfilter('');
+			break;
+		}
+	}
+	cbuf.style.opacity="0";
+	if(!v)cbuf.innerHTML="Unknown command.";
+}
+function keypress(e)
+{
+	if(cbuf.style.opacity=="0")cbuf.innerHTML="";
+	if(e.key.length==1)
+	{
+		cbuf.innerHTML+=e.key;showcmdbuf();
+		if(cbuf.innerHTML.length==1&&'hjkl'.search(cbuf.innerHTML)!=-1)
+		execcmd();
+	}
+	if(e.key=="Enter")execcmd();
+}
diff --git a/blog/sbs_2/blogpost.js b/blog/sbs_2/blogpost.js
new file mode 100644
index 0000000..4c17772
--- /dev/null
+++ b/blog/sbs_2/blogpost.js
@@ -0,0 +1,103 @@
+//License: Expat (MIT)
+//Chrisoft Xiong 2017
+var prev,succ,tocid=0,headerlist=[];
+function request(url,func)
+{
+	var h=new XMLHttpRequest();
+	h.open("GET",url);
+	h.onload=()=>{func(h.response,h.status)};
+	h.send();
+}
+function parsetags(tgs)
+{
+	var r="";
+	var a=tgs.split(",");
+	r="#"+a[0];
+	for(var i=1;i<a.length;++i)r+=" #"+a[i];
+	return r;
+}
+function dfs(el,le,p)
+{
+	var e=document.createElement('li');
+	e.innerHTML='<a class="toctarg" href="#tocanch'+tocid+'">'+el.innerHTML+'</a>';
+	le.appendChild(e);
+	el.id='tocanch'+(tocid++);
+	el.classList.add('tvis');
+	var che=null,i;
+	for(i=p+1;i<headerlist.length;)
+	{
+		if(headerlist[i].tagName<=el.tagName)break;
+		if(headerlist[i].classList.contains('notoc'))continue;
+		if(che===null)
+		{
+			var te=document.createElement('li');
+			che=document.createElement('ul');
+			che.classList.add('tocnode');
+			te.appendChild(che);
+			le.appendChild(te);
+		}
+		i=dfs(headerlist[i],che,i);
+	}
+	return i;
+}
+function bpinit()
+{
+	var parr=window.location.pathname.substr(10).split('/');
+	var pflt="";ppn=0;
+	if(parr.length>1&&parr[1].length)
+	{
+		request("/blog/cgi-bin/get-post-content.cgi?p="+parr[1],
+			(r,s)=>
+			{
+				if(s>=400)window.location="/blog";
+				var p1=r.search('\n');
+				var title=r.substr(0,r.search('\n'));
+				var p2=r.substr(p1+1).search('\n');
+				var date=r.substr(p1+1,p2);
+				var p3=r.substr(p1+p2+2).search('\n');
+				var tags=r.substr(p1+p2+2,p3);
+				document.getElementById("title").innerHTML=title;
+				document.getElementById("titleh").innerHTML=title;
+				document.getElementById("datetags").innerHTML=date+"<br>"+parsetags(tags);
+				document.getElementById("article").innerHTML=r.substr(p1+p2+p3+3);
+				var l=document.getElementById("article").querySelectorAll("script");
+				for(var i of l)
+				{
+					var s=document.createElement("script");
+					s.async=true;
+					s.src=i.src;
+					document.getElementById("article").appendChild(s);
+				}
+				var tgs=tags.split(',');
+				for(var i=0;i<tgs.length;++i)
+				{
+					var l=document.createElement('li');
+					l.innerHTML='<a href="/blog/list/'+tgs[i]+'/">'+tgs[i]+"</a>";
+					document.getElementById('tagslist').appendChild(l);
+				}
+				request("/blog/cgi-bin/get-archive-list.cgi?qn="+parr[1],
+				(r,s)=>
+				{
+					if(s>=400)return;
+					var o=JSON.parse(r);
+					prev=o.prev;succ=o.succ;
+				}
+				);
+				l=document.getElementById('article').querySelectorAll('h2,h3,h4,h5,h6');
+				var tocroot=document.getElementById('tocroot');
+				for(var i of l)
+				{
+					if(!i.classList.contains('notoc'))headerlist.push(i);
+				}
+				for(var i=0;i<headerlist.length;)i=dfs(headerlist[i],tocroot,i);
+				if(!tocroot.children.length)document.getElementById('tocouter').style.display='none';
+				for(var i=0;i<tgs.length;++i)
+				footnoter();
+				if(window.location.hash.length&&document.querySelector(window.location.hash))
+				window.scroll(window.scrollX,document.querySelector(window.location.hash).getBoundingClientRect().top);
+			}
+		);
+	}
+}
+function prevpost(){if(prev.length)window.location="/blog/post/"+prev;}
+function succpost(){if(succ.length)window.location="/blog/post/"+succ;}
diff --git a/blog/sbs_2/cgi-bin/.htaccess b/blog/sbs_2/cgi-bin/.htaccess
new file mode 100644
index 0000000..84df3ac
--- /dev/null
+++ b/blog/sbs_2/cgi-bin/.htaccess
@@ -0,0 +1,3 @@
+Options +ExecCGI
+AddHandler cgi-script cgi pl
+
diff --git a/blog/sbs_2/cgi-bin/get-archive-list.cgi b/blog/sbs_2/cgi-bin/get-archive-list.cgi
new file mode 120000
index 0000000..4024897
--- /dev/null
+++ b/blog/sbs_2/cgi-bin/get-archive-list.cgi
@@ -0,0 +1 @@
+../cgi-src/get-archive-list
\ No newline at end of file
diff --git a/blog/sbs_2/cgi-bin/get-post-content.cgi b/blog/sbs_2/cgi-bin/get-post-content.cgi
new file mode 120000
index 0000000..17ef753
--- /dev/null
+++ b/blog/sbs_2/cgi-bin/get-post-content.cgi
@@ -0,0 +1 @@
+../cgi-src/get-post-content
\ No newline at end of file
diff --git a/blog/sbs_2/cgi-src/cgiutils.hpp b/blog/sbs_2/cgi-src/cgiutils.hpp
new file mode 100644
index 0000000..3eca4dc
--- /dev/null
+++ b/blog/sbs_2/cgi-src/cgiutils.hpp
@@ -0,0 +1,245 @@
+/*
+ * Copyright 2017 Chris Xiong
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * "Software"), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
+ * BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
+ * ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+#ifndef CGILIB_HPP
+#define CGILIB_HPP
+#include <cstdlib>
+#include <map>
+#include <string>
+#include <vector>
+const char* base64_table="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
+std::string base64_encode(std::string s)
+{
+	std::string r="";
+	for(unsigned i=0;i<s.length();i+=3)
+	{
+		int b=(s[i]&0xFC)>>2;
+		r+=base64_table[b];
+		b=(s[i]&0x03)<<4;
+		if(i+1<s.length())
+		{
+			b|=(s[i+1]&0xF0)>>4;
+			r+=base64_table[b];
+			b=(s[i+1]&0x0F)<<2;
+			if(i+2<s.length())
+			{
+				b|=(s[i+2]&0xC0)>>6;
+				r+=base64_table[b];
+				b=s[i+2]&0x3F;
+				r+=base64_table[b];
+			}else r+=base64_table[b],r+='=';
+		}else r+=base64_table[b],r+="==";
+	}
+	return r;
+}
+void split(std::string s,char c,std::vector<std::string>& v)
+{
+	v.clear();
+	for(size_t anch=0;;)
+	{
+		std::string sec;
+		if(s.find(c,anch)==std::string::npos)
+		sec=s.substr(anch);
+		else sec=s.substr(anch,s.find(c,anch)-anch);
+		v.push_back(sec);
+		if(s.find(c,anch)==std::string::npos)break;
+		anch=s.find(c,anch)+1;
+	}
+}
+std::string trim(std::string s)
+{
+	int l=0;for(;isblank(s[l]);++l)
+	s=s.substr(l);
+	while(isblank(s.back()))s.pop_back();
+	return s;
+}
+class QueryStrParser
+{
+	private:
+		std::map<std::string,std::string> q;
+		void parse(std::string es)
+		{
+			for(size_t anch=0;;)
+			{
+				std::string sec;
+				if(es.find('&',anch)==std::string::npos)
+				sec=es.substr(anch);
+				else sec=es.substr(anch,es.find('&',anch)-anch);
+				if(sec.find('=')==std::string::npos)
+				q[sec.substr(0)]="";
+				else
+				q[sec.substr(0,sec.find('='))]=sec.substr(sec.find('=')+1);
+				if(es.find('&',anch)==std::string::npos)break;
+				anch=es.find('&',anch)+1;
+			}
+		}
+	public:
+		QueryStrParser()
+		{
+			char* e=getenv("QUERY_STRING");
+			if(!e)return;
+			parse(std::string(e));
+		}
+		QueryStrParser(std::string s)
+		{
+			parse(s);
+		}
+		bool exist(std::string s)
+		{
+			return q.find(s)!=q.end();
+		}
+		std::string value(std::string s)
+		{
+			if(!exist(s))return "";
+			return q.find(s)->second;
+		}
+};
+class RequestCookies
+{
+	private:
+		std::map<std::string,std::string> m;
+		void parse(std::string cookie)
+		{
+			std::vector<std::string> v;
+			split(cookie,';',v);
+		}
+	public:
+		RequestCookies()
+		{
+			char* e=getenv("HTTP_COOKIE");
+			if(!e)return;
+			parse(std::string(e));
+		}
+};
+class DOMAttrib
+{
+	private:
+		std::map<std::string,std::string> m;
+	public:
+		DOMAttrib(std::string s="")
+		{
+			for(size_t anch=0;;)
+			{
+				std::string sec;
+				if(s.find('"',anch)==std::string::npos)
+				sec=s.substr(anch);
+				else sec=s.substr(anch,s.find('"',s.find('"',anch)+1)-anch+1);
+				if(sec.find('=')==std::string::npos)
+				m[sec.substr(0)]="";
+				else
+				m[sec.substr(0,sec.find('='))]=sec.substr(sec.find('=')+2),
+				m[sec.substr(0,sec.find('='))].pop_back();
+				if(s.find(' ',anch+sec.length())==std::string::npos)break;
+				anch=s.find(' ',anch+sec.length())+1;
+			}
+		}
+		void setAttrib(std::string a,std::string v){m[a]=v;}
+		void eraseAttrib(std::string a){if(existAttrib(a))m.erase(m.find(a));}
+		bool existAttrib(std::string a){return m.find(a)!=m.end();}
+		std::string getAttrib(std::string a){if(!existAttrib(a))return "";return m[a];}
+		std::string to_string()
+		{
+			std::string r;bool cf=false;
+			for(auto i=m.begin();i!=m.end();++i)
+			{
+				if(cf)r+=' ';else cf=true;
+				r+=i->first+"=\""+i->second+"\"";
+			}
+			return r;
+		}
+};
+static const char* twoxx[]={
+	"OK",
+	"Created",
+	"Accepted",
+	"Non-Authoritative Information",
+	"No Content",
+	"Reset Content",
+	"Partial Content",
+	"Multi-Status",
+	"Already Reported"
+};
+static const char* threexx[]={
+	"Multiple Choices",
+	"Moved Permanently",
+	"Found",
+	"See Other",
+	"Not Modified",
+	"Use Proxy",
+	"???",
+	"Temporary Redirect"
+};
+static const char* fourxx[]={
+	"Bad Request",
+	"Unauthorized",
+	"Payment Required",
+	"Forbidden",
+	"Not Found",
+	"Method Not Allowed",
+	"Not Acceptable",
+	"Proxy Authentication Required",
+	"Request Timeout",
+	"Conflict",
+	"Gone",
+	"Length Required",
+	"Precondition Failed",
+	"Request Entity Too Large",
+	"Request-URI Too Long",
+	"Unsupported Media Type",
+	"Requested Range Not Satisfiable",
+	"Expectation Failed"
+};
+static const char* fivexx[]={
+	"Internal Server Error",
+	"Not Implemented",
+	"Bad Gateway",
+	"Service Unavailable",
+	"Gateway Timeout",
+	"HTTP Version Not Supported"
+};
+class HTTPHeader
+{
+private:
+	int status;
+	std::vector<std::string> hdr;
+public:
+	HTTPHeader(){status=200;}
+	void setStatusCode(int c){status=c;}
+	int statusCode(){return status;}
+	void appendHeader(std::string s){hdr.push_back(s);}
+	void print()
+	{
+		if(status>=200&&status<=208)
+		printf("Status: %d %s\r\n",status,twoxx[status-200]);
+		if(status>=300&&status<=307)
+		printf("Status: %d %s\r\n",status,threexx[status-300]);
+		if(status>=400&&status<=417)
+		printf("Status: %d %s\r\n",status,fourxx[status-400]);
+		if(status>=500&&status<=505)
+		printf("Status: %d %s\r\n",status,fivexx[status-500]);
+		for(unsigned i=0;i<hdr.size();++i)
+		printf("%s\r\n",hdr[i].c_str());
+		printf("\r\n");
+	}
+};
+#endif
diff --git a/blog/sbs_2/cgi-src/get-archive-list b/blog/sbs_2/cgi-src/get-archive-list
new file mode 100755
index 0000000..4285a4d
--- /dev/null
+++ b/blog/sbs_2/cgi-src/get-archive-list
diff --git a/blog/sbs_2/cgi-src/get-archive-list.cpp b/blog/sbs_2/cgi-src/get-archive-list.cpp
new file mode 100644
index 0000000..28f316d
--- /dev/null
+++ b/blog/sbs_2/cgi-src/get-archive-list.cpp
@@ -0,0 +1,200 @@
+/*
+ * Copyright 2017 Chris Xiong
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * "Software"), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
+ * BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
+ * ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+/*
+ * Get list of archives
+ * query parameters:
+ * pn=<int>: page number, defaults to 0
+ * pp=<int>: number of posts per page, defaults to 20
+ * pc: if exists, gets how many pages are there from the current pp value
+ * f: tag filter.
+ * gt: get a list of tags used by posts instead.
+ * qn=<filename>: query the neibouring posts of the given post.
+ * returned object:
+ * A number if pc exists denoting number of pages.
+ * Or the following JSON object if gf exists.
+ * ["tag1","tag2",...]
+ * Or the following JSON object if qn exists.
+ * {
+ * 	"prev": <last post>
+ * 	"succ": <next post>
+ * }
+ * Otherwise returns archive list in JSON:
+ * {
+ * 	"postsPerPage": <requested pp>
+ * 	"postsOnPage": <number of posts on this page>
+ * 	"page": <requested pn>
+ * 	"posts": [
+ * 		{
+ * 			"filename": ...
+ * 			"title": ...
+ * 			"date": ...
+ * 			"tags": ...
+ * 		},
+ * 		...
+ * 	]
+ * }
+ */
+#include <dirent.h>
+#include <sys/types.h>
+#include <sys/stat.h>
+#include <unistd.h>
+#include <cstdio>
+#include <cstring>
+#include <algorithm>
+#include <functional>
+#include <vector>
+#include <map>
+#include <set>
+#include <string>
+#include "cgiutils.hpp"
+#define stripr(s) s[strlen(s)-1]=='\n'?s[strlen(s)-1]=0:0
+struct post
+{
+	std::string t,d,tg;
+};
+std::map<std::string,post,std::greater<std::string>> f;
+char buf[65536];
+int main(int argc,char** argv,char** envp)
+{
+	struct stat idxs,cdirs;
+	stat("/var/www/html/blog/content/pindex",&idxs);
+	stat("/var/www/html/blog/content",&cdirs);
+	if(cdirs.st_mtim.tv_sec>idxs.st_mtim.tv_sec)
+	system("/var/www/html/blog/content/util/indexer > /dev/null 2> /dev/null");
+	QueryStrParser a;
+	FILE *fidx=fopen("/var/www/html/blog/content/pindex","r");
+	while(fgets(buf,65536,fidx))
+	{
+		stripr(buf);std::vector<std::string> v;
+		split(std::string(buf),'\t',v);
+		if(v.size()==4)
+		f[v[0]]=post{v[1],v[2],v[3]};
+	}
+	fclose(fidx);
+	HTTPHeader h;
+	if(a.exist("gt"))
+	{
+		std::set<std::string> s;
+		std::vector<std::string> v;
+		for(auto i=f.begin();i!=f.end();++i)
+		{
+			split(i->second.tg,',',v);
+			for(size_t j=0;j<v.size();++j)
+			s.insert("\"#"+v[j]+"\"");
+		}
+		h.appendHeader("Content-type: text/plain; charset=utf-8");
+		h.print();
+		printf("[");
+		auto it=s.begin();
+		printf("%s",it->c_str());
+		while(++it!=s.end())printf(",%s",it->c_str());
+		printf("]");
+	}
+	else
+	{
+		if(a.exist("f"))
+		for(auto i=f.begin();i!=f.end();)
+		{
+			std::vector<std::string> v;
+			split(i->second.tg,',',v);
+			std::set<std::string> sv=std::set<std::string>(v.begin(),v.end());
+			if(sv.find(a.value("f"))==sv.end()){auto t=i++;f.erase(t);}
+			else i++;
+		}
+		if(a.exist("pc"))
+		{
+			int pp=0;
+			if(!a.exist("pp"))pp=20;
+			else{
+				try{
+					pp=std::stoi(a.value("pp"));
+				}catch(std::exception e){h.setStatusCode(400);}
+			}
+			if(!pp)h.setStatusCode(400);
+			h.appendHeader("Content-type: text/plain; charset=utf-8");
+			h.print();
+			printf("%lu\n",f.size()/pp+((f.size()%pp)?1:0));
+			return 0;
+		}
+		else if(a.exist("qn"))
+		{
+			if(f.find(a.value("qn"))==f.end())
+			h.setStatusCode(400);
+			h.print();if(h.statusCode()>=400)return 0;
+			auto i=f.find(a.value("qn"));
+			std::string pr="",sc="";
+			auto t=i;if(t!=f.begin())pr=(--t)->first;
+			t=i;if(!(++t==f.end()))sc=t->first;
+			printf("{\"prev\":\"%s\",\"succ\":\"%s\"}",sc.c_str(),pr.c_str());
+			return 0;
+		}
+		else
+		{
+			unsigned pp=20,pn=0;
+			if(!a.exist("pp"))pp=20;
+			else{
+				try{
+					pp=std::stoi(a.value("pp"));
+				}catch(std::exception e){h.setStatusCode(400);}
+			}
+			if(!a.exist("pn"))pn=0;
+			else{
+				try{
+					pn=std::stoi(a.value("pn"));
+				}catch(std::exception e){h.setStatusCode(400);}
+			}
+			if(!pp)h.setStatusCode(400);
+			if(pn>=f.size()/pp+((f.size()%pp)?1:0))h.setStatusCode(400);
+			int rpp=(pn!=f.size()/pp+((f.size()%pp)?1:0)-1)?pp:
+			f.size()-pp*(f.size()/pp+((f.size()%pp)?1:0)-1);
+			h.appendHeader("Content-type: text/plain; charset=utf-8");
+			h.print();
+			if(h.statusCode()>=400)return 0;
+			puts("{");
+			printf("\t\"postsPerPage\":%d,\n",pp);
+			printf("\t\"postsOnPage\":%d,\n",rpp);
+			printf("\t\"page\":%d,\n",pn);
+			puts("\t\"posts\": [");
+			auto it=f.begin();std::advance(it,pn*pp);
+			for(int i=0;i<rpp-1;++i)
+			{
+				puts("\t\t{");
+				printf("\t\t\t\"filename\":\"%s\",\n",it->first.c_str());
+				printf("\t\t\t\"title\":\"%s\",\n",it->second.t.c_str());
+				printf("\t\t\t\"date\":\"%s\",\n",it->second.d.c_str());
+				printf("\t\t\t\"tags\":\"%s\"\n",it->second.tg.c_str());
+				puts("\t\t},");++it;
+			}
+			puts("\t\t{");
+			printf("\t\t\t\"filename\":\"%s\",\n",it->first.c_str());
+			printf("\t\t\t\"title\":\"%s\",\n",it->second.t.c_str());
+			printf("\t\t\t\"date\":\"%s\",\n",it->second.d.c_str());
+			printf("\t\t\t\"tags\":\"%s\"\n",it->second.tg.c_str());
+			puts("\t\t}");
+			puts("\t]");
+			puts("}");
+		}
+	}
+	return 0;
+}
diff --git a/blog/sbs_2/cgi-src/get-post-content b/blog/sbs_2/cgi-src/get-post-content
new file mode 100755
index 0000000..e6701c8
--- /dev/null
+++ b/blog/sbs_2/cgi-src/get-post-content
diff --git a/blog/sbs_2/cgi-src/get-post-content.cpp b/blog/sbs_2/cgi-src/get-post-content.cpp
new file mode 100644
index 0000000..62cd5d8
--- /dev/null
+++ b/blog/sbs_2/cgi-src/get-post-content.cpp
@@ -0,0 +1,83 @@
+/*
+ * Copyright 2017 Chris Xiong
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining
+ * a copy of this software and associated documentation files (the
+ * "Software"), to deal in the Software without restriction, including
+ * without limitation the rights to use, copy, modify, merge, publish,
+ * distribute, sublicense, and/or sell copies of the Software, and to
+ * permit persons to whom the Software is furnished to do so, subject to
+ * the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+ * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS
+ * BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN
+ * ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+/*
+ * Get content of a post
+ * query parameters:
+ * p=<string>: post file name
+ * returned object:
+ * HTML fragment of the post
+ */
+#include <dirent.h>
+#include <cstdio>
+#include <cstring>
+#include <algorithm>
+#include <functional>
+#include <vector>
+#include <string>
+#include "cgiutils.hpp"
+#define stripr(s) s[strlen(s)-1]=='\n'?s[strlen(s)-1]=0:0
+std::vector<std::string> fn;
+char buf[262144];
+size_t sz;
+void encrypt()
+{
+	std::string b(buf,sz);
+	for(size_t p=b.find("<encrypted"),i=0;p!=std::string::npos;p=b.find("<encrypted",p),++i)
+	{
+		size_t tag_end=b.find(">",p);
+		std::string attrib=b.substr(p+11,tag_end-p-11);
+		DOMAttrib a(attrib);
+		std::string cont=b.substr(tag_end+1,b.find("</encrypted>",p)-tag_end-1);
+		unsigned hash=5381;
+		std::string key=a.getAttrib("key");
+		a.eraseAttrib("key");
+		for(size_t j=0;j<cont.length();++j)
+		{
+			hash=((hash<<5)+hash)+*reinterpret_cast<unsigned char*>(&cont[j]);
+			cont[j]^=key[j%key.length()];
+		}
+		a.setAttrib("encont",base64_encode(cont));
+		a.setAttrib("hash",std::to_string(hash));
+		a.setAttrib("id","encrypted"+std::to_string(i));
+		cont="Encrypted content here. Click <a href=\"javascript:void(0)\" onclick=\"decryptui("+std::to_string(i)+")\">here</a> to decrypt.";
+		b.replace(p,b.find("</encrypted>",p)-p,"<encrypted "+a.to_string()+">"+cont);
+		p=b.find("</encrypted>",p);
+	}
+	memcpy(buf,b.c_str(),b.length());sz=b.length();
+}
+int main(int argc,char** argv,char** envp)
+{
+	QueryStrParser a;
+	HTTPHeader h;
+	if(!a.exist("p")){h.setStatusCode(400);h.print();return 0;}
+	FILE* f=fopen(("/var/www/html/blog/content/"+a.value("p")+".txt").c_str(),"r");
+	if(!f){h.setStatusCode(400);h.print();return 0;}
+	h.appendHeader("Content-type: text/plain; charset=utf-8");
+	h.print();
+	sz=fread(buf,sizeof(char),262144,f);
+	encrypt();
+	fwrite(buf,sizeof(char),sz,stdout);
+	fclose(f);
+	return 0;
+}
diff --git a/blog/sbs_2/decryptor.js b/blog/sbs_2/decryptor.js
new file mode 100644
index 0000000..dcd64e3
--- /dev/null
+++ b/blog/sbs_2/decryptor.js
@@ -0,0 +1,73 @@
+//License: Expat(MIT)
+//Chrisoft Xiong 2017
+// http://www.onicos.com/staff/iz/amuse/javascript/expert/utf.txt
+function Utf8ArrayToStr(array){
+    var out,i,len,c;
+    var char2,char3;
+    out="";
+    len=array.length;
+    i=0;
+    while(i<len){
+		c=array[i++];
+		switch(c>>4)
+		{
+		  case 0:case 1:case 2:case 3:case 4:case 5:case 6:case 7:
+			// 0xxxxxxx
+			out+=String.fromCharCode(c);
+			break;
+		  case 12:case 13:
+			// 110x xxxx   10xx xxxx
+			char2=array[i++];
+			out+=String.fromCharCode(((c&0x1F)<<6)|(char2&0x3F));
+			break;
+		  case 14:
+			// 1110 xxxx  10xx xxxx  10xx xxxx
+			char2=array[i++];
+			char3=array[i++];
+			out+=String.fromCharCode(((c&0x0F)<<12)|
+						   ((char2&0x3F)<<6)|
+						   ((char3&0x3F)<<0));
+			break;
+		}
+    }
+    return out;
+}
+var decid;
+function decryptui(id)
+{
+	document.getElementById("decryptui").style.display="block";
+	document.getElementById("keyinp").focus();
+	setTimeout(function(){document.getElementById("decryptui").style.opacity="1";},20);
+	decid=id;
+	document.getElementById("keyhint").innerHTML="Hint: "+document.getElementById("encrypted"+id).getAttribute("hint");
+	document.getElementById("keyinp").onkeypress=function(e){if(e.keyCode==13)document.getElementById('btndecrypt').click();}
+}
+function hidedecryptui()
+{
+	document.getElementById("decryptui").style.opacity="0";
+	setTimeout(function(){
+		document.getElementById("decryptui").style.display="none";
+		document.getElementById("keyinp").value="";
+	},500);
+}
+function decryptor(id,key)
+{
+	var e=document.getElementById("encrypted"+id);
+	var cont=e.getAttribute("encont");
+	var bc=atob(cont);
+	var b=new Array(bc.length);
+	for(var i=0;i<bc.length;++i)b[i]=bc.charCodeAt(i);
+	var lkey=key.length;
+	var u8arr=new Uint8Array(b);
+	var hash=5381;
+	for(var i=0;i<u8arr.length;++i){u8arr[i]^=key.charCodeAt(i%lkey);hash=(hash*33)+u8arr[i];hash%=4294967296;}
+	if(hash!=parseInt(e.getAttribute("hash")))
+	{
+		alert("The decryption key you have entered could be wrong, please try again.");
+		return;
+	}
+	//e.innerHTML=new TextDecoder("utf-8").decode(u8arr);
+	e.innerHTML=Utf8ArrayToStr(u8arr);
+	footnoter();
+	hidedecryptui();
+}
diff --git a/blog/sbs_2/footnoter.js b/blog/sbs_2/footnoter.js
new file mode 100644
index 0000000..a1b2d8b
--- /dev/null
+++ b/blog/sbs_2/footnoter.js
@@ -0,0 +1,24 @@
+//License: MIT
+//Chrisoft Xiong 2017
+var starting=0;
+function footnoter()
+{
+	var footnotes=document.body.getElementsByTagName("footnote");
+	for(var i=0;i<footnotes.length;++i)
+	{
+		var s=footnotes[i].innerHTML;
+		footnotes[i].innerHTML="";//IE is stupid
+		var a=document.createElement("a");
+		a.setAttribute("id","n"+(starting+i+1));
+		a.setAttribute("href","#note"+(starting+i+1));
+		a.setAttribute("class","note");
+		a.innerHTML="["+(starting+i+1)+"]";
+		footnotes[i].parentNode.insertBefore(a,footnotes[i]);
+		var span=document.createElement("span");
+		span.setAttribute("class","TText");
+		span.innerHTML="<a id=\"note"+(starting+i+1)+"\" href=\"#n"+(starting+i+1)+"\">["+(starting+i+1)+"]</a>: "+s+"<br>";
+		document.getElementById("notediv").appendChild(span);
+	}
+	starting+=footnotes.length;
+	while(footnotes.length)footnotes[0].remove();
+}
diff --git a/blog/sbs_2/index.html b/blog/sbs_2/index.html
new file mode 100644
index 0000000..d7c31c9
--- /dev/null
+++ b/blog/sbs_2/index.html
@@ -0,0 +1 @@
+<script>window.location="list/"</script> 
diff --git a/blog/sbs_2/list b/blog/sbs_2/list
new file mode 100644
index 0000000..e1f751e
--- /dev/null
+++ b/blog/sbs_2/list
@@ -0,0 +1,94 @@
+<!DOCTYPE html>

+<html>

+<head>

+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

+<meta name="viewport" content="width=device-width,initial-scale=1">

+<title>Chrisoft::Blog</title>

+<script type="text/javascript" src="/panel.js"></script>

+<script type="text/javascript" src="/blog/bloglist.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();

+	blinit();

+}

+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;

+	}

+}

+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">

+			</ul>

+			</li>

+		</ul>

+	</div>

+	<div id="content">

+		<div class="block TText" id="ptemplate" style="position:relative;transition:500ms;">

+			<h3 style="line-height:1.5em;">Title</h3>

+			<br>

+			<div style="display:table;width:100%;table-layout:fixed;"><span class="left">tags</span>

+			<span class="right">time</span></div>

+		</div>

+		<div id="insanch" style="height:5em;"></div>

+		<div id="footer" style="">

+		<div id="pagesw" class="TText" style="display:table;width:100%;padding:1em 0;">

+			<span style="display:table-cell;"><a href="javascript:void(0);" onclick="lastpage();">&lt;&lt;</a></span>

+			<span style="text-align:center;display:table-cell;" id="curp"></span>

+			<span style="text-align:right;display:table-cell;"><a href="javascript:void(0);" onclick="nextpage();">&gt;&gt;</a></span>

+		</div>

+		<div style="text-align:center;" class="TText">

+			Proudly powered by SBS <reduced style="font-size:70%;">(the stupid blogging system)</reduced> 2.1

+			<br>

+			Content licensed under CC BY-SA 4.0.

+		</div>

+		</div>

+		<div id="cmdbuf" class="TText" style="transition:500ms;padding:1em;font-size:2em;color:white;position:absolute;background-color:rgba(0,0,0,0.6);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;">

+		</div>

+	</div>

+</body>

+</html>

diff --git a/blog/sbs_2/post b/blog/sbs_2/post
new file mode 100644
index 0000000..4ea512d
--- /dev/null
+++ b/blog/sbs_2/post
@@ -0,0 +1,108 @@
+<!DOCTYPE html>

+<html>

+<head>

+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

+<meta name="viewport" content="width=device-width,initial-scale=1">

+<title>Chrisoft::Blog</title>

+<script type="text/javascript" src="/panel.js"></script>

+<script type="text/javascript" src="/blog/blogpost.js"></script>

+<script type="text/javascript" src="/blog/footnoter.js"></script>

+<script type="text/javascript" src="/blog/decryptor.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();

+	bpinit();

+}

+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;

+	}

+}

+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><a href="#"><h3 id="title"></h3></a></li>

+			<li><span>Tags</span>

+			<ul id="tagslist">

+			</ul>

+			</li>

+			<li id="tocouter">

+				<span>Table of Contents</span>

+				<ul id="tocroot">

+				</ul>

+			</li>

+			<li style="margin-left:-0.5em"><a href="javascript:void(0);" onclick="prevpost();">Prev post</a></li>

+			<li style="margin-left:-0.5em"><a href="javascript:void(0);" onclick="succpost();">Next post</a></li>

+		</ul>

+	</div>

+	<div id="content">

+		<h2 id="titleh" class="TText" style="font-wight:normal;"></h2>

+		<div id="datetags" class="TText" style="margin-bottom:1em;"></div>

+		<div id="article" class="TText"></div><br><hr>

+		<div class="TText" id="notediv" style="font-size:80%;"></div>

+		<div id="insanch" style="height:3em;"></div>

+		<div id="footer" style="">

+		<div id="pagesw" class="TText" style="width:100%;height:0.5em;"></div>

+			<div style="text-align:center;" class="TText">

+				Proudly powered by SBS <reduced style="font-size:70%;">(the stupid blogging system)</reduced> 2.1

+				<br>

+				Content licensed under CC BY-SA 4.0.

+			</div>

+		</div>

+		<div id="cmdbuf" class="TText" style="transition:500ms;padding:1em;font-size:2em;color:white;position:absolute;background-color:rgba(0,0,0,0.6);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;">

+		</div>

+	</div>

+	<div id="decryptui" style="display:none;opacity:0;color:white;z-index:10;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);transition:opacity 0.5s;">

+		<div id="decryptdlg" class="TText" style="padding:10px 20px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.6);">

+			<div id="keyhint" style="margin-bottom:8px;"></div>

+			<div style="margin-bottom:8px;">Key: <input id="keyinp" type="text"></div>

+			<div style="height:2.25em;">

+			<button id="btndecrypt" onclick="decryptor(decid,document.getElementById('keyinp').value);" style="position:absolute;left:20px;">Decrypt</button>

+			<button onclick="hidedecryptui();" style="position:absolute;right:20px;">Cancel</button>

+			</div>

+		</form>

+	</div>

+</body>

+</html>