Updated 06192024-124527
40431805-22D4-4DAE-8B31-7E0EAFE1C08C
Alex Chan alex@alexwlchan.net https://alexwlchan.net GitHub: https://github.com/alexwlchan/ Instagram: https://www.instagram.com/alexwlchan/ LinkedIn: https://www.linkedin.com/in/alexwlchan/ Mastodon: https://social.alexwlchan.net/@alex Twitter: https://twitter.com/alexwlchan
I build systems for digital preservation -- making sure that digital archives remain safe and accessible into the far future. Currently I think about photos at the Flickr Foundation, and before that I helped build services to store and search the museum and library collections at Wellcome Collection.
I enjoy writing, and I've been posting at this domain since 2012. I write about a variety of non-fiction topics, with a particular focus on software development. If you want to know what's on my mind, check out the articles I've written, the talks I've given, and the lessons I've learned.
In my free time, I enjoy doing art and simple hand crafts to relax. I've had a lot of fun doing cross stitch, origami and paper craft, and doodling sketches of implausible sci-fi vehicles.
I'm queer and trans. My pronouns are "they" or "she".
This website is a place to share stuff I find interesting or fun. I hope you like it!
:root {
/* Red */
--red-100: #fbe9e8;
--red-200: #ffc7c7;
--red-300: #ff8f8f;
--red-400: #ff8d8d;
--red-500: #fe6767;
--red-600: #df4d4d;
--red-700: #ff4242;
--red-800: #d2453e;
--red-900: #d2413a;
--red-1000: #ba2121;
--red-1100: #e21e12;
--red-1200: #d01c11;
--red-1300: #89120b;
--red-1400: #f40000;
--red-1500: #a00000;
/* Gray */
--gray-100: #ffffff;
--gray-200: #fafafa;
--gray-300: #f0f0f0;
--gray-400: #c7c7c7;
--gray-500: #adadad;
--gray-600: #aaaaaa;
--gray-700: #a7a7af;
--gray-800: #737373;
--gray-900: #686868;
--gray-1000: #585858;
--gray-1100: #545454;
--gray-1200: #4c4c4c;
--gray-1300: #464646;
--gray-1400: #3f3f3f;
--gray-1500: #202020;
--gray-1600: #0d0d0d;
/* Violet */
--violet-100: #d6d6fe;
--violet-200: #cfcef6;
--violet-300: #9393ff;
--violet-400: #6871ff;
--violet-500: #5d67ff;
--violet-600: #19177c;
--violet-700: #101c75;
/* Bluish green */
--bluishGreen-100: #e8f3ec;
--bluishGreen-200: #bef4d2;
--bluishGreen-300: #7de9a4;
--bluishGreen-400: #67e495;
--bluishGreen-500: #26d967;
--bluishGreen-600: #17823e;
--bluishGreen-700: #0c411f;
/* Blue */
--blue-100: #629de4;
--blue-200: #56abdf;
--blue-300: #1da1f2;
--blue-400: #238fd1;
--blue-500: #0067b9;
--blue-600: #3063a4;
--blue-700: #234371;
--blue-800: #24292f;
/* Green */
--green-100: #11d01c;
--green-200: #00a000;
--green-300: #008600;
--green-400: #008500;
--green-500: #08680e;
/* Khaki */
--khaki-100: #e4d186;
--khaki-200: #cdae58;
--khaki-300: #d0a311;
--khaki-400: #d7a102;
--khaki-500: #bc7a00;
--khaki-600: #9d6600;
--khaki-700: #785a28;
--khaki-800: #765c09;
/* Scarlet red */
--scarletRed-100: #c55c75;
--scarletRed-200: #ff3a82;
--scarletRed-300: #c53f70;
--scarletRed-400: #f14255;
--scarletRed-500: #dd363f;
--scarletRed-600: #9e2d2e;
--scarletRed-700: #c62229;
--scarletRed-800: #b00040;
/* Blue violet */
--blueViolet-100: #5c90f0;
--blueViolet-200: #6387e9;
--blueViolet-300: #5388ff;
--blueViolet-400: #4b536e;
--blueViolet-500: #223395;
--blueViolet-600: #102881;
/* Cyan */
--cyan-100: #4fd6ca;
--cyan-200: #52a89f;
--cyan-300: #51a4a4;
--cyan-400: #418383;
--cyan-500: #408080;
--cyan-600: #305f5f;
/* Orange */
--orange-100: #e7a355;
--orange-200: #b7834f;
--orange-300: #f99000;
--orange-400: #b66321;
--orange-500: #8f6434;
/* Yellow */
--yellow-100: #bbc660;
--yellow-200: #a0a000;
--yellow-300: #676700;
--yellow-400: #424200;
/* Vermilion */
--vermilion-100: #eb7028;
--vermilion-200: #ba4220;
--vermilion-300: #742a0c;
/* Bluish cyan */
--bluishCyan-100: #50aee4;
--bluishCyan-200: #007ebb;
/* Grass green */
--grassGreen-100: #70a15a;
--grassGreen-200: #4a653a;
/* Greenish cyan */
--greenishCyan-100: #5da898;
--greenishCyan-200: #2b5750;
/* Lime */
--lime-100: #7d9029;
--lime-200: #6b7c23;
/* Purple */
--purple-100: #ab27ff;
/* Scarlet */
--scarlet-100: #b65b7f;
/* Magenta */
--magenta-100: #ff61fe;
/* Purple violet */
--purpleViolet-100: #563acc;
/* Teal */
--teal-100: #d1e6d9;
}