]> git.neb.cc Git - xyz.git/commitdiff
Update styles, homepage, and bookshelf
authorBen Larson <[email protected]>
Sat, 5 Mar 2022 20:34:57 +0000 (14:34 -0600)
committerBen Larson <[email protected]>
Sat, 5 Mar 2022 20:34:57 +0000 (14:34 -0600)
src/bookshelf/index.html [moved from src/books/index.html with 65% similarity]
src/index.html
src/styles/colors.css
src/styles/main.css

similarity index 65%
rename from src/books/index.html
rename to src/bookshelf/index.html
index f2c3f1f38c4cc913de0722295d717ae5d6e76a75..cbbaaac314722a46879df92b97e683dfd0fd2cae 100644 (file)
       media="(prefers-color-scheme: dark)"
     />
     <meta charset="UTF-8" />
-    <title>Ben's Books</title>
+    <title>Ben's Bookshelf</title>
     <link rel="stylesheet" href="/styles/main.css" />
     <style>
       ol {
+        font-weight: bold;
         list-style-position: inside;
       }
 
+      ul {
+        font-weight: normal;
+        padding-bottom: 2rem;
+      }
+
       ul::before {
         content: '';
       }
   </head>
   <body>
     <header>
-      <h1>Ben's Books</h1>
+      <h1>Ben's Bookshelf</h1>
     </header>
     <main>
       <ol reversed start="2022">
         <li>
           <ul>
-            <li>The Boys in the Boat - Daniel James Brown - Reading</li>
+            <li>The Saga of Hervor and Heidrek - Jackson Crawford - Reading</li>
+            <li>Fundamentals of the Faith - Peter Kreeft - Reading</li>
+            <li>The Poetic Edda - Jackson Crawford - 4/5</li>
+            <li>The Great Polar Fraud - Anthony Galvin - 4/5</li>
+            <li>The Saga of the Volsungs - Jackson Crawford - 4/5</li>
+            <li>The Boys in the Boat - Daniel James Brown - 4/5</li>
             <li>The Ghost Map - Steven Johnson - 3/5</li>
           </ul>
         </li>
           </ul>
         </li>
       </ol>
+
+      <p>
+        Before 2021 I hadn't read much since middle school. As a kid I loved to
+        read, but all the garbage I had to read in high school and college
+        convinced me that reading was no fun. Fortunatly I rediscovered how
+        great a book can be in 2021 &thorn;anks to
+        <i>The Last Place on Earth</i>, and I've been trying to make up for lost
+        time ever since.
+      </p>
     </main>
   </body>
 </html>
index 5f9fd0e119d3bc0ea4578d3e9438896dd8a4cb66..a849183e444ace6bf17d79c9180894e21c36d7e4 100644 (file)
     </header>
     <main>
       <p class="dropcap">
-        I am a software developer in Nashville, Tennissee. For &eth;e past two
-        years I've been working on &eth;e Marketing Technology team at
+        I am a software developer in Nashville, Tennissee. For &eth;e past
+        &thorn;ree years I've been on &eth;e Platform Engineering team at
         <a href="https://www.ramseysolutions.com">Ramsey.</a> Before &eth;at I
         was in school at
         <a href="https://www.anselm.edu">Saint Anselm College,</a>
         where I got a bachelor's degree in Computer Science, and minored in
         Philosophy and German.
       </p>
-      <p class="dropcap">
-        For fun I enjoy hiking, reading, and listening to music. &ETH;e tallest
-        mountain I have climbed is Mount Washington (6k ft) in New Hampshire. A
-        few of my favorite au&thorn;ors are Howard Pyle, G. K. Chesterton, C. S.
-        Lewis, and Roland Huntford. Some musicians I like are
-        <a href="https://www.thomasbergersen.com">Thomas Bergersen,</a>
-        <a href="https://triodhoore.com">Trio Dhoore,</a> and
-        <a href="https://www.weirdal.com">"Weird Al" Yankovic.</a>
-      </p>
-      <p class="dropcap">
+      <p>
         Like a lot of o&eth;er devs, I often spend my free time coding. Many of
         my side projects are hosted on
         <a href="http://git.benlarson.xyz">my git server.</a> One of &eth;ese is
           >Stack Overflow.</a
         >
       </p>
+      <p class="dropcap">
+        Some o&eth;er &thorn;ings I enjoy are hiking, reading, and listening to
+        music. &ETH;e tallest mountain I have climbed is Mount Washington (6k
+        ft) in New Hampshire. A few of my favorite au&thorn;ors are Howard Pyle,
+        G. K. Chesterton, C. S. Lewis, and Roland Huntford. Some musicians I
+        like are
+        <a href="https://www.thomasbergersen.com">Thomas Bergersen,</a>
+        <a href="https://triodhoore.com">Trio Dhoore,</a> and
+        <a href="https://www.weirdal.com">"Weird Al" Yankovic.</a>
+      </p>
+      <p>
+        At any given time &eth;ere's usually some random topic I'm idly
+        researching. Recently I've been learing about Germanic cultures and
+        languages, especially Old Norse and Old English. &ETH;e characters eth
+        (&ETH;&eth;) and thorn (&THORN;&thorn;) are used in some languages to
+        represent &eth;e "th" sounds in "then" and "thin" respectively, and I've
+        used &eth;em on &eth;is page because &eth;ey are cool.
+      </p>
     </main>
   </body>
 </html>
index cb43d50a5be3f4edb3e67f7b1fa78113fcfa7df1..6d034fdb56fa3bf9fc7a311bf022a947bcff3a65 100644 (file)
@@ -2,12 +2,14 @@
   --background-color-primary: #fff;
   --background-color-header: #eee;
 
+  --background-image-primary: linear-gradient(45deg, #fff);
+
   --text-color-primary: #333;
   --text-color-links: #08f;
   --text-shadow: 0 0 1px rgba(100, 100, 100, 0.7),
     0px 1px rgba(255, 255, 255, 0.3);
 
-  --separator-color: #ddd;
+  --separator-color: #00000020;
 }
 
 @media (prefers-color-scheme: dark) {
     --background-color-primary: #181818;
     --background-color-header: #000;
 
-    --text-color-primary: #eee;
+    --background-image-primary: repeating-linear-gradient(
+      45deg,
+      #0a0a0a,
+      #0a0a0a 4px,
+      #1a1a1a 4px,
+      #1a1a1a 8px
+    );
+
+    --text-color-primary: #ddd;
     --text-color-links: #0af;
     --text-shadow: 0 0 1px rgba(200, 200, 200, 0.6);
 
-    --separator-color: #282828;
+    --separator-color: #ffffff18;
   }
 }
index d30df94d2279f2189620e858570d0190441475b1..4bd1b7c34980497343234b72469633e3ad7b61b1 100644 (file)
@@ -11,6 +11,7 @@ body {
   font-family: lingua-franca, serif;
   font-size: 19pt;
   background-color: var(--background-color-primary);
+  background-image: var(--background-image-primary);
   color: var(--text-color-primary);
   text-shadow: var(--text-shadow);
 }
@@ -18,7 +19,7 @@ body {
 header {
   background-color: var(--background-color-header);
   padding: 6rem 3rem 3rem 3rem;
-  box-shadow: 0 -1px var(--separator-color) inset;
+  box-shadow: 0 1px var(--separator-color);
 }
 
 h1 {