diff options
Diffstat (limited to 'blog/sbs_2')
-rw-r--r-- | blog/sbs_2/blogext.css | 65 | ||||
-rw-r--r-- | blog/sbs_2/bloglist.js | 216 | ||||
-rw-r--r-- | blog/sbs_2/blogpost.js | 103 | ||||
-rw-r--r-- | blog/sbs_2/cgi-bin/.htaccess | 3 | ||||
l--------- | blog/sbs_2/cgi-bin/get-archive-list.cgi | 1 | ||||
l--------- | blog/sbs_2/cgi-bin/get-post-content.cgi | 1 | ||||
-rw-r--r-- | blog/sbs_2/cgi-src/cgiutils.hpp | 245 | ||||
-rwxr-xr-x | blog/sbs_2/cgi-src/get-archive-list | bin | 0 -> 515680 bytes | |||
-rw-r--r-- | blog/sbs_2/cgi-src/get-archive-list.cpp | 200 | ||||
-rwxr-xr-x | blog/sbs_2/cgi-src/get-post-content | bin | 0 -> 39024 bytes | |||
-rw-r--r-- | blog/sbs_2/cgi-src/get-post-content.cpp | 83 | ||||
-rw-r--r-- | blog/sbs_2/decryptor.js | 73 | ||||
-rw-r--r-- | blog/sbs_2/footnoter.js | 24 | ||||
-rw-r--r-- | blog/sbs_2/index.html | 1 | ||||
-rw-r--r-- | blog/sbs_2/list | 94 | ||||
-rw-r--r-- | blog/sbs_2/post | 108 |
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 Binary files differnew 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 Binary files differnew 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();"><<</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();">>></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>
|