diff options
Diffstat (limited to 'index.shtml')
| -rw-r--r-- | index.shtml | 556 |
1 files changed, 556 insertions, 0 deletions
diff --git a/index.shtml b/index.shtml new file mode 100644 index 0000000..25550a0 --- /dev/null +++ b/index.shtml @@ -0,0 +1,556 @@ +<!DOCTYPE HTML> +<html> +<head> +<meta charset="utf-8"> +<meta name="viewport" content="width=device-width"> +<meta name="theme-color" content="#000000"> +<meta name="description" content="Chris Xiong's personal homepage"> +<meta name="author" content="Chris Xiong"> +<title>Chrisoft::Home</title> +<link rel="icon" href="/favicon.ico"> +<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;}} + div.projects-flex{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + } + div.projects-flex .projects-item{ + flex: 1; + flex-basis: 40%; + align-self: flex-start; + margin: 0.5em; + padding: 1em; + } + div.projects-flex details{ + border: 1px solid var(--secondary-fg); + } + div.projects-flex details summary{ + transition: 0.3s ease background; + background-clip: content-box; + cursor: zoom-in; + } + div.projects-flex details summary:hover{ + background-color: color-mix(in oklab, var(--interactive-hover-bg) 30%, rgba(0, 0, 0, 0)); + } + div.projects-flex details[open] summary{ + background-color: unset !important; + border-bottom: 1px solid var(--principal-fg); + padding-bottom: 1em; + margin-bottom: 1em; + cursor: zoom-out; + } +</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> +<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 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';*/ +} +document.addEventListener("DOMContentLoaded", swonload); +window.onhashchange = () => { contsw(location.hash.substr(1)) }; +</script> + <div id="panel" class="TText"> + <ul id="panellist"> + <li><a id="mainlk" href="#"><h1>Chrisoft</h1></a></li> + <li><a id="projectslk" href="#projects">Projects</a></li> + <li><a id="bloglk" href="#blog">Blog</a></li> + <li><a id="librarylk" href="#library">Library</a></li> + <li><a id="guestbooklk" href="#guestbook">Guestbook</a></li> + <li><a id="aboutlk" href="#about">About</a></li> + <li><a id="linkslk" href="#links">Links</a></li> + <li><a href="javascript:showthemesw()">Themes</a></li> + <li><a href="javascript:togglepanel()" id="paneltoggle" style="display:none;"></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 style="text-align:center;"> + <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> + </div> + </div> + <div class="block" id="projects"> + <h2>Projects</h2><hr> + <p> + Here is 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 <a href="https://github.com/chirs241097/">GitHub profile</a> (currently only used for collaborative projects). + </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;">Current Projects</h3> + <div class="projects-flex" id="current-projects"> + <details class="projects-item"> + <summary><a href="https://cgit.chrisoft.org/deduper.git/">deduper</a></summary> + 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. + </details> + <details class="projects-item"> + <summary><a href="https://cgit.chrisoft.org/it2midi.git/">it2midi</a></summary> + 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. + </details> + <details class="projects-item"> + <summary><a href="https://cgit.chrisoft.org/QMidiPlayer.git/">QMidiPlayer</a></summary> + 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. + </details> + <details class="projects-item"> + <summary><a href="https://cgit.chrisoft.org/SMELT.git/">SMELT</a></summary> + 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. + </details> + <details class="projects-item"> + <summary><a href="https://cgit.chrisoft.org/lightsd.git/">lightsd</a></summary> + Auto brightness for Linux, without requiring + a desktop environment or systemd. + </details> + <details class="projects-item"> + <summary><a href="/rbusif">RBUS-ADAT</a></summary> + Convert digital audio data carried by Roland's proprietary + R-BUS interface into ADAT. Linked page also provided additional + technical information on R-BUS. + </details> + <details class="projects-item"> + <summary><a href="/thbgmremix">Touhou BGM Remix</a></summary> + 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. + </details> + <div class="projects-item"></div> + </div> + <h3 style="font-weight:normal;">Contributed Projects</h3> + <p> + I've made contributions to these projects, more or less. + </p> + <div class="projects-flex" id="contrib-projects"> + <details class="projects-item"> + <summary><a href="https://github.com/BLumia/BLumiaOJ">BLumia OJ</a></summary> + A HUSTOJ compatible Online Judge system. + </details> + <details class="projects-item"> + <summary><a href="https://github.com/BLumia/PineappleSynth">Pineapple Synth</a></summary> + A software synthesizer developed by BLumia. I helped with some optimizations and bug fixes. + </details> + <details class="projects-item"> + <summary><a href="https://github.com/FluidSynth/fluidsynth">FluidSynth</a></summary> + A realtime soundfont synthesizer. The irony is that most code I have contributed is Windoze-specific. + </details> + <details class="projects-item"> + <summary><a href="https://github.com/BearKidsTeam/thplayer">thplayer</a></summary> + A replacement for my "thplayer.cpp" with GUI, written by BLumia. It has my reinvented wheel inside. + </details> + <details class="projects-item"> + <summary>Deepin Desktop Environment</summary> + <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. I'm no + longer affiliated with the company or its successor UnionTech.</p> + </details> + <details class="projects-item"> + <summary><a href="https://github.com/Swung0x48/CKRasterizer">CKRasterizer</a></summary> + 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). + </details> + <details class="projects-item"> + <summary>SDUOJ</summary> + The Online Judge used by Shandong University, + Once 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 used ssh and vim to develop on prod. + And thanks to the stupid university I was in, it is + <b>impossible to access out of the campus</b>. + </details> + <div class="projects-item"></div> + </div> + <h3 style="font-weight:normal;"><s>Archived</s> Antique Projects</h3> + <p>Some of these projects are permanently lost in a disaster.</p> + <div class="projects-flex" id="antique-projects"> + <details class="projects-item"> + <summary><a href="/BulletLabRemix">Bullet Lab Remix (2012-2015)</a></summary> + 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. + </details> + <details class="projects-item"> + <summary><a href="/BallanceRemix">Ballance Remix (2011-2012)</a></summary> + Old project attempting to recreate the game Ballance from Cyparade. + It uses the same Virtools engine but without using custom extensions + to the engine.<br> + Playable, but in no way resemble the "feel" of the original game in + terms of controls. + </details> + <details class="projects-item"> + <summary>World's Hardest Game 3D (2010-2011)</summary> + <a href="https://1drv.ms/u/s!AjEe7BxvJRi9gSCz7LxTzCjXWMsT">Download this abomination, if you wish.</a> + 3D version of a flash game called "World's Hardest Game" made with Virtools. + Extremely hard because it's basically unplayable. + </details> + <details class="projects-item"> + <summary>Cross Noodles (Virtools) (2012)</summary> + <a href="//cgit.chrisoft.org/oddities.git/tree/Virtools/Cross_Noodles.cmo">Download this abomination, if you wish.</a> + A stupid game made with Virtools. A new version written for modern(-ish) + browser is <a href="/CrossNoodlesJS/">available</a>. + </details> + <details class="projects-item"> + <summary><a href="//filestorage.chrisoft.org/inactive/TimidityPlayer.tar.xz">Chris' Timidity Player (2012)</a></summary> + 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>. + </details> + <details class="projects-item"> + <summary><a href="//filestorage.chrisoft.org/inactive/Tester.tar.xz">Simple Tester for OI (2012)</a></summary> + Local judger for OI problems. Doesn't really have any fancy features. + Written in FreePascal. + </details> + <details class="projects-item"> + <summary>the <s>Ultimate</s> Data Visualiser (2015)</summary> + A data visualizer for a certain very specific purpose. + This project is never made public. Written in C++. Uses SMELT. + </details> + <details class="projects-item"> + <summary>Compiz 0.9.7.99 (2012-2016)</summary> + <a href="//filestorage.chrisoft.org/inactive/compiz0.9.7.9.tar.xz">Archived source code.</a> + 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 (that I could + get working). + </details> + <details class="projects-item"> + <summary>Minesweeper in HGE (2012)</summary> + Essentially a cmine.c with GUI. + </details> + <details class="projects-item"> + <summary>Desktop (2012)</summary> + <a href="//filestorage.chrisoft.org/inactive/Desktop.tar.xz">Archived source code.</a> + Windows 7 style show desktop for Windows 2000, Windows XP and Windows Vista. + Written in FreePascal. It was pretty broken though. + </details> + <details class="projects-item"> + <summary>Go!Word (2012)</summary> + Hangman written in FreePascal. + </details> + <details class="projects-item"> + <summary>cpu.c (2011)</summary> + Plots a sine function in CPU usage using busy waits. + </details> + <details class="projects-item"> + <summary>cmine.c (2012)</summary> + Minesweeper, CLI version (the 289536397th one been written). + </details> + <details class="projects-item"> + <summary>fpsnake.pas (2016)</summary> + Snake game written in FreePascal. I wrote this in order to prove that + I can still do Pascal. + </details> + <details class="projects-item"> + <summary>fpGraphicClock (2011-2012)</summary> + Primitive graphic clock written in FreePascal. + </details> + <details class="projects-item"> + <summary>Date&Time (2009-2010)</summary> + Text mode clock, alarm and stopwatch written in FreePascal. + </details> + </div> + <h3 style="font-weight:normal;">Pending Projects</h3> + <p>These project may or may not ever be started.</p> + <ul> + <li>OPLang</li> + <li>msed</li> + <li>Roland Editor</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> + </div> + <div class="block" id="blog"> + <h2>Blog</h2><hr> + <h3><a href="/blog/list"><ruby>SPELVNCAM·VRSAE·VISERE<rp>(</rp><rt>Visit the bearess' den</rt><rp>)</rp></ruby></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> + <h3><a href="/notekins">Notekins</a></h3> + <p> + Micro-blogging before social media ruined everything. This is + where I do stuff that I used to do on Twitter and Mastodon + nowadays. + </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="//filestorage.chrisoft.org/blog/data/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>Guestbook</h2><hr> + <p style="font-size:75%;"> + All times are in CST (UTC+8). + General etiquette applies. + Your IP will be checked against a spam filter (AbuseIPDB). + Your message will be held in a moderation buffer if there + are reports against your IP, and may be released later. + See the <a href="https://chrisoft.org/blog/post/Privacy.html">Privacy Policy</a> for details. + </p> + <p style="font-size:75%;"> + <b>IMPORTANT:</b> This is a guestbook, not a contact form. If you expect a reply from + the owner of this website, please use the contacts in the <a href="#about">about page</a>. + </p> + <p style="font-size:75%;"><button class="link-like" onclick="document.getElementById('msgform').scrollIntoView();">To the signing area.</button></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='Sign the guestbook!'; + document.getElementById('button_send').disabled=false; + }; + h.onload=function(){ + gb_load(); + document.getElementById('button_send').innerHTML='Sign the guestbook!'; + 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 var(--secondary-fg);"> + <span style="width:98%;display:table;"> + <label for="name" style="display:table-cell;width:1px;white-space:nowrap;">Your honorable 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">Sign the guestbook!</button> + </div> + </form> + </div> + <div class="block" id="about"> + <h2>About</h2><hr> + <!--#include virtual="about_l.html" --> + </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. Stricken items are currently inaccessible.)</p> + <ul id="friendslist"> + <li><a rel="external" target="_blank" href="https://blog.61dpi.com/"><s>夜光糖果屋</s></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"><s>UN1C0DE</s></a></li> + <li><a rel="external" target="_blank" href="https://www.swung0x48.com/"><s>Excerpt – A Blog of Swung</s></a></li> + </ul> + </div> + <div style="text-align:center;padding:0.5em;"> + <a href="/blog/post/Privacy.html">Privacy</a> | Copyright Chris Xiong 2025 + </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="240" id="aqt6" decoding="async"> + <img src="koishi_hovr.png" alt="" width="240" id="aqt6a" decoding="async" style="display:none;"> + </div> +</body> +</html> |