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. --- about_l.html | 709 +++++++++++++--------------------- index.shtml | 307 ++++++++++----- ubx-rsc/Arch_Linux__Crystal__icon.svg | 20 + ubx-rsc/Circle-icons-tools.svg | 55 +++ ubx-rsc/Framework_Computer_emblem.svg | 9 + ubx-rsc/Gentoo_Linux_logo_matte.svg | 24 ++ ubx-rsc/Grass_Block_JE7_BE6.webp | Bin 0 -> 6908 bytes ubx-rsc/IBM_TrackPoint_cr.webp | Bin 0 -> 11112 bytes ubx-rsc/IPod_wheel.svg | 47 +++ ubx-rsc/Klickety_Cuffs.webp | Bin 0 -> 2510 bytes ubx-rsc/Oleic-acid-3D-vdW-sc.webp | Bin 0 -> 9724 bytes ubx-rsc/Openlogo-debianV2.svg | 9 + ubx-rsc/Raspberry_Pi_Logo.svg | 2 + ubx-rsc/Server.svg | 101 +++++ ubx-rsc/Userbox_Classic_Mac_OS.webp | Bin 0 -> 3560 bytes ubx-rsc/Vimlogo.svg | 33 ++ ubx-rsc/attributions.txt | 21 + ubx-rsc/chromium.svg | 219 +++++++++++ ubx-rsc/emoji_u1f3b6.svg | 6 + ubx-rsc/emoji_u1f3b9.svg | 29 ++ ubx-rsc/emoji_u1f3ba.svg | 28 ++ ubx-rsc/emoji_u1f452.svg | 31 ++ ubx-rsc/emoji_u1f4ad.svg | 14 + ubx-rsc/emoji_u1f4ec.svg | 20 + ubx-rsc/emoji_u1f4ed.svg | 8 + ubx-rsc/emoji_u1f511.svg | 4 + ubx-rsc/emoji_u1f62d.svg | 17 + ubx-rsc/emoji_u1fac0.svg | 14 + ubx-rsc/emoji_u262f.svg | 20 + ubx-rsc/firefox.svg | 1 + ubx-rsc/fvwm-block-logo.webp | Bin 0 -> 6408 bytes ubx-rsc/icpc.svg | 28 ++ ubx-rsc/lynx.webp | Bin 0 -> 274 bytes ubx-rsc/userbox_love_no.svg | 2 + 34 files changed, 1248 insertions(+), 530 deletions(-) create mode 100644 ubx-rsc/Arch_Linux__Crystal__icon.svg create mode 100644 ubx-rsc/Circle-icons-tools.svg create mode 100644 ubx-rsc/Framework_Computer_emblem.svg create mode 100644 ubx-rsc/Gentoo_Linux_logo_matte.svg create mode 100644 ubx-rsc/Grass_Block_JE7_BE6.webp create mode 100644 ubx-rsc/IBM_TrackPoint_cr.webp create mode 100644 ubx-rsc/IPod_wheel.svg create mode 100644 ubx-rsc/Klickety_Cuffs.webp create mode 100644 ubx-rsc/Oleic-acid-3D-vdW-sc.webp create mode 100644 ubx-rsc/Openlogo-debianV2.svg create mode 100644 ubx-rsc/Raspberry_Pi_Logo.svg create mode 100644 ubx-rsc/Server.svg create mode 100644 ubx-rsc/Userbox_Classic_Mac_OS.webp create mode 100644 ubx-rsc/Vimlogo.svg create mode 100644 ubx-rsc/attributions.txt create mode 100644 ubx-rsc/chromium.svg create mode 100644 ubx-rsc/emoji_u1f3b6.svg create mode 100644 ubx-rsc/emoji_u1f3b9.svg create mode 100644 ubx-rsc/emoji_u1f3ba.svg create mode 100644 ubx-rsc/emoji_u1f452.svg create mode 100644 ubx-rsc/emoji_u1f4ad.svg create mode 100644 ubx-rsc/emoji_u1f4ec.svg create mode 100644 ubx-rsc/emoji_u1f4ed.svg create mode 100644 ubx-rsc/emoji_u1f511.svg create mode 100644 ubx-rsc/emoji_u1f62d.svg create mode 100644 ubx-rsc/emoji_u1fac0.svg create mode 100644 ubx-rsc/emoji_u262f.svg create mode 100644 ubx-rsc/firefox.svg create mode 100644 ubx-rsc/fvwm-block-logo.webp create mode 100644 ubx-rsc/icpc.svg create mode 100644 ubx-rsc/lynx.webp create mode 100644 ubx-rsc/userbox_love_no.svg diff --git a/about_l.html b/about_l.html index 06cf56f..3a06058 100644 --- a/about_l.html +++ b/about_l.html @@ -1,433 +1,280 @@
-

Properties:

-

-

-

-

- Religious beliefs: Free software, K.I.S.S., Linux (or GNU/Linux if you so prefer), LF for line breaks, UTF-8, FSF. -

-

- Chris Xiong is a not-so-young-any-more coder from a small city of China. - Now aged more than 20, this hacker is still just writing code for fun. Crazy follower - of "Free Software" (but not FSF's ideology in particular). - Develops free software alone but seldom feels lonely. Sincere friends - are always cherished. -

-

- This site was written from scratch in XHTML without using any kind of framework whatsoever. - Later it was migrated to HTML5 (still not using 3rd-party frameworks). - Poorly-written C++ and Python code powers the backend. - History of this site is available here and more here. - -

-

Contact me (if you so desire)!

-

- - E-Mail: chris@pineapple.cat
- Alternative E-Mail: echo '49:CDac`_hfo8>2:=]4@>' | tr '\!-~' 'P-~\!-O'
- Matrix: @chirs241097:matrix.org
- Discord: (Please get in touch with me using one of the other methods listed here first)
- GPG key
- -

- If you're brave...
- ...Show me more! - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +

linguae(languages)

+
+
ipa-0
+
This user does not understand the International Phonetic Alphabet.
+ +
en-0
+
This user does not understand English (or understands it with considerable difficulty).
+ +
fr-0
+
Cet utilisateur ne comprend pas le français ou seulement avec des difficultés notables.
+ +
zh-0
+
此用戶無法理解中文，或難以理解中文。
+ +
la-0
+
HIC·​VSOR·​LINGVAM·​LATINAM·​NON·​INTELLEGIT·​AVT·​EAM·​INTELLEGIT·​AEGRE.
+ +
漢字
汉字
+
此用戶反對運動式的漢字簡化。
+ +
⸮
+
This about page contains sarcasm.
+
+
+

res meae(facts about me)

+
+
cs.PL
+
This user is a computer scientist wannabe.
+ +
Logo of the International Collegiate Programming Contest
+
This user was into competitive programming once upon a time.
+ + +
UTC-4 UTC-5
+
The zoneinfo entry for this user's localtime is America/New_York.
+ +
TETRA-PHOBIA
+
This user is of Chinese ancestry.
+ +
слово
+
This user allegedly has partial Slavic ancestry.
+ +
1997
+
This user is a "Zillennial".
+ +
Anatomical heart emoji
+
This user has a heart condition.
+ +
3D model of cis-9-Octadecenoic acid
+
This user is not cis.
+ +
+
This user is ace.
+ +
Userbox with heart
+
This about page is littered with Userboxes as seen on Wikipedia. Click me for image attributions.
+ +
Woman's hat emoji
+
This user is not the late Queen of the United Kingdom, but still likes hats.
+ +
Thought balloon emoji
+
多行不義必自斃。
Unjust is doomed to destruction.
+
+
+

programmatura(software)

+
FOSS
+
This user prefers free software and has made contributions to multiple FOSS projects.
+ +
⌨️
+
This user can type at 90 WPM.
+ +
Gentoo Linux Logo
+
This user uses Gentoo Linux.
+ +
Debian GNU/Linux Logo
+
This user runs Debian GNU/Linux on servers.
+ +
Arch Linux Logo
+
This user also uses Arch Linux, by the way.
+ +
A butchered Windows Logo with handcuffs
+
This user runs Microsoft Windows under duress.
+ +
A not very accurate rendation of the old Apple Inc Logo
+
This user dreads macOS and all post-2015 Apple products.
+ +
Vim Logo
+
This user uses Vim.
+ +
FVWM Logo
+
This user uses FVWM.
+ +
Firefox Logo
+
This website is tested on Firefox and Chromium.
+
Chromium Logo
+ +
Lynx Logo created by Brandi Weed based on a character by Conrad Wong
+
This website is readable with Lynx and the like.
+
+
+

apparatus(hardware)

+
+
The TrackPoint on the keyboard of a ThinkPad
+
This user owns multiple ThinkPad laptops.
+ +
Framework Computer Logo in a circle
+
This user has a laptop made by Framework Computer Inc.
+ +
A not very accurate rendation of the old Apple Inc Logo
+
This user has a PowerBook G4 but doesn't really use it any more.
+ +
Click wheel on an iPod Classic
+
This user has an iPod.
+ +
Raspberry Pi Logo
+
This user owns more than a dozen Raspberry Pi boards.
+ +
Icon of a generic server
+
This user has a homelab.
+ +
Trumpet emoji
+
This user has a bunch of hardware synthesizers and doesn't know what to do with them.
+ +
Icon containing a wrench and a screwdriver
+
This user has performed component-level repairs on electronics and supports the right to repair.
+
+
+

ioci(amusements)

+
+
Grass block from Minecraft
+
This user might be somewhat addicted to Minecraft.
+ +
Yin yang emoji
+
This user was an avid player of shooting games from the Touhou Project.
+ +
Loudly crying face emoji
+
... but stopped playing because of massive skill issues.
+ +
Multiple musical notes emoji
+
This user is a music producer (sometimes).
+ +
Musical keyboard emoji
+
This user plays the piano (rarely).
+ +
—
+
This space is for rent.
+
+
+

linguae programmationis(programming languages)

+
+
ASM-0
+
This user does not understand assembly (or does not want to program in it).
+ +
BASIC-0
+
This user does not understand BASIC (or does not want to program in it).
+ +
C-0
+
This user does not understand C (or does not want to program in it).
+ +
C++-0
+
This user does not understand C++ (or does not want to program in it).
+ +
hs-0
+
This user does not understand Haskell (or does not want to program in it).
+ +
Java-0
+
This user does not understand Java (or does not want to program in it).
+ +
js-0
+
This user does not understand JavaScript (or does not want to program in it).
+ +
ml-0
+
This user does not understand ML (or does not want to program in it).
+ +
lua-0
+
This user does not understand Lua (or does not want to program in it).
+ +
lisp-0
+
This user does not understand Lisp (or does not want to program in it).
+ +
pas-0
+
This user does not understand Pascal (or does not want to program in it).
+ +
php-0
+
This user does not understand PHP (or does not want to program in it).
+ +
py-0
+
This user does not understand Python (or does not want to program in it).
+ +
rs-0
+
This user does not understand Rust (or does not want to program in it).
+
+
+

conexiones(contact)

+
+
Open mailbox with raised flag emoji
+
Send your complaints to chris@pineapple.cat
+ +
Open mailbox with lowered flag emoji
+
Or to this alternative address if you can decipher it: echo '49:CDac`_hfo8>2:=]4@>' | tr '\!-~' 'P-~\!-O'
+ +
[ m ]
+
This user is on Matrix
@chirs241097:matrix.org
+ +
Key emoji
+
My GPG public key, if you want to use it.
+
+
+

frequenter allatae quaestiunculae(frequently asked questions)

+ +
+Q1: Why is it "chirs241097" instead of "chris241097" in your usernames?
+A1: That was an old typo... +
+However according to the Haskell tutorial found at haskell.org, +"chirs" == sort "chris" +and is her twin nemesis. So that was an unintended, but appreciated side-effect. +
+Why did I use "her" here? I wish I had an answer for you! +
+ +
+Q2: Why do the pages on your site look so ugly?
+A2: The reason is simple but "irrefutable": I simply like this style. +
+ +
+Q3: What the hell is the favicon of your site?
+A3: Well, it's something I cobbled together in a minute, half of which was me +picking the color :). +
+ +
+Q4: Who's that character down there?
+A4: Komeiji Koishi, manipulator of the unconscious mind. +
+The illustration is created by ana and you may find the original here.
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);} - - - + +
    @@ -132,110 +244,107 @@ window.onhashchange = () => { contsw(location.hash.substr(1)) };
-
+

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.

  • OPLang
    • @@ -370,7 +479,7 @@ window.onhashchange = () => { contsw(location.hash.substr(1)) };
  • Online Judge
-
+

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

-