use a centred body layout
[~bandali/bndl.org] / contact.html
index 0de1de1..ba42963 100644 (file)
@@ -1,83 +1,34 @@
-<!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>
+<!doctype html><html lang="en"><head>
+<meta charset="utf-8" />
+<meta name="author" content="bandali" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>contact information &mdash; bandali</title>
+<link rel="icon" href="data:,">
+<link rel="canonical" href="https://bndl.org/contact.html" />
+<link rel="alternate" href="bandali-contact.txt" title="plain text" type="text/plain" />
+<style>
+body{margin:0 auto;max-width:37.5em}p{line-height:1.6}
+h1{font-size:1.5em}
+@media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}
+a:link{color:#acdeff}a:visited{color:#f8f}a:active{color:#e00}}
+</style></head>
+<body>
+<h1><a href=".">bandali</a>'s contact information</h1>
+<p>Email is by far my preferred method of communication, and you can
+write to me at bandali@gnu.org.  For GPG-encrypted mail, you can
+encrypt your message using my <a href="bandali-pubkey.txt">public
+key</a> with the following fingerprint:</p>
 
 
-        <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>
+<pre>BE62 7373 8E61 6D6D 1B3A  08E8 A21A 0202 4881 6103</pre>
 
 
-      <h3>Elsewhere</h3>
-      <section>
-        <p>
-          You may also find me at a few other places online.  Stricken
-          through accounts are those I don'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><del><a href="https://www.reddit.com/u/aminb">aminb</a> on reddit</del></li>
-          <li><del><a href="https://github.com/notbandali">notbandali</a> on GitHub</del></li>
-          <li><del><a href="https://twitter.com/notbandali">notbandali</a> on Twitter</del></li>
-        </ul>
-      </section>
-    </main>
-  </body>
+<p>To learn how to send encrypted email, see
+the <a href="https://emailselfdefense.fsf.org/en/">email
+self-defense</a> guide by the Free Software Foundation.</p>
+
+<p>Besides email, I can also usually be reached via IRC on
+the <a href="https://libera.chat">libera</a>
+and <a href="https://www.oftc.net">oftc</a> networks, where I idle
+as <code>bandali</code>.  For other means of communication, please
+send me an email and we can figure something out if needed.</p>
+</body>
 </html>
 </html>