use a centred body layout
[~bandali/bndl.org] / index.html
index 16a4124..b49d1e7 100644 (file)
 <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>