use a centred body layout
[~bandali/bndl.org] / index.html
index 1888e27..b49d1e7 100644 (file)
@@ -1,38 +1,24 @@
-<!doctype html>
-<html lang="en">
-<head>
+<!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>bandali's personal site</title>
 <meta charset="utf-8" />
 <meta name="author" content="bandali" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>bandali's personal site</title>
+<link rel="icon" href="data:,">
 <link rel="canonical" href="https://bndl.org" />
 <link rel="alternate" href="bandali.txt" title="plain text" type="text/plain" />
 <link rel="alternate" href="notes.atom" title="notes atom feed" type="application/atom+xml" />
 <link rel="alternate" href="notes.rss" title="notes rss feed" type="application/rss+xml" />
 <link rel="alternate" href="fa/" hreflang="fa" title="persian" />
 <style>
 <link rel="canonical" href="https://bndl.org" />
 <link rel="alternate" href="bandali.txt" title="plain text" type="text/plain" />
 <link rel="alternate" href="notes.atom" title="notes atom feed" type="application/atom+xml" />
 <link rel="alternate" href="notes.rss" title="notes rss feed" type="application/rss+xml" />
 <link rel="alternate" href="fa/" hreflang="fa" title="persian" />
 <style>
-body {
-  line-height: 1.6;
-  max-width: 37.5em;
-  margin: 0 auto;
-  padding: 0 1em;
-}
-details { margin: 1em 0; }
-details summary { cursor: pointer; }
-#copy { font-size: 0.84em; }
-#copy p { padding: 0 2em; }
-#fa { text-decoration: none; }
-#fa:hover, #fa:focus { text-decoration: underline; }
-ul { list-style-type: none; padding: 0; }
-ul li { margin: 0.25em 0; }
-@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{margin:0 auto;max-width:37.5em}p,li{line-height:1.6}
+h1{font-size:1.5em}h2{font-size:1.3em}
+#fa{text-decoration:none}#fa:hover,#fa:focus{text-decoration:underline}
+ul{list-style-type:none;padding:0}ul li{margin:0.25em 0}
+#copy,#license{font-size:0.84em;line-height:1.3;}
+#copy{margin-bottom:0.5em}#license{margin-top:0.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>bandali's personal site</h1>
 <nav>
 <body>
 <h1>bandali's personal site</h1>
 <nav>
@@ -43,38 +29,39 @@ ul li { margin: 0.25em 0; }
 | <a href="fa/" hreflang="fa" title="Persian" id="fa">فارسی</a>
 </nav>
 
 | <a href="fa/" hreflang="fa" title="Persian" id="fa">فارسی</a>
 </nav>
 
-<p>I am a <a href="https://www.gnu.org/philosophy/free-sw.html">free
-software</a> activist and <a href="mmath.html">computing
-scientist</a>.  I'm a GNU maintainer
-of <a href="https://jami.net">Jami</a>
+<p>I am a
+<a href="https://www.gnu.org/philosophy/free-sw.html">free/libre
+software</a> activist and <a href="mmath/">computing scientist</a>.
+I'm a GNU maintainer of <a href="https://jami.net">Jami</a>
 and <a href="https://www.gnu.org/software/gnuzilla/">GNU IceCat</a>.
 I also wear a few other hats around GNU, including helping run the
 and <a href="https://www.gnu.org/software/gnuzilla/">GNU IceCat</a>.
 I also wear a few other hats around GNU, including helping run the
-Savannah forge for GNU and non-GNU software as a Savannah hacker, and
-serving as an assistant GNUisance.</p>
+<a href="https://savannah.gnu.org">Savannah forge</a> for GNU and
+non-GNU software as a Savannah hacker, and serving as an assistant
+GNUisance.</p>
 
 <h2 id="notes">notes</h2>
 
 <h2 id="notes">notes</h2>
-<p>Here are notes and writings about topics or issues I care about,
-which you can also read via <a href="notes.atom">Atom</a>
-or <a href="notes.rss">RSS</a> feeds.</p>
+<p>Here are notes about topics or issues I care about:</p>
 
 <ul>
 
 <ul>
-<li><a href="libreplanet-2021.html">LibrePlanet 2021: Jami and how it
-empowers users</a> <small>(March 20, 2021)</small></li>
-<li><a href="fsf-internship-beyond.html">My internship with the FSF
-tech team and beyond</a> <small>(December 18, 2020)</small></li>
-<li><a href="fsf-internship-intro.html">Internship with the FSF tech
-team</a> <small>(May 29, 2020)</small></li>
+<li><a href="2021/03/20/libreplanet-2021.html">LibrePlanet 2021: Jami
+and how it empowers users</a> <small>(March 20, 2021)</small></li>
+<li><a href="2020/12/18/fsf-internship-beyond.html">My internship with
+the FSF tech team and beyond</a>
+<small>(December 18, 2020)</small></li>
+<li><a href="2020/05/29/fsf-internship-intro.html">Internship with the
+FSF tech team</a> <small>(May 29, 2020)</small></li>
 <li><a href="computing.html">How I do my Computing</a>
 <small>(September 14, 2019)</small></li>
 </ul>
 
 <li><a href="computing.html">How I do my Computing</a>
 <small>(September 14, 2019)</small></li>
 </ul>
 
+<p>The notes are also available via <a href="notes.atom">Atom</a>
+and <a href="notes.rss">RSS</a> feeds.</p>
+
 <hr />
 <hr />
-<details id="copy">
-<summary>Copyright &copy; 2012&ndash;2021 bandali</summary>
-<p>Copying and distribution of this file, with or without
+<p id="copy">Copyright &copy; 2012&ndash;2021 bandali</p>
+<p id="license">Copying and distribution of this file, with or without
 modification, are permitted in any medium without royalty provided the
 copyright notice and this notice are preserved.  This file is offered
 as-is, without any warranty.</p>
 modification, are permitted in any medium without royalty provided the
 copyright notice and this notice are preserved.  This file is offered
 as-is, without any warranty.</p>
-</details>
 </body>
 </html>
 </body>
 </html>