simplify and use css grids
[~bandali/bndl.org] / contact.html
index e3abab6..6741c69 100644 (file)
@@ -1,32 +1,30 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name=viewport content="width=device-width, initial-scale=1">
-    <meta name="description"
-          content="Amin Bandali&rsquo;s contact information"/>
-    <title>Contact - Amin Bandali</title>
+    <meta charset="utf-8" />
+    <meta name=viewport content="width=device-width, initial-scale=1" />
+    <title>bandali's contact info</title>
+    <meta
+      name="description"
+      content="Amin Bandali&rsquo;s contact information" />
     <link rel="stylesheet" href="/style.css" />
   </head>
   <body>
-    <header>
-      <h1>Amin Bandali&rsquo;s personal site</h1>
-      <span id="sub">
-        <a href="/">Home</a> &rarr; Contact
-      </span>
-    </header>
-
     <main>
+      <header>
+        <h1 id="title">bandali's</h1>
+        <h2 id="subtitle">contact info</h2>
+      </header>
       <section>
-        <h2 id="contact">Contact</h2>
         <p>
-          Email is my preferred method of communication.  Feel free to
-          write to me at my academic or personal address listed on my
-          <a href="/#contact">home page</a>.  Besides email, you could
-          try reaching me via
+          email is by far my preferred method of communication.  i may
+          be contacted at bandali&nbsp;at&nbsp;gnu&nbsp;dot&nbsp;org.
+          if you want to send me gpg-encrypted mail, you can use my
+          <a href="bandali-pubkey.txt">public key</a> with the
+          fingerprint <code>BE62 7373 8E61 6D6D 1B3A  08E8 A21A 0202 4881 6103</code>.
         </p>
 
-        <table class="btable">
+        <table>
           <tbody>
             <tr>
               <td>irc</td>
             </tr>
             <tr>
               <td>fediverse</td>
-              <td><a href="https://pleroma.site/aminb">
-                <code>aminb@pleroma.site</code></a>
+              <td><a href="https://pleroma.site/bandali">
+                <code>@bandali@pleroma.site</code></a>
               </td>
             </tr>
           </tbody>
         </table>
+      </section>
 
+      <h3>elsewhere</h3>
+      <section>
         <p>
-          You can also find me at a few other places online.  Stricken
-          through accounts are those I don&rsquo;t use anymore, unless
+          you may also find me at a few other places online.  stricken
+          through accounts are those i don&rsquo;t use anymore, unless
           absolutely necessary.
         </p>
         <ul>
-          <li><a href="https://libreplanet.org/wiki/User:Bandali">Bandali</a> on LibrePlanet</li>
-          <li><a href="https://savannah.gnu.org/users/bandali">bandali</a> on Savannah</li>
-          <li><a href="https://lobste.rs/u/bandali">bandali</a> on Lobsters</li>
-          <li><a href="https://hackage.haskell.org/user/bandali">bandali</a> on Hackage</li>
-          <li><a href="https://gitlab.com/bandali">bandali</a> on GitLab</li>
-          <li><a href="https://keybase.io/bandali">bandali</a> on Keybase</li>
-          <li><a href="https://news.ycombinator.com/user?id=bandali">bandali</a> on HN</li>
+          <li><a href="https://libreplanet.org/wiki/User:Bandali">bandali</a> on libreplanet</li>
+          <li><a href="https://emacsconf.org/bandali">bandali</a> on emacsconf</li>
+          <li><a href="https://savannah.gnu.org/users/bandali">bandali</a> on savannah</li>
+          <li><a href="https://git.sr.ht/~bandali">bandali</a> on sourcehut</li>
+          <li><a href="https://lobste.rs/u/bandali">bandali</a> on lobsters</li>
+          <li><a href="https://hackage.haskell.org/user/bandali">bandali</a> on hackage</li>
+          <li><a href="https://gitlab.com/bandali">bandali</a> on gitlab</li>
+          <li><a href="https://news.ycombinator.com/user?id=bandali">bandali</a> on hn</li>
           <li><a href="https://www.reddit.com/u/bandali">bandali</a> on reddit</li>
           <li><strike><a href="https://www.reddit.com/u/aminb">aminb</a> on reddit</strike></li>
-          <li><strike><a href="https://github.com/aminb">aminb</a> on GitHub</strike></li>
-          <li><strike><a href="https://twitter.com/aminban">aminban</a> on Twitter</strike></li>
+          <li><strike><a href="https://github.com/notbandali">notbandali</a> on github</strike></li>
+          <li><strike><a href="https://twitter.com/notbandali">notbandali</a> on twitter</strike></li>
         </ul>
       </section>
     </main>
-    <footer>
-      <p>
-        Copyright (c) 2018 Amin Bandali<br>
-        Verbatim copying and redistribution of this entire page are
-        permitted provided this notice is preserved.
-      </p>
-    </footer>
   </body>
 </html>