use a centred body layout

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

index 3910e55..b49d1e7 100644 (file)
--- a/index.html
+++ b/index.html
@@ -10,9 +10,10 @@
  <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="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;padding:0 2em;}p{max-width:37.5em}
+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}
  #fa{text-decoration:none}#fa:hover,#fa:focus{text-decoration:underline}
-ul{list-style-type:none;padding:0;}ul li{margin:0.25em 0}
+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;}
  #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;}
@@ -21,9 +22,9 @@ a:link{color:#acdeff}a:visited{color:#f8f}a:active{color:#e00}}
  <body>
  <h1>bandali's personal site</h1>
  <nav>
  <body>
  <h1>bandali's personal site</h1>
  <nav>
-<a href="projects">projects</a>
-| <a href="cv">cv</a>
-| <a href="contact">contact</a>
+<a href="projects.html">projects</a>
+| <a href="cv.html">cv</a>
+| <a href="contact.html">contact</a>
  | <a href="bandali.txt">plain text</a>
  | <a href="fa/" hreflang="fa" title="Persian" id="fa">فارسی</a>
  </nav>
  | <a href="bandali.txt">plain text</a>
  | <a href="fa/" hreflang="fa" title="Persian" id="fa">فارسی</a>
  </nav>
@@ -42,13 +43,14 @@ GNUisance.</p>
  <p>Here are notes about topics or issues I care about:</p>
  
  <ul>
  <p>Here are notes about topics or issues I care about:</p>
  
  <ul>
-<li><a href="2021/03/20/libreplanet-2021">LibrePlanet 2021: Jami and
-how it empowers users</a> <small>(March 20, 2021)</small></li>
-<li><a href="2020/12/18/fsf-internship-beyond">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">Internship with the FSF
-tech team</a> <small>(May 29, 2020)</small></li>
-<li><a href="computing">How I do my Computing</a>
+<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>
  
  <small>(September 14, 2019)</small></li>
  </ul>