simplify and use css grids

[~bandali/bndl.org] / contact.html
diff --git a/contact.html b/contact.html

index c963a3b..6741c69 100644 (file)
--- a/contact.html
+++ b/contact.html
@@ -1,32 +1,30 @@
-<!doctype html>
+<!DOCTYPE html>
  <html lang="en">
    <head>
  <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>
      <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>
      <main>
+      <header>
+        <h1 id="title">bandali's</h1>
+        <h2 id="subtitle">contact info</h2>
+      </header>
        <section>
        <section>
-        <h2 id="contact">Contact</h2>
          <p>
          <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>
  
          </p>
  
-        <table class="btable">
+        <table>
            <tbody>
              <tr>
                <td>irc</td>
            <tbody>
              <tr>
                <td>irc</td>
@@ -50,48 +48,36 @@
              </tr>
              <tr>
                <td>fediverse</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>
                </td>
              </tr>
            </tbody>
          </table>
+      </section>
  
  
+      <h3>elsewhere</h3>
+      <section>
          <p>
          <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>
            absolutely necessary.
          </p>
          <ul>
-          <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><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>
          </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.<br>
-        The <a href="https://www.gnu.org/graphics/gnu-inside.html">
-        GNU Inside</a> banner is available under the
-        <a href="https://creativecommons.org/licenses/by-sa/2.0/">
-          Creative Commons Attribution-ShareAlike 2.0 License</a>.
-      </p>
-      <div id="gnu-inside">
-        <a href="https://www.gnu.org">
-          <img src="images/gnu-inside.png"
-               alt="GNU Inside!" title="GNU Inside!"/>
-        </a>
-      </div>
-    </footer>
    </body>
  </html>
    </body>
  </html>