summaryrefslogtreecommitdiff
path: root/index.shtml
diff options
context:
space:
mode:
Diffstat (limited to 'index.shtml')
-rw-r--r--index.shtml645
1 files changed, 645 insertions, 0 deletions
diff --git a/index.shtml b/index.shtml
new file mode 100644
index 0000000..7f2907d
--- /dev/null
+++ b/index.shtml
@@ -0,0 +1,645 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width">
+<meta name="theme-color" content="#000000">
+<title>Chrisoft::Home</title>
+<link rel="icon" href="./favicon.png">
+<link rel="preload" href="/themes.svg" as="image">
+<link rel="me" href="https://c.im/@chirs241097">
+<link rel="stylesheet" type="text/css" href="common.css">
+<link rel="stylesheet" type="text/css" href="panel.css">
+<link rel="stylesheet" type="text/css" href="theme0a.css" id="theme0a">
+<link rel="stylesheet" type="text/css" href="theme0b.css" id="theme0b">
+<link rel="stylesheet" type="text/css" href="theme1a.css" id="theme1a">
+<link rel="stylesheet" type="text/css" href="theme1b.css" id="theme1b">
+<link rel="stylesheet" type="text/css" href="theme2a.css" id="theme2a">
+<link rel="stylesheet" type="text/css" href="theme2b.css" id="theme2b">
+<link rel="stylesheet" type="text/css" href="theme3a.css" id="theme3a">
+<link rel="stylesheet" type="text/css" href="theme3b.css" id="theme3b">
+<style>
+ reduced{font-size:75%;}
+ details{padding:.5em .5em 0 .2em;}
+ #msgform{width:50%;margin:auto;}
+ @media (max-width:768px)
+ {#msgform{width:auto;margin:1em;}}
+</style>
+</head>
+<!--
+The source code of this site, including all HTML, JavaScript and CSS
+files, are licensed under the terms of the Expat(MIT) License.
+Contents are licensed under the CC BY-SA 4.0 license.
+-->
+<body onload="swonload();">
+<script type="text/javascript" src="panel.js"></script>
+<script type="text/javascript" src="themer.js"></script>
+<script type="text/javascript">
+function changeImage(a,b){
+ document.getElementById(a).style.display='inline';
+ document.getElementById(b).style.display='none';
+}
+function showthemesw(){
+ document.getElementById('themesw').style.display='block';
+ setTimeout(()=>{document.getElementById('themesw').style.opacity='1';},20);
+}
+function hidethemesw(){
+ document.getElementById('themesw').style.opacity='0';
+ setTimeout(()=>{document.getElementById('themesw').style.display='none';},515);
+}
+function getcookie(key)
+{return document.cookie.replace(new RegExp('(?:(?:^|.*;\\s*)'+key+'\\s*\\=\\s*([^;]*).*$)|^.*$'),'$1');}
+function changeTheme(a,b){
+ var thm=getcookie('thm');
+ if(!thm.length)thm='zz';
+ if(a.length&&'0123z'.indexOf(a[0])!=-1)thm=a[0]+thm[1];
+ if(b.length&&'abz'.indexOf(b[0])!=-1)thm=thm[0]+b[0];
+ document.cookie=`thm=${thm};max-age=126144000`;
+ loadTheme();
+}
+function toggleblkdisplay(e){
+ var E=document.getElementById(e);
+ E.style.display=E.style.display=='none'?'block':'none';
+}
+function contsw(cont){
+ var lst=document.getElementById('content').getElementsByClassName('block');
+ for(var i=0;i<lst.length;++i)
+ lst.item(i).style.display='none';
+ if(document.getElementById(cont)===null)cont='main';
+ document.getElementById(cont).style.display='block';
+ lst=document.getElementById('panellist').getElementsByTagName('a');
+ for(var i=0;i<lst.length;++i)
+ lst.item(i).classList.remove('active');
+ document.getElementById(cont+'lk').classList.add('active');
+}
+function swonload(){
+ window.onresize=function()
+ {
+ if(window.innerWidth<768)
+ setupevents();
+ else unsetevents();
+ }
+ window.onresize();
+ loadTheme();
+ if(!location.hash.length)contsw('main');
+ else contsw(location.hash.substr(1));
+ /*var unsupportedpf=['Macintosh','MacIntel','MacPPC','Mac68K','iPhone','iPad','iPod'];
+ if(unsupportedpf.indexOf(window.navigator.platform)!==-1)
+ document.getElementById('appleouter').style.display='block';*/
+}
+</script>
+ <div id="panel" class="TText">
+ <ul id="panellist">
+ <li><a id="mainlk" href="#" onclick="contsw('main');"><h1>Chrisoft</h1></a></li>
+ <li><a id="projectslk" href="#projects" onclick="contsw('projects');">Projects</a></li>
+ <li><a id="bloglk" href="#blog" onclick="contsw('blog');">Blog</a></li>
+ <li><a id="librarylk" href="#library" onclick="contsw('library');">Library</a></li>
+ <li><a id="guestbooklk" href="#guestbook" onclick="contsw('guestbook');">Guestbook</a></li>
+ <li><a id="aboutlk" href="#about" onclick="contsw('about');">About</a></li>
+ <li><a id="linkslk" href="#links" onclick="contsw('links');">Links</a></li>
+ <li><a href="javascript:showthemesw()">Themes</a></li>
+ </ul>
+ </div>
+ <div id="content" class="TText">
+ <div class="block" id="main">
+ <h2>Yet another wandering programmer</h2><hr>
+ <p>
+ Welcome to the home page of Chris Xiong, a Chinese programmer living overseas.
+ </p>
+ <p>
+ You will find my works, collections and pieces of thoughts here.
+ </p>
+ <p>
+ Have fun exploring!
+ </p>
+ <!--<p id="appleouter" style="display:none;">
+ <b>Please read [<a href="https://stallman.org/apple.html" rel="external" target="_blank" onclick="document.getElementById('apple').style.display='block';">this</a>] in case of any trouble, Your Excellency.</b>
+ <div id="apple" class="block" style="display:none;"><p>
+ <s>The owner of this site doesn't have any Apple devices that can go online so</s> you may experience major problems browsing this site. If you consider this unacceptable, you may donate me an Apple device. Please mail your generous donation to <code>/dev/null</code>.
+ </p></div>
+ </p>-->
+ </div>
+ <div class="block" id="projects">
+ <h2>Projects</h2><hr>
+ <p>
+ Here's an incomplete list of projects maintained by me. You may find more projects listed in my <a href="https://cgit.chrisoft.org/">code library</a>, or under my GitHub profile.
+ </p>
+ <p>
+ For projects with license files, please refer to them for licensing details.
+ Other projects, especially the old inactive ones, are provided "as-is", licensed under the terms of the Expat (MIT) license and
+ come with <strong>ABSOLUTELY NO WARRANTY</strong>. Use them at your own risk.
+ </p>
+ <h3 style="font-weight:normal;">Active Projects</h3>
+ <ul>
+ <li>deduper
+ <reduced>
+ <a href="https://cgit.chrisoft.org/deduper.git/">
+ [details]</a>
+ <a href="javascript:toggleblkdisplay('dedp-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="dedp-desc">
+ Scans local images for duplicates.
+ Also provides reverse image search for your local images.
+ Implements a variant of the algorithm described in "An
+ image signature for any kind of image", doi:
+ 10.1109/ICIP.2002.1038047.
+ </div>
+ </reduced>
+ </li>
+ <li>it2midi
+ <reduced>
+ <a href="https://cgit.chrisoft.org/it2midi.git/">
+ [details]</a>
+ <a href="javascript:toggleblkdisplay('it2m-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="it2m-desc">
+ An effort to rewrite my old it2midi.cpp in Rust.
+ A versatile IT (impulse tracker) to MIDI converter.
+ Currently it's moulting into a fully-fledged mod
+ player.
+ </div>
+ </reduced>
+ </li>
+ <li>QMidiPlayer
+ <reduced><a href="./QMidiPlayer">[details]</a>
+ <a href="javascript:toggleblkdisplay('qmp-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="qmp-desc">
+ A feature-rich cross-platform MIDI player with UI
+ inspired by vanBasco's Karaoke Player and QSynth.
+ It has a comprehensive plugin interface to
+ provide extra functionalities.
+ </div>
+ </li>
+ <li>SMELT
+ <reduced>
+ <a href="https://github.com/BearKidsTeam/SMELT">
+ [details]</a>
+ <a href="javascript:toggleblkdisplay('smlt-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="smlt-desc">
+ SMELT is a set of classes that provide hardware-accelerated
+ graphics, input handling and optionally, audio output.
+ SMELT is used extensively in my other projects.
+ </div>
+ </li>
+ <li>lightsd
+ <reduced>
+ <a href="https://github.com/chirs241097/lightsd">
+ [details]</a>
+ <a href="javascript:toggleblkdisplay('litd-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="litd-desc">
+ Auto brightness for Linux, without requiring
+ a desktop environment or systemd.
+ </div>
+ </reduced>
+ </li>
+ <li>Touhou BGM Remix
+ <reduced><a href="./thbgmremix">[details]</a>
+ <a href="javascript:toggleblkdisplay('thbgm-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="thbgm-desc">
+ The only project that has nothing to do with
+ programming here. These packages provide remixed
+ BGM in a more modern style for legacy Touhou Project
+ releases. It may sound worse or better. You decide.
+ </div>
+ </li>
+ </ul>
+ <h3 style="font-weight:normal;">Contributed Projects</h3>
+ <p>
+ I've made contributions to these projects, more or less.
+ </p>
+ <ul>
+ <li>BLumia OJ
+ <reduced>
+ <a href="https://github.com/BLumia/BLumiaOJ">
+ [details]</a>
+ <a href="javascript:toggleblkdisplay('bloj-desc')">
+ [short desc.]</a>
+ </reduced>
+ <div class="block" id="bloj-desc">
+ A HUSTOJ compatible Online Judge system.
+ </div>
+ </li>
+ <li>Pineapple Synth
+ <reduced>
+ <a href="https://github.com/BLumia/PineappleSynth">[details]</a>
+ <a href="javascript:toggleblkdisplay('psyn-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="psyn-desc">
+ A software synthesizer developed by BLumia. I helped with some optimizations and bug fixes.
+ </div>
+ </reduced>
+ </li>
+ <li>FluidSynth
+ <reduced>
+ <a href="https://github.com/FluidSynth/fluidsynth">[details]</a>
+ <a href="javascript:toggleblkdisplay('fluidsynth-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="fluidsynth-desc">
+ A realtime soundfont synthesizer. The irony is that most code I have contributed is Windoze-specific.
+ </div>
+ </reduced>
+ </li>
+ <li>thplayer
+ <reduced>
+ <a href="https://github.com/BearKidsTeam/thplayer">[details]</a>
+ <a href="javascript:toggleblkdisplay('thplyr-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="thplyr-desc">
+ A replacement for my "thplayer.cpp" with GUI, written by BLumia. It has my reinvented wheel inside.
+ </div>
+ </reduced>
+ </li>
+ <li>Deepin Desktop Environment
+ <reduced>
+ <a href="javascript:toggleblkdisplay('dde-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="dde-desc">
+ <p>
+ I worked for Deepin as an intern for almost a year starting from February 2019. My work there
+ includes implementing optical disc authoring for the file manager and reworking the computer
+ pseudo-folder. I also worked on the networking section of the settings application for some
+ time, as well as a few other system components (DTK being one of them). Chances are if you
+ have ever used DDE v20 (the redesign released in 2020), my code has passed through the
+ pipelines of your processor.
+ </p>
+ <p>I have mixed views on Deepin the company. You may find out more in my blog posts.</p>
+ </div>
+ </reduced>
+ </li>
+ <li>CKRasterizer
+ <reduced>
+ <a href="https://github.com/Swung0x48/CKRasterizer">[details]</a>
+ <a href="javascript:toggleblkdisplay('ckrst-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="ckrst-desc">
+ Rasterizers for Virtools (an old interactive 3D toolkit). I shifted the project from a
+ reverse-engineering approach to a "just wing it" approach. Helped with completing the
+ DirectX 9 rasterizer. Additionally created two new rasterizer modules
+ for modern graphics from scratch (CKGLRasterizer and CKVkRasterizer).
+ </div>
+ </reduced>
+ </li>
+ <li>SDUOJ
+ <reduced>
+ <a href="javascript:toggleblkdisplay('soj-desc')">
+ [short desc.]</a>
+ </reduced>
+ <div class="block" id="soj-desc">
+ The Online Judge used by Shandong University,
+ Located <a href="http://acm.sdu.edu.cn/">here</a>.
+ It does have a github repo, but we have been modifying
+ the production directly for so long that it is very
+ outdated. Yes we use ssh and vim to modify the prod.
+ And thanks to the stupid university I am in, it is
+ <b>impossible to access out of the campus</b>.
+ </div>
+ </li>
+ </ul>
+ <h3 style="font-weight:normal;">Pending Projects</h3>
+ <ul>
+ <li>OPLang</li>
+ <li>msed</li>
+ <li>FluidR3 GM2+Extension</li>
+ <li>QSPS Sound Set</li>
+ <li><s>vjtester v2</s></li>
+ <li><s>SMELT4js(?)</s></li>
+ <li><s>Online Judge</s></li>
+ </ul>
+ <h3 style="font-weight:normal;"><s>Archived</s> Antique Projects</h3>
+ <p>
+ Some of these projects are permanently lost in a disaster.
+
+ </p>
+ <ul>
+ <li>Bullet Lab Remix
+ <reduced><a href="./BulletLabRemix">[details]</a>
+ <a href="javascript:toggleblkdisplay('blr-desc')">
+ [short desc.]</a></reduced>
+ <div class="block" id="blr-desc">
+ A danmaku-like game. Inspired by a flash game
+ called "Bullet Lab", this project has departured
+ so far from it that it has became a STG without
+ the 'shooting' part.
+ </div>
+ </li>
+ <li>Ballance Remix (2011-2012)
+ <reduced>
+ <a href="./BallanceRemix">[details]</a>
+ <a href="javascript:toggleblkdisplay('br-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="br-desc">
+ Old project attempting to recreate the game Ballance from Cyparade.
+ It uses the same Virtools engine but without using custom extensions
+ to the engine.
+ Playable, but in no way resemble the "feel" of the original game in
+ terms of controls.
+ </div>
+ </li>
+ <li>Chris' Timidity Player (2012)
+ <reduced>
+ <a id="timidityplyr" href="//filestorage.chrisoft.org/inactive/TimidityPlayer.tar.xz">[archive]</a>
+ <a href="javascript:toggleblkdisplay('tmidp-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="tmidp-desc">
+ Simple timidity frontend written in FreePascal. BLumia created a more
+ feature-rich fork called <a href="https://github.com/BLumia/BLumiaTimidityShell">BLumia's Timidity Shell</a>.
+ </div>
+ </li>
+ <li>Simple Tester for OI (2012)
+ <reduced>
+ <a href="//filestorage.chrisoft.org/inactive/Tester.tar.xz">[archive]</a>
+ <a href="javascript:toggleblkdisplay('testr-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="testr-desc">
+ Local judger for OI problems. Doesn't really have any advanced features.
+ Written in FreePascal.
+ </div>
+ </li>
+ <li>the <s>Ultimate</s> Data Visualiser (2015)
+ <reduced>
+ <a href="javascript:toggleblkdisplay('dvis-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="dvis-desc">
+ A data visualizer for some very specific purpose.
+ This project is never made public. Written in C++. Uses SMELT.
+ </div>
+ </li>
+ <li>World's Hardest Game 3D (2010-2011)
+ <reduced>
+ <a href="https://1drv.ms/u/s!AjEe7BxvJRi9gSCz7LxTzCjXWMsT">[archive]</a>
+ <a href="javascript:toggleblkdisplay('whg3d-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="whg3d-desc">
+ 3D version of a flash game called "World's Hardest Game" made with Virtools.
+ Extremely hard because it's basically unplayable.
+ </div>
+ </li>
+ <li>Cross Noodles (Virtools) (2012)
+ <reduced>
+ <a href="//cgit.chrisoft.org/oddities.git/tree/Virtools/Cross_Noodles.cmo">[details]</a>
+ <a href="javascript:toggleblkdisplay('crxnd-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="crxnd-desc">
+ A stupid game made with Virtools. A new version written for modern(-ish)
+ browser is <a href="https://chrisoft.org/CrossNoodlesJS/">available</a>.
+ </div>
+ </li>
+ <li>Compiz 0.9.7.99 (2012-2016)
+ <reduced>
+ <a href="//filestorage.chrisoft.org/inactive/compiz0.9.7.9.tar.xz">[archive]</a>
+ <a href="javascript:toggleblkdisplay('cmpz-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="cmpz-desc">
+ The ultimate pre-GLES port compiz distribution with extra features
+ added by me, as well as backports of a few new features added later.
+ It was forked off the 0.9.7 branch for Ubuntu 12.04. It comes with
+ probably every single plugin ever available for compiz.
+ </div>
+ </li>
+ <li>Minesweeper in HGE (2012)
+ <reduced>
+ <a href="javascript:toggleblkdisplay('mswp-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="mswp-desc">
+ Essentially a cmine.c with GUI.
+ </div>
+ </li>
+ <li>Desktop (2012)
+ <reduced>
+ <a href="//filestorage.chrisoft.org/inactive/Desktop.tar.xz">[archive]</a>
+ <a href="javascript:toggleblkdisplay('dskt-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="dskt-desc">
+ Windows 7 style show desktop for Windows 2000, Windows XP and Windows Vista.
+ Written in FreePascal. It's pretty broken though.
+ </div>
+ </li>
+ <li>Go!Word (2012)
+ <reduced>
+ <a href="javascript:toggleblkdisplay('gword-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="gword-desc">
+ Hangman written in FreePascal.
+ </div>
+ </li>
+ <li>cpu.c (2011)
+ <reduced>
+ <a href="javascript:toggleblkdisplay('cpuc-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="cpuc-desc">
+ Plots a sine function in CPU usage using busy waits.
+ </div>
+ </li>
+ <li>cmine.c (2012)
+ <reduced>
+ <a href="javascript:toggleblkdisplay('cmine-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="cmine-desc">
+ Minesweeper, CLI version.
+ </div>
+ </li>
+ <li>fpsnake.pas (2016)
+ <reduced>
+ <a href="javascript:toggleblkdisplay('psnk-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="psnk-desc">
+ Snake game written in FreePascal. I wrote this in order to prove that
+ I can still do Pascal.
+ </div>
+ </li>
+ <li>fpGraphicClock (2011-2012)
+ <reduced>
+ <a href="javascript:toggleblkdisplay('pgclk-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="pgclk-desc">
+ Primitive graphic clock written in FreePascal.
+ </div>
+ </li>
+ <li>Date&amp;Time (2009-2010)
+ <reduced>
+ <a href="javascript:toggleblkdisplay('dntm-desc')">[short desc.]</a>
+ </reduced>
+ <div class="block" id="dntm-desc">
+ Text mode clock, alarm and stopwatch written in FreePascal.
+ </div>
+ </li>
+ </ul>
+ </div>
+ <div class="block" id="blog">
+ <h2>Blog</h2><hr>
+ <h3><a href="./blog/list">SPELVNCAM·VRSAE·VISERE</a></h3>
+ <p>
+ As its name suggests, this place is dangerous. However if you
+ do know what you're looking for, you might be able to find
+ the hidden gems.
+ </p>
+ <p>
+ Note: some of the posts there are quite old and might no longer
+ reflect my current views on various topics. Certain posts may
+ contain stuff that not everyone would like to see. May contain
+ nuts.
+ </p>
+ <p>
+ Does not appear to contain a significant amount of cerebral
+ activity.
+ </p>
+ </div>
+ <div class="block" id="library">
+ <h2>Library</h2><hr>
+ <h3><a href="./libs/music/player">Music Library</a></h3>
+ <p>
+ Music arranged and some, composed, by me.
+ </p>
+ <h3><a href="./libs/pictures/osunix-logo_sq_thicken.png">Picture Library</a></h3>
+ <p>
+ Nothin'.
+ </p>
+ <h3><a href="//cgit.chrisoft.org">Code Library</a></h3>
+ <p>
+ Get lost in my messy code!
+ </p>
+ </div>
+ <div class="block" id="guestbook">
+ <h2>Leave a Message</h2><hr>
+ <p style="font-size:75%;">
+ All times are in CST (UTC+8).
+ Messages are <b>not</b> censored
+ (except messages for testing, which would be deleted
+ shortly after posting; advertising is also prohibited).
+ General etiquette still applies.
+ </p>
+ <div id="commentdiv">
+ </div>
+ <script>
+ function gb_send()
+ {
+ if(document.getElementById("mcontent").value.length+document.getElementById("mname").value.length>16300)
+ alert('super duper secure client side security');
+ document.getElementById('button_send').innerHTML='...';
+ document.getElementById('button_send').disabled=true;
+ try
+ {
+ var h=new XMLHttpRequest();
+ var f={};
+ f.mname=encodeURIComponent(document.getElementById('mname').value);
+ f.mcontent=encodeURIComponent(document.getElementById('mcontent').value);
+ h.open('POST','/cgi/gb_newentry.cgi');
+ h.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
+ h.send(JSON.stringify(f));
+ h.onerror=function(){
+ alert('You broke something, or something broke itself...');
+ document.getElementById('button_send').innerHTML='Leave the message!';
+ document.getElementById('button_send').disabled=false;
+ };
+ h.onload=function(){
+ gb_load();
+ document.getElementById('button_send').innerHTML='Leave the message!';
+ document.getElementById('button_send').disabled=false;
+ document.getElementById('mname').value=
+ document.getElementById('mcontent').value='';
+ };
+ }
+ catch(e){return;}
+ }
+ function gb_load()
+ {
+ while(document.getElementById('commentdiv').firstChild)
+ document.getElementById('commentdiv').removeChild(document.getElementById('commentdiv').firstChild);
+ var h=new XMLHttpRequest();
+ h.open("GET","/leave-a-message/messages?"+(new Date()).getTime());
+ h.send();
+ h.onload=function()
+ {
+ var ro=JSON.parse(h.responseText)
+ for(var i=ro.length-1;i>=0;--i)
+ {
+ var o=ro[i];
+ if(!o.cont)continue;
+ var e=document.createElement('div');
+ e.classList.add('comment');
+ var p=document.createElement('div');
+ p.style.padding='0.5em 0 0.5em 0.5em';
+ p.innerHTML=o.cont;
+ var t=document.createElement('div');
+ t.classList.add('author');
+ if(!o.author.length)o.author='Anonymous';
+ t.innerHTML=o.author+" at "+o.time;
+ e.appendChild(p);
+ e.appendChild(t);
+ document.getElementById('commentdiv').appendChild(e);
+ }
+ }
+ }
+ gb_load();
+ </script>
+ <form id="msgform" method="post" style="padding:5px;border:1px solid #CCC;">
+ <span style="width:98%;display:table;">
+ <label for="name" style="display:table-cell;width:1px;white-space:nowrap;">Your honourable name:</label>
+ <input type="text" id="mname" name="name" required style="margin-left:5px;display:table-cell;width:100%;">
+ </span>
+ <div style="padding:0.5em;">Message:</div>
+ <textarea required id="mcontent" name="content" rows="5" style="width:97%;margin:0.5em;"></textarea>
+ <div style="text-align:center;">
+ <button id="button_send" onclick="gb_send();" type="button">Leave the message!</button>
+ </div>
+ </form>
+ </div>
+ <div class="block" id="about">
+ <h2>About</h2><hr>
+ <!--#include virtual="about_l.htm" -->
+ </div>
+ <div class="block" id="links">
+ <h2>Links</h2><hr>
+ <h3>Miscellaneous tools and games</h3>
+ <ul>
+ <li><a href="/codeforces-rating-cmp">CodeForces Rating Comparator</a></li>
+ <li><a href="/CrossNoodlesJS">Cross Noodles (revamped version)</a></li>
+ <li><a href="/minesweeper">Minesweeper</a></li>
+ <li><a href="/SameGameJS">Same game</a></li>
+ <li><a href="/sound-of-sorting">Sound of sorting in your browser</a></li>
+ </ul>
+ <h3>Friends</h3>
+ <p>No one can go without friends. (unordered list)</p>
+ <ul id="friendslist">
+ <li><a rel="external" target="_blank" href="https://blog.61dpi.com/">夜光糖果屋</a></li>
+ <li><a rel="external" target="_blank" href="https://www.blumia.net/" rel="nofollow">BLumia :: Wrapzone</a></li>
+ <li><a rel="external" target="_blank" href="https://jxpxxzj.oschina.io"><s>雄心万丈, 躺在床上</s></a></li>
+ <li><a rel="external" target="_blank" href="https://yyc12345.github.io/MyBlog/">yyc12345 の Blog</a></li>
+ <li><a rel="external" target="_blank" href="https://oing9179.github.io/blog">oing9179 的笔记本儿</a></li>
+ <li><a rel="external" target="_blank" href="https://baka719.top">719daze</a></li>
+ <li><a rel="external" target="_blank" href="https://world.203.jp/">OWNER203'S WORLD</a></li>
+ <li><a rel="external" target="_blank" href="https://un1c0de.xyz">UN1C0DE</a></li>
+ <li><a rel="external" target="_blank" href="https://www.swung0x48.com/">Excerpt &#8211; A Blog of Swung</a></li>
+ </ul>
+ </div>
+ <div style="text-align:center;padding:0.5em;">
+ <a href="https://www.debian.org"><img src="debianpowered.svg" alt="Powered by Debian"></a>
+ <a href="https://www.conoha.jp/conoha"><img src="conohahosted.svg" alt="Hosted by Conoha"></a><br>
+ <a href="/blog/post/Privacy.html">Privacy</a> | Copyright Chris Xiong 2024
+ </div>
+ </div>
+ <div id="themesw" style="position:fixed;top:0;left:0;width:100%;height:100%;display:none;opacity:0;background-color:rgba(0,0,0,0.6);z-index:999;transition:opacity 0.5s;" onclick="hidethemesw()">
+ <div class="TText" style="position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,0.4);color:white;padding:1em;" onclick="event.stopPropagation()">
+ <span>Season Theme</span><br>
+ <a id="ts0" href="javascript:changeTheme('0','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="spring" alt="spring" style="background-image:url('themes.svg');background-position:0 -32px;"></a>
+ <a id="ts1" href="javascript:changeTheme('1','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="summer" alt="summer" style="background-image:url('themes.svg');background-position:-16px -32px;"></a>
+ <a id="ts2" href="javascript:changeTheme('2','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="autumn" alt="autumn" style="background-image:url('themes.svg');background-position:-32px -32px;"></a>
+ <a id="ts3" href="javascript:changeTheme('3','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="winter" alt="winter" style="background-image:url('themes.svg');background-position:0 -16px;"></a>
+ <a id="tsz" href="javascript:changeTheme('z','')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="auto based on the season in the northern hemisphere" alt="auto" style="background-image:url('themes.svg');background-position:0 0;"></a>
+ <br>
+ <span>Color Tune</span><br>
+ <a id="tta" href="javascript:changeTheme('','a')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="day" alt="day" style="background-image:url('themes.svg');background-position:-16px -16px;"></a>
+ <a id="ttb" href="javascript:changeTheme('','b')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="night" alt="night" style="background-image:url('themes.svg');background-position:-32px -16px;"></a>
+ <a id="ttz" href="javascript:changeTheme('','z')" style="border-bottom: 1px solid rgba(255,255,255,0);"><img width="16" src="null.svg" title="auto based on local time" alt="auto" style="background-image:url('themes.svg');background-position:0 0;"></a>
+ </div>
+ </div>
+ <div id="v6" style="display:block;" class="floatingl" onmouseover="changeImage('aqt6a','aqt6')" onmouseout="changeImage('aqt6','aqt6a')" onclick="this.style.display='none';">
+ <img src="koishi_norm.png" alt="" width="320" id="aqt6" decoding="async">
+ <img src="koishi_hovr.png" alt="" width="320" id="aqt6a" decoding="async" style="display:none;">
+ </div>
+</body>
+</html>