Adds homepage content; more style adjustments.

jeremyboggs · Oct 30, 2024 · 7844335 · 7844335
1 parent 10716c1
commit 7844335
Show file tree

Hide file tree

Showing 2 changed files with 62 additions and 33 deletions.
diff --git a/index.html b/index.html
@@ -2,28 +2,47 @@
 layout: default
 title: Home
 ---
-<h2>What I'm currently thinking about:</h2>
-<ul>
-    <li>Compost as an alternative metaphor for link rot; rethinking our
-    relationship with broken URLs.</li>
-    <li>Indigeneous research methods and practices.</li>
-    <li>George Perec, OuLiPo, and fascinating issues around categorization and
-    lists.</li>
-    <li>The <a
-    href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API">Intersection
-    Observer API</a> and other web APIs.</li>
-    <li>Book Readings: Making a working library connected to different kinds of
-    card decks.</li>
-    <li>Building some plant stands, coffee filter holders, and a coffee
-    table.</li>
-    <li>Documenting the process of disassembling, cleaning, and reassembling my
-    bike, with notes on things to change or upgrade.</li>
-</ul>
-<h2>Past attention:</h2>
-<ul>
-    <li>Making an inventory of parts for my bike;</li>
-    <li>Reading this 14-year-old blog post I wrote about <a href="/hacking-our-conferences/">hacking our academic conferences</a></li>
-    <li>Evaluating Juncture from JSTOR Labs</li>
-    <li>Publishing a personal annual coffee report</li>
-    <li><a href="/carrier-bag-theory-for-dh/">Figuring out how to bring energy back to myself</a>.</li>
-</ul>
+<section>
+    <h2>About</h2>
+    <p>I've been a digital humanities practitioner for over twenty years, as a
+    designer, developer, researcher, and teacher. In my current role as Head of
+    Research and Development in the <a href="https://scholarslab.lib.virginia.edu"
+    rel="external">Scholars’ Lab</a> I provide consultation and collaboration
+    support for digital humanities related initiatives. My current research
+    includes feminist interface design for digital collections, homebrewed
+    adaptations of fictional and historical materials for <em>Dungeons and
+    Dragons</em>, and connecting bibliographies to different types of card decks
+    and games.</p>
+    <p>Some projects I've helped develop include the Praxis Program, Speaking in
+    Code, Neatline, Take Back the Archive, Accessible Futures, Omeka, Zotero,
+    and THATCamp.</p>
+</section>
+<section id="currently">
+    <h2>What I'm currently thinking about:</h2>
+    <ul>
+        <li>Compost as an alternative metaphor for link rot; rethinking our
+        relationship with broken URLs.</li>
+        <li>Indigeneous research methods and practices.</li>
+        <li>George Perec, OuLiPo, and fascinating issues around categorization and
+        lists.</li>
+        <li>The <a
+        href="https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API">Intersection
+        Observer API</a> and other web APIs.</li>
+        <li>Book Readings: Making a working library connected to different kinds of
+        card decks.</li>
+        <li>Building some plant stands, coffee filter holders, and a coffee
+        table.</li>
+        <li>Documenting the process of disassembling, cleaning, and reassembling my
+        bike, with notes on things to change or upgrade.</li>
+    </ul>
+</section>
+<section id="previously">
+    <h2>Past attention:</h2>
+    <ul>
+        <li>Making an inventory of parts for my bike;</li>
+        <li>Reading this 14-year-old blog post I wrote about <a href="/hacking-our-conferences/">hacking our academic conferences</a></li>
+        <li>Evaluating Juncture from JSTOR Labs</li>
+        <li>Publishing a personal annual coffee report</li>
+        <li><a href="/carrier-bag-theory-for-dh/">Figuring out how to bring energy back to myself</a>.</li>
+    </ul>
+</section>
diff --git a/styles.scss b/styles.scss
@@ -32,7 +32,7 @@ body {
   line-height: 1.75;
   padding: 0 1rem;
   color: #303030;
-  background: #fffee9;
+  background: #f4f4ee;
 }
 
 h1 {
@@ -64,22 +64,22 @@ h3 + h4 {
 
 a:link,
 a:visited {
-  color: rgba(200, 100, 100, 0.9);
+  color: rgba(100, 50, 50, 0.9);
 }
 
 a:hover,
 a:focus {
-  color: rgba(150, 50, 50, 0.9);
+  color: rgba(120, 50, 100, 0.9);
 }
 a:active {
   color: #303030;
 }
 blockquote {
-  margin: 2rem;
+  margin: 4rem 2rem;
   background: rgba(255,255,255,0.25);
-  padding: 2rem;
-  border-left: 0.25rem solid rgba(255,100,0, 0.75);
-  font-size: 1.25rem;
+  padding: 3rem;
+  border: 1px solid rgba(0,0,0,0.125);
+  box-shadow: 10px 10px 0 rgba(100,50,50, 0.075);
 
 }
 
@@ -114,16 +114,26 @@ article header h1:first-of-type {
 
 footer {
   border-top: 1px solid rgba(0,0,0,0.075);
+  margin-top: 4rem;
 }
 
 @media screen and (min-width: 500px) {
 
 body {
-  font-size: 18px;
   padding: 0 4rem;
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
+  max-width: 700px;
+  margin: 0 auto;
 }
 
+section {
+  margin: 4rem 0;
+}
+
+section+section {
+  border-top: 1px solid rgba(0,0,0,0.075);
+  padding-top: 2rem;
+}
 }