ella/elladunbar.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add new color theme and change names

Browse source
This commit is contained in:
Ella Dunbar 2025-12-13 00:06:48 -06:00
parent f58b68c584
commit 215ce68e81
4 changed files with 46 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

7
full/index.html
View file

@ -20,9 +20,10 @@
<label> <label>
Theme Picker Theme Picker
<select> <select>
<option value="drifting">Drifting</option> <option value="do">DO</option>
<option value="ascendant">Ascendant</option> <option value="fwc">FWC</option>
<option value="aristocratic">Aristocratic</option> <option value="nm">NM</option>
<option value="vog">VoG</option>
</select> </select>
</label> </label>
<nav> <nav>

52
full/style.css
View file

@ -75,20 +75,20 @@ h6 {
/* oklch site: https://oklch.com/ */ /* oklch site: https://oklch.com/ */
/* color filters: https://angel-rs.github.io/css-color-filter-generator/ */ /* color filters: https://angel-rs.github.io/css-color-filter-generator/ */
/* Dead Orbit */ /* Dead Orbit */
html:has(option[value="drifting"]:checked) { html:has(option[value="do"]:checked) {
--color-background: light-dark(oklch(0.95 0 0), oklch(0.45 0 0)); --color-background: light-dark(oklch(0.8 0 0), oklch(0.45 0 0));
--color-header-footer: light-dark(oklch(0.68 0 0), oklch(0.25 0 0)); --color-header-footer: light-dark(oklch(0.55 0 0), oklch(0.25 0 0));
--color-main: light-dark(oklch(0.98 0 0), oklch(0.175 0 0)); --color-main: light-dark(oklch(0.93 0 0), oklch(0.175 0 0));
--color-text: light-dark(oklch(0.2 0 0), oklch(0.9 0 0)); --color-text: light-dark(oklch(0 0 0), oklch(0.9 0 0));
--svg-brightness-1: 0%; --svg-brightness-1: 0%;
--svg-saturate-1: 100%; --svg-saturate-1: 100%;
--svg-invert: 0%; --svg-invert: 0%;
--svg-sepia: 1%; --svg-sepia: 0%;
--svg-saturate-2: 6582%; --svg-saturate-2: 100%;
--svg-hue-rotate: 336deg; --svg-hue-rotate: 0deg;
--svg-brightness-2: 88%; --svg-brightness-2: 0%;
--svg-contrast: 83%; --svg-contrast: 100%;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
--svg-brightness-1: 0%; --svg-brightness-1: 0%;
@ -103,7 +103,7 @@ html:has(option[value="drifting"]:checked) {
} }
/* Future War Cult */ /* Future War Cult */
html:has(option[value="ascendant"]:checked) { html:has(option[value="fwc"]:checked) {
--color-background: light-dark(oklch(0.4088 0.1303 281.27), oklch(0.1847 0.0503 286.27)); --color-background: light-dark(oklch(0.4088 0.1303 281.27), oklch(0.1847 0.0503 286.27));
--color-header-footer: light-dark(oklch(0.98 0 0), oklch(0.7314 0.0725 91.4)); --color-header-footer: light-dark(oklch(0.98 0 0), oklch(0.7314 0.0725 91.4));
--color-main: light-dark(oklch(0.895 0.0916 88.17), oklch(0.3589 0.1438 281.27)); --color-main: light-dark(oklch(0.895 0.0916 88.17), oklch(0.3589 0.1438 281.27));
@ -131,7 +131,7 @@ html:has(option[value="ascendant"]:checked) {
} }
/* New Monarchy */ /* New Monarchy */
html:has(option[value="aristocratic"]:checked) { html:has(option[value="nm"]:checked) {
--color-background: light-dark(oklch(0.98 0 0), oklch(0.2665 0.0841 29.27)); --color-background: light-dark(oklch(0.98 0 0), oklch(0.2665 0.0841 29.27));
--color-header-footer: light-dark(oklch(0.4531 0.1712 29.27), oklch(0.3 0 0)); --color-header-footer: light-dark(oklch(0.4531 0.1712 29.27), oklch(0.3 0 0));
--color-main: light-dark(oklch(0.9 0 0), oklch(0.2299 0.05 29.27)); --color-main: light-dark(oklch(0.9 0 0), oklch(0.2299 0.05 29.27));
@ -158,6 +158,34 @@ html:has(option[value="aristocratic"]:checked) {
} }
} }
/* Vault of Glass */
html:has(option[value="vog"]:checked) {
--color-background: light-dark(oklch(0.93 0 0), oklch(0.3224 0.0392 145.18));
--color-header-footer: light-dark(oklch(0.8742 0.0828 224.95), oklch(0.4306 0.0922 55.84));
--color-main: light-dark(oklch(1 0 0), oklch(0.2091 0.0107 232.65));
--color-text: light-dark(oklch(0.45 0 0), oklch(0.9555 0.0219 224.95));
--svg-brightness-1: 0%;
--svg-saturate-1: 100%;
--svg-invert: 33%;
--svg-sepia: 6%;
--svg-saturate-2: 0%;
--svg-hue-rotate: 174deg;
--svg-brightness-2: 94%;
--svg-contrast: 88%;
@media (prefers-color-scheme: dark) {
--svg-brightness-1: 0%;
--svg-saturate-1: 100%;
--svg-invert: 89%;
--svg-sepia: 9%;
--svg-saturate-2: 467%;
--svg-hue-rotate: 175deg;
--svg-brightness-2: 106%;
--svg-contrast: 98%;
}
}
/* https://smolweb.org/subset.html */ /* https://smolweb.org/subset.html */
/* structural */ /* structural */

2
www/index.html
View file

@ -1 +1 @@
<!doctype html><html lang=en-US><meta content="text/html; charset=utf-8" http-equiv=Content-Type><meta content="default-src 'self';" http-equiv=Content-Security-Policy><meta content="width=device-width,initial-scale=1.0" name=viewport><meta content="light dark" name=color-scheme><title>Ella Dunbar</title><link href=favicon.svg rel=icon type=image/svg+xml><link href=style.css rel=stylesheet></head><body><div class=drop-shadow><header><img alt="The icon and mascot for the website. It is a hand-drawn picture of a spherical body with large eyes, a smile, and slim wavy arms and legs" src=favicon.svg><strong>elladunbar.com</strong><label>Theme Picker <select><option value=drifting>Drifting</option><option value=ascendant>Ascendant</option><option value=aristocratic>Aristocratic</option></select></label><nav><a href=https://elladunbar.com>Home</a> | Blog [coming soon!] | RSS and Atom feeds [coming soon!] | <a href=https://git.elladunbar.com>Forgejo</a></nav><hr></header><main><article><h1>Welcome</h1><p>Hi, I’m Ella. Welcome to my really <i>really</i> awesome website!! You should probably enjoy it, or you won’t enjoy it very much.</p><h2>About Me</h2><p>I graduated with a Bachelor’s of Science in Electrical and Computer Engineering (what a mouthful...) from Rice University in 2024. I now do data science as a Neurobiology researcher at The University of Alabama at Birmingham.</p><p>In computer world, I enjoy programming mostly in Python/Hy and Rust. I’ve written a few <a href=https://tree-sitter.github.io/>tree-sitter</a> grammars (<a href=https://github.com/elladunbar/tree-sitter-hy>tree-sitter-hy</a> and <a href=https://github.com/elladunbar/tree-sitter-zanscript>tree-sitter-zanscript</a>) to enable better syntax highlighting in my editor, and I’ve made a small project (<a href=https://github.com/elladunbar/to-braille>to-braille</a>) to print images using Unicode braille characters. I prefer Unix-like operating systems and usually work out of a terminal emulator.</p><p>At Rice, my senior capstone project was <a href="https://oedk.rice.edu/teams-details?recordId=recOoHcwRsKrtGwNm">Sea++</a> where my team created an autonomous solar-powered sailboat from scratch. I especially enjoyed implementing a more robust communication protocol for our microcontrollers. The protocol was built on top of serial with checksumming and error state communication. In other classes, I designed and programmed a custom bicycle spedometer for Beer Bike athletes, and I spent a lot of time playing with images and deep learning models.</p><p>When I’m not working, I spend a lot of time reading <a href=https://news.ycombinator.com/>Hacker News</a>, listening to music, and playing Super Smash Bros. Melee. Out of doors, I love climbing and backpacking, and Red River Gorge, the Ouachita Mountains, and Big Bend National Park are some of my favorite spots.</p><h2>Links</h2><h3>More Serious</h3><ul><li>GitHub: <a href=https://github.com/elladunbar>elladunbar</a></li><li>Forgejo: <a href=https://git.elladunbar.com/ella>ella</a></li><li>LinkedIn: <a href=https://www.linkedin.com/in/ella-dunbar>Ella Dunbar</a></li></ul><h3>Less Serious</h3><ul><li>Last.fm: <a href=https://www.last.fm/user/elladunbar>elladunbar</a></li><li>Hacker News: <a href="https://news.ycombinator.com/user?id=dunb">dunb</a></li></ul></article></main><footer><hr><p>Ella Dunbar | Updated on 2025-12-12 | <a href=https://git.elladunbar.com/ella/elladunbar.com>Source</a> | Contact: web [at] elladunbar.com</p></footer></div></body></html> <!doctype html><html lang=en-US><meta content="text/html; charset=utf-8" http-equiv=Content-Type><meta content="default-src 'self';" http-equiv=Content-Security-Policy><meta content="width=device-width,initial-scale=1.0" name=viewport><meta content="light dark" name=color-scheme><title>Ella Dunbar</title><link href=favicon.svg rel=icon type=image/svg+xml><link href=style.css rel=stylesheet></head><body><div class=drop-shadow><header><img alt="The icon and mascot for the website. It is a hand-drawn picture of a spherical body with large eyes, a smile, and slim wavy arms and legs" src=favicon.svg><strong>elladunbar.com</strong><label>Theme Picker <select><option value=do>DO</option><option value=fwc>FWC</option><option value=nm>NM</option><option value=vog>VoG</option></select></label><nav><a href=https://elladunbar.com>Home</a> | Blog [coming soon!] | RSS and Atom feeds [coming soon!] | <a href=https://git.elladunbar.com>Forgejo</a></nav><hr></header><main><article><h1>Welcome</h1><p>Hi, I’m Ella. Welcome to my really <i>really</i> awesome website!! You should probably enjoy it, or you won’t enjoy it very much.</p><h2>About Me</h2><p>I graduated with a Bachelor’s of Science in Electrical and Computer Engineering (what a mouthful...) from Rice University in 2024. I now do data science as a Neurobiology researcher at The University of Alabama at Birmingham.</p><p>In computer world, I enjoy programming mostly in Python/Hy and Rust. I’ve written a few <a href=https://tree-sitter.github.io/>tree-sitter</a> grammars (<a href=https://github.com/elladunbar/tree-sitter-hy>tree-sitter-hy</a> and <a href=https://github.com/elladunbar/tree-sitter-zanscript>tree-sitter-zanscript</a>) to enable better syntax highlighting in my editor, and I’ve made a small project (<a href=https://github.com/elladunbar/to-braille>to-braille</a>) to print images using Unicode braille characters. I prefer Unix-like operating systems and usually work out of a terminal emulator.</p><p>At Rice, my senior capstone project was <a href="https://oedk.rice.edu/teams-details?recordId=recOoHcwRsKrtGwNm">Sea++</a> where my team created an autonomous solar-powered sailboat from scratch. I especially enjoyed implementing a more robust communication protocol for our microcontrollers. The protocol was built on top of serial with checksumming and error state communication. In other classes, I designed and programmed a custom bicycle spedometer for Beer Bike athletes, and I spent a lot of time playing with images and deep learning models.</p><p>When I’m not working, I spend a lot of time reading <a href=https://news.ycombinator.com/>Hacker News</a>, listening to music, and playing Super Smash Bros. Melee. Out of doors, I love climbing and backpacking, and Red River Gorge, the Ouachita Mountains, and Big Bend National Park are some of my favorite spots.</p><h2>Links</h2><h3>More Serious</h3><ul><li>GitHub: <a href=https://github.com/elladunbar>elladunbar</a></li><li>Forgejo: <a href=https://git.elladunbar.com/ella>ella</a></li><li>LinkedIn: <a href=https://www.linkedin.com/in/ella-dunbar>Ella Dunbar</a></li></ul><h3>Less Serious</h3><ul><li>Last.fm: <a href=https://www.last.fm/user/elladunbar>elladunbar</a></li><li>Hacker News: <a href="https://news.ycombinator.com/user?id=dunb">dunb</a></li></ul></article></main><footer><hr><p>Ella Dunbar | Updated on 2025-12-12 | <a href=https://git.elladunbar.com/ella/elladunbar.com>Source</a> | Contact: web [at] elladunbar.com</p></footer></div></body></html>

2
www/style.css
View file

File diff suppressed because one or more lines are too long