Adding age, more cleaning

index.html

@@ -35,11 +35,22 @@
         list-style-type: none;
         padding: 0;
       }
+      hr {
+        color: #eee;
+      }
+      ul.nowrap li {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+      }
       li span {
         display: inline-block;
         text-align: center;
         width: 16px;
       }
+      small {
+        text-transform: uppercase;
+      }
     </style>
   </head>
 
@@ -47,30 +58,31 @@
     <div class="container">
       <h3>Hello, I'm <strong>Dustin Swan</strong>.</h3>
 
-      <p>I live on a <a href="https://rockwall-farm.com">horse farm</a> in upstate New York with my wife, Melissa.
+      <p>I live on a horse farm in upstate New York with my wife, Melissa.
       <br />Before this, we lived in New Mexico &amp; Chicago.</p>
 
-      <p>I write code at <a href="https://visionable.com">Visionable</a>.</p>
+      <p>I code at <a href="https://visionable.com">Visionable</a>.</p>
 
-      <h4>Places</h4>
+      <hr />
 
-      <ul>
+      <ul class="nowrap">
         <li title="Email"><span>⍐</span> <a href="mailto:dustin@dustinswan.com">dustin@dustinswan.com</a></li>
         <li title="Web"><span>ʬ</span> <a href="https://dustinswan.com">https://dustinswan.com</a></li>
-        <li title="Gemini"><span>Ѧ</span> <a href="gemini://gemini.dustinswan.com">gemini://gemini.dustinswan.com</a></li>
+        <li title="Gemini"><span>Ѧ</span> <a href="gemini://gemini.dustinswan.com">gemini://gemini.dustinswan.com</a> <small>[<a href="https://proxy.vulpes.one/gemini/gemini.dustinswan.com">proxy</a>]</small></li>
         <li title="Beaker"><span>⬡</span> <a href="hyper://8e78dbc692f900e22ff4f3c82288806377bd717d310884cade4028aff99fe1b6/">hyper://8e78db..b6</a></li>
-        <li title="PGP"><span></span> <a href="https://pgp.key-server.io/pks/lookup?op=get&fingerprint=on&search=0xAB49BD6B2B3A6377">0xab49bd6b2b3a6377</a></li>
         <li title="Matrix"><span>⟧</span> <a href="https://matrix.to/#/@dustinswan:matrix.org">@dustinswan:matrix.org</a></li>
         <li title="Mastodon"><span>ɱ</span> <a href="https://mastodon.social/@dustinswan">mastodon.social/@dustinswan</a></li>
         <li title="Twitter"><span>@</span> <a href="https://twitter.com/dustinswan">twitter.com/dustinswan</a></li>
         <li title="Instagram"><span>⊙</span> <a href="http://instagram.com/dustinswan">instagram.com/dustinswan</a></li>
         <li title="Git"><span></span> <a href="http://git.dustinswan.com">git.dustinswan.com</a></li>
         <li title="Goodreads"><span>ɡ</span> <a href="http://goodreads.com/dustinswan">goodreads.com/dustinswan</a></li>
+        <li title="PGP"><span></span> <a href="https://pgp.key-server.io/pks/lookup?op=get&fingerprint=on&search=0xAB49BD6B2B3A6377">0xab49bd6b2b3a6377</a></li>
+        <li title="Age"><span>Ɐ</span> age1xjdawx2yryj2kcw6s7y37rff05052v9v77647p244c4vey6k3dqs2cvarx</li>
         <li title="IRC"><span>♯</span> sw4n</li>
         <li title="Ham"><span>Ω</span> KD2PWP</li>
       </ul>
 
-      <h4>Things</h4>
+      <hr />
 
       <ul>
         <li><span>⚑</span> decentralization, crypto-*, &amp;c.</li>