simplify and use css grids
[~bandali/bndl.org] / contact.html
index 1c199ce..6741c69 100644 (file)
@@ -1,70 +1,83 @@
-<!--# include virtual="common/header.html" -->
-<meta
-  name="description"
-  content="Amin Bandali&rsquo;s contact information"/>
-<title>Contact - Amin Bandali</title>
-<!--#set var="bpage" value="Contact" -->
-<!--# include virtual="common/banner.html" -->
-<main>
-  <section>
-    <h2 id="contact">Contact</h2>
-    <p>
-      Email is my preferred method of communication.  Feel free to
-      write to me at any of the addresses listed on either of my
-      <a href="./#contact">home</a> or <a href="gpg.html">gpg</a>
-      pages.  Besides email, you could also try reaching me via
-    </p>
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <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>
+    <main>
+      <header>
+        <h1 id="title">bandali's</h1>
+        <h2 id="subtitle">contact info</h2>
+      </header>
+      <section>
+        <p>
+          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">
-      <tbody>
-        <tr>
-          <td>irc</td>
-          <td>
-            <code>bandali</code> on
-            <a href="https://freenode.net">freenode</a> and
-            <a href="https://wiki.mozilla.org/IRC">moznet</a>
-          </td>
-        </tr>
-        <tr>
-          <td>xmpp</td>
-          <td><a href="xmpp:bandali@member.fsf.org">
-            <code>bandali@member.fsf.org</code></a>
-          </td>
-        </tr>
-        <tr>
-          <td>matrix</td>
-          <td><a href="https://matrix.to/#/@bandali:matrix.org">
-            <code>@bandali:matrix.org</code></a>
-          </td>
-        </tr>
-        <tr>
-          <td>fediverse</td>
-          <td><a href="https://pleroma.site/aminb">
-            <code>aminb@pleroma.site</code></a>
-          </td>
-        </tr>
-      </tbody>
-    </table>
+        <table>
+          <tbody>
+            <tr>
+              <td>irc</td>
+              <td>
+                <code>bandali</code> on
+                <a href="https://freenode.net">freenode</a> and
+                <a href="https://wiki.mozilla.org/IRC">moznet</a>
+              </td>
+            </tr>
+            <tr>
+              <td>xmpp</td>
+              <td><a href="xmpp:bandali@member.fsf.org">
+                <code>bandali@member.fsf.org</code></a>
+              </td>
+            </tr>
+            <tr>
+              <td>matrix</td>
+              <td><a href="https://matrix.to/#/@bandali:matrix.org">
+                <code>@bandali:matrix.org</code></a>
+              </td>
+            </tr>
+            <tr>
+              <td>fediverse</td>
+              <td><a href="https://pleroma.site/bandali">
+                <code>@bandali@pleroma.site</code></a>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </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
-      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://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://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://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/mabgnu">mabgnu</a> on GitHub</strike></li>
-      <li><strike><a href="https://twitter.com/mabgnu">mabgnu</a> on Twitter</strike></li>
-    </ul>
-  </section>
-</main>
-<!--# include virtual="common/footer.html" -->
+      <h3>elsewhere</h3>
+      <section>
+        <p>
+          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://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/notbandali">notbandali</a> on github</strike></li>
+          <li><strike><a href="https://twitter.com/notbandali">notbandali</a> on twitter</strike></li>
+        </ul>
+      </section>
+    </main>
+  </body>
+</html>