Create home page

2025-10-14 18:47:40 -05:00 · 2025-10-14 18:47:40 -05:00 · ab3f8dd8eb
commit ab3f8dd8eb
parent 335c481805
2 changed files with 118 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self';">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="color-scheme" content="light dark" type="text/css">
+  <title>Ella Dunbar</title>
+  <link rel="stylesheet" href="style.css">
+</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, 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-10-18 | <a href="https://git.elladunbar.com/ella/elladunbar.com">Source</a> |
+      Contact: web [at] elladunbar.com</p>
+  </footer>
+</body>
+
+</html>
--- a/style.css
+++ b/style.css
@ -0,0 +1,46 @@
+: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 */