From 31abcf84e759aeb3e2384c6b82e6147d2579bf15 Mon Sep 17 00:00:00 2001
From: Ben Harris <ben@tilde.team>
Date: Tue, 15 Dec 2020 14:36:23 -0500
Subject: [PATCH] tidy external link decorations

---
 css/style.css | 36 ++++++++++++++++++++++++++----------
 index.html    | 15 ++++++++++-----
 2 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/css/style.css b/css/style.css
index 96953c9..a5aec77 100644
--- a/css/style.css
+++ b/css/style.css
@@ -252,6 +252,23 @@ a[href*="//"]:after {
   opacity: .25;
 }
 
+a[href^="mailto:"]:after {
+  font-weight: 300;
+  font-size: .85em;
+  content: "\2709";
+  color: var(--textcolor);
+  opacity: .25;
+}
+a[href^="xmpp:"]:after {
+  font-weight: 300;
+  font-size: .85em;
+  content: "\1F5EA";
+  color: var(--textcolor);
+  opacity: .25;
+}
+
+a[href^="mailto:"]:hover:after,
+a[href^="xmpp:"]:hover:after,
 a[href*="//"]:hover:after {
   color: var(--highlight);
   opacity: 1;
@@ -262,22 +279,21 @@ a[href*="//"]:hover:after {
 a:before {
   font-size: .7em;
   margin-right: .4em;
+  opacity: .75;
 }
 
 /* Add more filetypes here if you want */
 
-a[href$=".pdf"]:before { content: "PDF"; }
-a[href$=".txt"]:before { content: "TXT"; }
-a[href$=".mp3"]:before { content: "MP3"; }
-a[href$=".zip"]:before { content: "ZIP"; }
-a[href$=".rar"]:before { content: "RAR"; }
+a[href$=".pdf"]:before { content: "pdf"; }
+a[href$=".txt"]:before { content: "txt"; }
+a[href$=".mp3"]:before { content: "mp3"; }
+a[href$=".zip"]:before { content: "zip"; }
+a[href$=".rar"]:before { content: "rar"; }
 a[href$=".jpeg"]:before,
 a[href$=".jpg"]:before,
 a[href$=".gif"]:before,
-a[href$=".png"]:before { content: "IMG"; }
-a[href$=".asc"]:before { content: "\1F511"; }
-a[href^="mailto:"]:before { content: "\2709"; }
-a[href^="xmpp:"]:before { content: "\1F5EA"; }
+a[href$=".png"]:before { content: "img"; }
+a[href$=".asc"]:before { content: "asc"; }
 
 /* ------- News ------- */
 
@@ -470,4 +486,4 @@ article time {
     object-fit: contain;
   }
 
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index e124255..bb08527 100644
--- a/index.html
+++ b/index.html
@@ -34,7 +34,6 @@
       <a href="#now">now</a>
       <a href="#contact">contact me</a>
       <a href="https://tilde.team/~ben/">tilde page</a>
-      <a href="https://tildegit.org/ben/resume/raw/branch/master/resume.pdf">resume</a>
     </nav>
   </header>
 
@@ -96,8 +95,8 @@
         <li><a href="https://tildeverse.org">the tildeverse</a></li>
         <li>the original <a href="https://tilde.club"><em>tilde</em></a>, reborn</li>
         <li><a href="https://hashbang.sh">hashbang</a></li>
-        <li>some random projects on my <a href="https://tildegit.org/ben">tildegit account</a></li>
-        <li>also <a href="https://github.com/benharri">github</a> but i don't publish everything there</li>
+        <li>some random projects on my <a href="https://tildegit.org/ben" rel="me">tildegit account</a></li>
+        <li>also <a href="https://github.com/benharri" rel="me">github</a> but i don't publish everything there</li>
       </ul>
 
     </section>
@@ -117,11 +116,17 @@
         a <a href="https://hmm.st/converse.html">web chat</a>!</p>
 
       <h3>email</h3>
-      <p>i have too many email addresses (eg <code>*@bhh.sh</code>), but i mainly use <a href="mailto:ben@tilde.team">ben@tilde.team</a> or <a href="mailto:mail@benharr.is">mail@benharr.is</a>.
+      <p>i have too many email addresses (eg <code>*@bhh.sh</code>), but i mainly use <a href="mailto:ben@tilde.team" rel="me">ben@tilde.team</a> or <a href="mailto:mail@benharr.is" rel="me">mail@benharr.is</a>.
         if you use gpg, make sure to use my tilde.team address. here's <a href="/benharri.asc">my pubkey</a>.</p>
+
+      <h3>social media?</h3>
+      <p>i'm on <a href="https://twitter.com/nebsirrah" rel="me">twitter</a> and <a href="https://tilde.zone/@ben" rel="me">mastodon</a>, but i try not to check them all that much.</p>
+
+      <h3>resume</h3>
+      <p>if you're curious, here's my <a href="https://tildegit.org/ben/resume/raw/branch/master/resume.pdf">resume</a>.</p>
     </section>
 
   </main>
 </body>
 
-</html>
\ No newline at end of file
+</html>