Compare commits

..

No commits in common. "7176b69c17f757236cabed5b618e048db5ba4391" and "6fa306cf468d61dbf59ba1df14274870e9393e9b" have entirely different histories.

5 changed files with 63 additions and 122 deletions

2
.gitignore vendored
View file

@ -1,2 +0,0 @@
*scratch*
*scratch*/

View file

@ -11,75 +11,62 @@
</head> </head>
<body> <body>
<div class="drop-shadow"> <header>
<header> <strong>elladunbar.com</strong>
<strong>elladunbar.com</strong> <nav>
<nav> <a href="https://elladunbar.com">Home</a> | Blog [coming soon!] | RSS and Atom feeds [coming soon!] | <a
<a href="https://elladunbar.com">Home</a> | Blog [coming soon!] | RSS and Atom feeds [coming soon!] | <a href="https://git.elladunbar.com">Forgejo</a>
href="https://git.elladunbar.com">Forgejo</a> </nav>
</nav> <hr>
<label> </header>
Color Scheme
<select>
<option value="drifting">Drifting</option>
<option value="ascendant">Ascendant</option>
<option value="aristocratic">Aristocratic</option>
</select>
</label>
<hr>
</header>
<main> <main>
<article> <article>
<h1>Welcome</h1> <h1>Welcome</h1>
<p>Hi, Im Ella. Welcome to my really <i>really</i> awesome website!! You should probably enjoy it, or you wont <p>Hi, Im Ella. Welcome to my really <i>really</i> awesome website!! You should probably enjoy it, or you wont
enjoy it very much.</p> enjoy it very much.</p>
<h2>About Me</h2> <h2>About Me</h2>
<p>I graduated with a Bachelors of Science in Electrical and Computer Engineering (what a mouthful...) from <p>I graduated with a Bachelors of Science in Electrical and Computer Engineering (what a mouthful...) from Rice
Rice University in 2024. I now do data science as a Neurobiology researcher at The University of Alabama at
University in 2024. I now do data science as a Neurobiology researcher at The University of Alabama at Birmingham.</p>
Birmingham.</p> <p>In computer world, I enjoy programming mostly in Python/Hy and Rust. Ive written a few <a
<p>In computer world, I enjoy programming mostly in Python/Hy and Rust. Ive written a few <a href="https://tree-sitter.github.io/">tree-sitter</a> grammars (<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-hy">tree-sitter-hy</a> and <a href="https://github.com/elladunbar/tree-sitter-zanscript">tree-sitter-zanscript</a>) to enable better syntax
href="https://github.com/elladunbar/tree-sitter-zanscript">tree-sitter-zanscript</a>) to enable better highlighting in my editor, and Ive made a small project (<a
syntax href="https://github.com/elladunbar/to-braille">to-braille</a>) to print images using Unicode braille
highlighting in my editor, and Ive made a small project (<a characters. I prefer Unix-like operating systems and usually work out of a terminal emulator.</p>
href="https://github.com/elladunbar/to-braille">to-braille</a>) to print images using Unicode braille <p>At Rice, my senior capstone project was <a
characters. I prefer Unix-like operating systems and usually work out of a terminal emulator.</p> href="https://oedk.rice.edu/teams-details?recordId=recOoHcwRsKrtGwNm">Sea++</a> where my team created an
<p>At Rice, my senior capstone project was <a autonomous solar-powered sailboat from scratch. I especially enjoyed implementing a more robust communication
href="https://oedk.rice.edu/teams-details?recordId=recOoHcwRsKrtGwNm">Sea++</a> where my team created an protocol for our microcontrollers. The protocol was built on top of serial with checksumming and error state
autonomous solar-powered sailboat from scratch. I especially enjoyed implementing a more robust communication communication. In other classes, I designed and programmed a custom bicycle spedometer for Beer Bike athletes,
protocol for our microcontrollers. The protocol was built on top of serial with checksumming and error state and I spent a lot of time playing with images and deep learning models.</p>
communication. In other classes, I designed and programmed a custom bicycle spedometer for Beer Bike athletes, <p>When Im not working, I spend a lot of time reading <a href="https://news.ycombinator.com/">Hacker News</a>,
and I spent a lot of time playing with images and deep learning models.</p> listening to music, and playing Super Smash Bros. Melee. Out of doors, I love climbing and backpacking, and Red
<p>When Im not working, I spend a lot of time reading <a href="https://news.ycombinator.com/">Hacker News</a>, River Gorge, the Ouachita Mountains, and Big Bend National Park are some of my favorite spots.</p>
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> <h2>Links</h2>
<h3>More Serious</h3> <h3>More Serious</h3>
<ul> <ul>
<li>GitHub: <a href="https://github.com/elladunbar">elladunbar</a></li> <li>GitHub: <a href="https://github.com/elladunbar">elladunbar</a></li>
<li>Forgejo: <a href="https://git.elladunbar.com/ella">ella</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> <li>LinkedIn: <a href="https://www.linkedin.com/in/ella-dunbar">Ella Dunbar</a></li>
</ul> </ul>
<h3>Less Serious</h3> <h3>Less Serious</h3>
<ul> <ul>
<li>Last.fm: <a href="https://www.last.fm/user/elladunbar">elladunbar</a></li> <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> <li>Hacker News: <a href="https://news.ycombinator.com/user?id=dunb">dunb</a></li>
</ul> </ul>
</article> </article>
</main> </main>
<footer> <footer>
<hr> <hr>
<p>Ella Dunbar | Updated on 2025-10-18 | <a href="https://git.elladunbar.com/ella/elladunbar.com">Source</a> | <p>Ella Dunbar | Updated on 2025-10-18 | <a href="https://git.elladunbar.com/ella/elladunbar.com">Source</a> |
Contact: web [at] elladunbar.com</p> Contact: web [at] elladunbar.com</p>
</footer> </footer>
</div>
</body> </body>
</html> </html>

View file

@ -66,80 +66,40 @@ h6 {
:root { :root {
/* auto light/dark based on user choice */ /* auto light/dark based on user choice */
color-scheme: light dark; color-scheme: light dark;
} --text: light-dark(#000000, #FFFFFF);
--bg: light-dark(#FFFFFF, #000000);
.drop-shadow { font-family: sans-serif;
box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2), 0 0.75rem 2.5rem 0 rgba(0, 0, 0, 0.19);
}
/* Dead Orbit */
html:has(option[value="drifting"]:checked) {
--color-background: light-dark(oklch(0.95 0 0), oklch(0.45 0 0));
--color-header-footer: light-dark(oklch(0.68 0 0), oklch(0.25 0 0));
--color-main: light-dark(oklch(0.98 0 0), oklch(0.175 0 0));
--color-text: light-dark(oklch(0.2 0 0), oklch(0.9 0 0));
}
/* Future War Cult */
html:has(option[value="ascendant"]:checked) {
--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-main: light-dark(oklch(0.895 0.0916 88.17), oklch(0.3589 0.1438 281.27));
--color-text: light-dark(oklch(0.4274 0.1456 21.51), oklch(0.98 0 0));
}
/* New Monarchy */
html:has(option[value="aristocratic"]:checked) {
--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-main: light-dark(oklch(0.9 0 0), oklch(0.2299 0.05 29.27));
--color-text: light-dark(oklch(0.3 0 0), oklch(0.9 0 0));
} }
/* https://smolweb.org/subset.html */ /* https://smolweb.org/subset.html */
/* structural */ /* structural */
body { body {
background: var(--color-background); background: #383838;
margin: 0 auto; margin: 0 auto;
max-width: max(768px, 80ch); max-width: max(768px, 100ch);
} }
html { html {
font-family: "SF Pro Display",
-apple-system,
system-ui,
BlinkMacSystemFont,
"Inter",
"Segoe UI",
Roboto,
Helvetica,
Arial,
sans-serif;
/* respect user font choices */ /* respect user font choices */
font-size: 100%; font-size: 100%;
font-weight: 400;
color: var(--color-text);
} }
/* semantic */ /* semantic */
header { header {
background: var(--color-header-footer); background: #afafaf;
strong { strong {
margin: 0.5rem; margin: 0.5rem;
font-size: 1.6rem; font-size: 1.6rem;
} }
label {
font-size: 0.8rem;
}
} }
footer { footer {
background: var(--color-header-footer); background: #afafaf;
font-size: 0.8rem; font-size: 0.9rem;
p { p {
margin: 0.5rem; margin: 0.5rem;
@ -147,7 +107,7 @@ footer {
} }
main { main {
background: var(--color-main); background: #cccccc;
padding: 1rem; padding: 1rem;
} }
@ -176,10 +136,6 @@ p {
/* hypertextual */ /* hypertextual */
/* listing */ /* listing */
/* forms */ /* forms */
label {
margin: 0.5rem;
}
/* basic table */ /* basic table */
/* image */ /* image */
/* presentation */ /* presentation */

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=style.css rel=stylesheet></head><body><div class=drop-shadow><header><strong>elladunbar.com</strong><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><label>Color Scheme <select><option value=drifting>Drifting</option><option value=ascendant>Ascendant</option><option value=aristocratic>Aristocratic</option></select></label><hr></header><main><article><h1>Welcome</h1><p>Hi, Im Ella. Welcome to my really <i>really</i> awesome website!! You should probably enjoy it, or you wont enjoy it very much.</p><h2>About Me</h2><p>I graduated with a Bachelors 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. Ive 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 Ive 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 Im 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-10-18 | <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=style.css rel=stylesheet></head><body><header><strong>elladunbar.com</strong><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, Im Ella. Welcome to my really <i>really</i> awesome website!! You should probably enjoy it, or you wont enjoy it very much.</p><h2>About Me</h2><p>I graduated with a Bachelors 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. Ive 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 Ive 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 Im 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-10-18 | <a href=https://git.elladunbar.com/ella/elladunbar.com>Source</a> | Contact: web [at] elladunbar.com</p></footer></body></html>

View file

@ -1 +1 @@
/* https://www.joshwcomeau.com/css/custom-css-reset/ */ *, *::before, *::after { box-sizing: border-box; } * { margin: 0; } @media (prefers-reduced-motion: no-preference) { html { interpolate-size: allow-keywords; } } body { line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img, picture, video, canvas, svg { display: block; max-width: 100%; } input, button, textarea, select { font: inherit; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; hyphens: auto; } p { text-wrap: pretty; } h1, h2, h3, h4, h5, h6 { text-wrap: balance; } /* our stuff */ :root { /* auto light/dark based on user choice */ color-scheme: light dark; } .drop-shadow { box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2), 0 0.75rem 2.5rem 0 rgba(0, 0, 0, 0.19); } /* Dead Orbit */ html:has(option[value="drifting"]:checked) { --color-background: light-dark(oklch(0.95 0 0), oklch(0.45 0 0)); --color-header-footer: light-dark(oklch(0.68 0 0), oklch(0.25 0 0)); --color-main: light-dark(oklch(0.98 0 0), oklch(0.175 0 0)); --color-text: light-dark(oklch(0.2 0 0), oklch(0.9 0 0)); } /* Future War Cult */ html:has(option[value="ascendant"]:checked) { --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-main: light-dark(oklch(0.895 0.0916 88.17), oklch(0.3589 0.1438 281.27)); --color-text: light-dark(oklch(0.4274 0.1456 21.51), oklch(0.98 0 0)); } /* New Monarchy */ html:has(option[value="aristocratic"]:checked) { --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-main: light-dark(oklch(0.9 0 0), oklch(0.2299 0.05 29.27)); --color-text: light-dark(oklch(0.3 0 0), oklch(0.9 0 0)); } /* https://smolweb.org/subset.html */ /* structural */ body { background: var(--color-background); margin: 0 auto; max-width: max(768px, 80ch); } html { font-family: "SF Pro Display", -apple-system, system-ui, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* respect user font choices */ font-size: 100%; font-weight: 400; color: var(--color-text); } /* semantic */ header { background: var(--color-header-footer); strong { margin: 0.5rem; font-size: 1.6rem; } label { font-size: 0.8rem; } } footer { background: var(--color-header-footer); font-size: 0.8rem; p { margin: 0.5rem; } } main { background: var(--color-main); padding: 1rem; } nav { margin: 0.5rem; } /* textual */ h1 { font-size: 2rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.2rem; } p { margin: 1rem 0; } /* hypertextual */ /* listing */ /* forms */ label { margin: 0.5rem; } /* basic table */ /* image */ /* presentation */ /* metainformation and linking */ /* https://www.joshwcomeau.com/css/custom-css-reset/ */ *, *::before, *::after { box-sizing: border-box; } /* * { */ /* margin: 0; */ /* } */ @media (prefers-reduced-motion: no-preference) { html { interpolate-size: allow-keywords; } } body { line-height: 1.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img, picture, video, canvas, svg { display: block; max-width: 100%; } input, button, textarea, select { font: inherit; } p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; hyphens: auto; } p { text-wrap: pretty; } h1, h2, h3, h4, h5, h6 { text-wrap: balance; } /* our stuff */ :root { /* auto light/dark based on user choice */ color-scheme: light dark; --text: light-dark(#000000, #FFFFFF); --bg: light-dark(#FFFFFF, #000000); } /* https://smolweb.org/subset.html */ /* structural */ html { /* respect user font choices */ font-size: 100%; } /* semantic */ header strong { font-size: 1.6rem; } footer { font-size: 0.9rem; } /* textual */ h1 { font-size: 2rem; } h2 { font-size: 1.6rem; } h3 { font-size: 1.2rem; } /* hypertextual */ /* listing */ /* forms */ /* basic table */ /* image */ /* presentation */ /* metainformation and linking */