From 86052d897aa2bed9bd732e1155ef760cc850a65f Mon Sep 17 00:00:00 2001 From: Chris Xiong Date: Fri, 25 Jul 2025 21:57:53 -0400 Subject: Total about page redesign. Other random improvements to the home page. --- index.shtml | 307 ++++++++++++++++++++++++++++++++++++++++-------------------- 1 file changed, 208 insertions(+), 99 deletions(-) (limited to 'index.shtml') diff --git a/index.shtml b/index.shtml index 25550a0..1ea3a43 100644 --- a/index.shtml +++ b/index.shtml @@ -1,5 +1,5 @@ - + @@ -35,27 +35,129 @@ flex: 1; flex-basis: 40%; align-self: flex-start; - margin: 0.5em; - padding: 1em; } div.projects-flex details{ border: 1px solid var(--secondary-fg); + transition: 0.3s ease background; + margin: 0.5em; + padding: 0; + pointer-events: none; } div.projects-flex details summary{ - transition: 0.3s ease background; - background-clip: content-box; cursor: zoom-in; + pointer-events: auto; + padding: 1em; } - div.projects-flex details summary:hover{ + div.projects-flex details:hover{ background-color: color-mix(in oklab, var(--interactive-hover-bg) 30%, rgba(0, 0, 0, 0)); } - div.projects-flex details[open] summary{ + div.projects-flex details[open]{ background-color: unset !important; + padding: 0 1em 1em 1em; + } + div.projects-flex details[open] summary{ border-bottom: 1px solid var(--principal-fg); - padding-bottom: 1em; + padding: 1em 0; margin-bottom: 1em; cursor: zoom-out; } + div.ubx-container{ + display: flex; + flex-direction: row; + flex-wrap: wrap; + font-size: 0; + } + div.ubx{ + display: inline flex; + align-items: center; + justify-content: left; + box-sizing: border-box; + flex: 0 0 250px; + width: 238px; + height: 45px; + margin: 6px; + font-size: 9px; + border: 1px solid var(--secondary-fg); + } + div.ubx-ll{ + display: flex; + align-items: center; + justify-content: center; + font-size: 16px; + font-weight: 1000; + flex: 0 0 46px; + width: 46px; + height: 100%; + text-align: center; + white-space: nowrap; + background-color: color-mix(in oklab, var(--interactive-hover-bg) 30%, rgba(0, 0, 0, 0)); + } + div.ubx-lr{ + padding: 0 6px; + font-weight: 600; + } + div.ubx-ll img.vf{ + height: 100%; + } + div.ubx-ll img.v90{ + height: 90%; + } + div.ubx-ll img.v80{ + height: 80%; + } + div.ubx-ll img.hf{ + width: 100%; + } + div.ubx-ll img.h90{ + width: 90%; + } + div.ubx-ll img.h80{ + width: 80%; + } + .ubx-emojislot{ + font-size: 24px !important; + } + .crossed-out{ + position: relative; + } + .crossed-out::before, .crossed-out::after{ + content: ''; + width: 95%; + position: absolute; + left: 1px; + top: 45%; + border-bottom: 2px solid red; + } + .crossed-out::before{ + transform: skewY(-30deg); + } + .crossed-out::after{ + transform: skewY(30deg); + } + #ubx-localtime span.datet { + color: #7e7; + opacity: 0.2; + } + #ubx-localtime:hover span.datet { + opacity: initial; + } + #ubx-localtime span.datetz { + color: #e7a; + opacity: 0.5; + } + #ubx-localtime:hover span.datetz { + opacity: initial; + } + #ubx-localtime-time { + font-size: 12px; + } + .qablock { + border: 1px solid; + border-color: var(--secondary-fg); + padding: 1em; + margin: 0.5em 0; + } + td{border:1px solid var(--secondary-fg);} - - - + +
-
+

Yet another wandering programmer

- Welcome to the home page of Chris Xiong, a Chinese programmer living overseas. + Welcome, traveller of the interwebz! +

+

+ This is the cyber-homestead of Chris Xiong, who's obsessed with things that blink, spin, or make noises.

- You will find my works, collections and pieces of thoughts here. + You will find my works, projects and pieces of thoughts here.

Have fun exploring!

-
Powered by Debian Hosted by Conoha
-
+

Projects

- Here is an incomplete list of projects maintained by me. You may find more projects listed in my code library, or under my GitHub profile (currently only used for collaborative projects). + Here is an incomplete list of projects maintained by me. You may find more projects listed in my code library, or under my GitHub profile (currently only used for collaborative projects).

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 ABSOLUTELY NO WARRANTY. Use them at your own risk.

-

Current Projects

+

Current Projects

-
+
deduper 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. -
-
+
+
it2midi 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. -
-
+
+
QMidiPlayer 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. -
-
+
+
SMELT 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. -
-
+
+
lightsd Auto brightness for Linux, without requiring a desktop environment or systemd. -
-
+
+
RBUS-ADAT Convert digital audio data carried by Roland's proprietary R-BUS interface into ADAT. Linked page also provided additional technical information on R-BUS. -
-
+
+
Touhou BGM Remix 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. -
+
-

Contributed Projects

+

Contributed Projects

I've made contributions to these projects, more or less.

-
+
BLumia OJ A HUSTOJ compatible Online Judge system. -
-
+
+
Pineapple Synth A software synthesizer developed by BLumia. I helped with some optimizations and bug fixes. -
-
+
+
FluidSynth A realtime soundfont synthesizer. The irony is that most code I have contributed is Windoze-specific. -
-
+
+
thplayer A replacement for my "thplayer.cpp" with GUI, written by BLumia. It has my reinvented wheel inside. -
-
+
+
Deepin Desktop Environment

I worked for Deepin as an intern for almost a year starting from February 2019. My work there @@ -247,15 +356,15 @@ window.onhashchange = () => { contsw(location.hash.substr(1)) };

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.

-
-
+
+
CKRasterizer 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). -
-
+
+
SDUOJ The Online Judge used by Shandong University, Once located here. @@ -264,55 +373,55 @@ window.onhashchange = () => { contsw(location.hash.substr(1)) }; outdated. Yes we used ssh and vim to develop on prod. And thanks to the stupid university I was in, it is impossible to access out of the campus. -
+
-

Archived Antique Projects

+

Archived Antique Projects

Some of these projects are permanently lost in a disaster.

-
+
Bullet Lab Remix (2012-2015) 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. -
-
+
+
Ballance Remix (2011-2012) 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. -
-
+
+
World's Hardest Game 3D (2010-2011) Download this abomination, if you wish. 3D version of a flash game called "World's Hardest Game" made with Virtools. Extremely hard because it's basically unplayable. -
-
+
+
Cross Noodles (Virtools) (2012) Download this abomination, if you wish. A stupid game made with Virtools. A new version written for modern(-ish) browser is available. -
-
+
+
Chris' Timidity Player (2012) Simple timidity frontend written in FreePascal. BLumia created a more feature-rich fork called BLumia's Timidity Shell. -
-
+
+
Simple Tester for OI (2012) Local judger for OI problems. Doesn't really have any fancy features. Written in FreePascal. -
-
+
+
the Ultimate Data Visualiser (2015) A data visualizer for a certain very specific purpose. This project is never made public. Written in C++. Uses SMELT. -
-
+
+
Compiz 0.9.7.99 (2012-2016) Archived source code. The ultimate pre-GLES port compiz distribution with extra features @@ -320,44 +429,44 @@ window.onhashchange = () => { contsw(location.hash.substr(1)) }; 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). -
-
+
+
Minesweeper in HGE (2012) Essentially a cmine.c with GUI. -
-
+
+
Desktop (2012) Archived source code. Windows 7 style show desktop for Windows 2000, Windows XP and Windows Vista. Written in FreePascal. It was pretty broken though. -
-
+
+
Go!Word (2012) Hangman written in FreePascal. -
-
+
+
cpu.c (2011) Plots a sine function in CPU usage using busy waits. -
-
+
+
cmine.c (2012) Minesweeper, CLI version (the 289536397th one been written). -
-
+
+
fpsnake.pas (2016) Snake game written in FreePascal. I wrote this in order to prove that I can still do Pascal. -
-
+
+
fpGraphicClock (2011-2012) Primitive graphic clock written in FreePascal. -
-
+
+
Date&Time (2009-2010) Text mode clock, alarm and stopwatch written in FreePascal. -
+
-

Pending Projects

+

Pending Projects

These project may or may not ever be started.

-
+

Blog

SPELVNCAM·VRSAE·VISERE(Visit the bearess' den)

@@ -395,7 +504,7 @@ window.onhashchange = () => { contsw(location.hash.substr(1)) }; nowadays.

-
+

Library

Music Library

@@ -410,7 +519,7 @@ window.onhashchange = () => { contsw(location.hash.substr(1)) }; Get lost in my messy code!

-
+

Guestbook

All times are in CST (UTC+8). @@ -491,7 +600,7 @@ window.onhashchange = () => { contsw(location.hash.substr(1)) };

- +
Message:
@@ -501,11 +610,11 @@ window.onhashchange = () => { contsw(location.hash.substr(1)) };
-
+

About

-