Update

index.html

@@ -45,8 +45,47 @@
             </tr>
         </table>
         </section>
+
+        <section id="about">
+          <h1>about me</h1>
+          <img id="mood" src="mood.jpg" alt="a dog with her head under the sofa" title="Mood." />
+          <p>I work in a library and care about books and information being free.
+             I have two dogs and foster a third.
+             I'm getting married soon and I'm excited about it.
+          </p>
+          <p>I'm interested in 
+             veganism,
+             cooking,
+             socialism,
+             free software,
+             making friends,
+             science fiction,
+             co-ops (or at least the idea of them),
+             and cetera.
+             I'm a Unitarian Universalist by church
+             and an atheist/humanist by faith
+             (or lack of it).
+             I believe in the inherent goodness of people.
+             I believe in the simple fact
+             that we've made our bed,
+             and we can remake it to be better.
+          </p>
+          <p>My favorite children's book might just be
+             <a href="https://www.goodreads.com/book/show/363973.The_Little_Old_Lady_Who_Was_Not_Afraid_of_Anything">
+             <em>The Little Old Woman Who Wasn't Afraid of Anything</em></a>.
+             It's a lot of fun to read and it has a good message,
+             namely: <em>Don't be afraid of the unknown.
+               It's probably just misunderstood.</em>
+          </p>
+          <p>I am in complete awe of the community here on ~.town.
+             There's so much great art around town
+             and I want to make some that's just as good.
+             Everyone here inspires the hell out of me.
+          </p>
+        </section>
+
         <section id="links">
-            <h2>links</h2>
+            <h1>links</h2>
             <dl>
                 <dt>world wide web</dt>
                 <dd><a href="feels">

style.css

@@ -41,6 +41,12 @@ body { background: PapayaWhip; }
     top: 100vh;
 }
 
+#mood {
+  float: right;
+  width: 200px;
+  margin: 8px;
+}
+
 main { }
 main section {
     max-width: 50rem;
@@ -51,10 +57,6 @@ main section {
     border-radius: 5px;
     margin-bottom: 1rem;
 }
-main section :first-child {
-    margin-top: 0;
-    padding-top: 0;
-}
 
 #house pre {
     background-color: #efd5ff;
@@ -73,6 +75,8 @@ footer {
     background-color: #d5efff;
     text-align: right;
     border-radius: 5px 5px 0 0;
+    display: flex;
+    justify-content: space-between;
 }
 
 a {
@@ -87,3 +91,13 @@ a:hover {
     background-color: #d5d5ff;
 }
 a:visited {}
+
+dt {
+  border-bottom: 1px solid black;
+  line-height: 1.0;
+  margin-top: 1em;
+}
+dd {
+  border-left: 1px solid black;
+  padding-left: 0.5em;
+}