use a centred body layout

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

index 16a4124..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>