use a centred body layout

and other minor stylistic/aesthetic cleanups

diff --git a/2020/05/29/fsf-internship-intro.html b/2020/05/29/fsf-internship-intro.html
index e5dd7c1..e9c0c83 100644 (file)
--- a/2020/05/29/fsf-internship-intro.html
+++ b/2020/05/29/fsf-internship-intro.html
@@ -7,10 +7,10 @@
 <link rel="canonical" href="https://bndl.org/2020/05/29/fsf-internship-intro.html" />
 <link rel="alternate" href="fsf-internship-intro.txt" title="plain text" type="text/plain" />
 <style>
-body{line-height:1.6;padding:0 2em;}p{max-width:37.5em}
-h1 + p{color:#666}
+body{margin:0 auto;max-width:37.5em}p{line-height:1.6}
+h1{font-size:1.5em}h1+p{color:#666}
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
-font-size: 0.95em;padding: 0.6em 0.9em;}
+font-size:0.95em;padding:0.6em 0.9em;}
 #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;}

diff --git a/2020/12/18/fsf-internship-beyond.html b/2020/12/18/fsf-internship-beyond.html
index bee0c28..b59e163 100644 (file)
--- a/2020/12/18/fsf-internship-beyond.html
+++ b/2020/12/18/fsf-internship-beyond.html
@@ -7,10 +7,10 @@
 <link rel="canonical" href="https://bndl.org/2020/12/18/fsf-internship-beyond.html" />
 <link rel="alternate" href="fsf-internship-beyond.txt" title="plain text" type="text/plain" />
 <style>
-body{line-height:1.6;padding:0 2em;}p{max-width:37.5em}
-h1 + p{color:#666}
+body{margin:0 auto;max-width:37.5em}p{line-height:1.6}
+h1{font-size:1.5em}h1+p{color:#666}
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
-font-size: 0.95em;padding: 0.6em 0.9em;}
+font-size:0.95em;padding:0.6em 0.9em;}
 #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;}

diff --git a/2021/03/20/libreplanet-2021.html b/2021/03/20/libreplanet-2021.html
index 701e4be..fd49f17 100644 (file)
--- a/2021/03/20/libreplanet-2021.html
+++ b/2021/03/20/libreplanet-2021.html
@@ -7,10 +7,10 @@
 <link rel="canonical" href="https://bndl.org/2021/03/20/libreplanet-2021.html" />
 <link rel="alternate" href="libreplanet-2021.txt" title="plain text" type="text/plain" />
 <style>
-body{line-height:1.6;padding:0 2em;}p{max-width:37.5em}
-h1 + p{color:#666}
+body{margin:0 auto;max-width:37.5em}p{line-height:1.6}
+h1{font-size:1.5em}h1+p{color:#666}
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
-font-size: 0.95em;padding: 0.6em 0.9em;}
+font-size:0.95em;padding:0.6em 0.9em;}
 blockquote{text-align:justify}
 .tex{font-family:"Tex Gyre Termes",serif;text-transform:uppercase;}
 .tex span{font-size:0.75em;margin-left:-0.05em;margin-right:-0.20em;}

diff --git a/computing.html b/computing.html
index 201a26e..d2a5769 100644 (file)
--- a/computing.html
+++ b/computing.html
@@ -7,10 +7,10 @@
 <link rel="canonical" href="https://bndl.org/computing.html" />
 <link rel="alternate" href="bandali-computing.txt" title="plain text" type="text/plain" />
 <style>
-body{line-height:1.6;padding:0 2em;}p{max-width:37.5em}
-h1 + p{color:#666}
+body{margin:0 auto;max-width:37.5em}p{line-height:1.6}
+h1{font-size:1.5em}h1+p{color:#666}h2{font-size:1.3em}
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
-font-size: 0.95em;padding: 0.6em 0.9em;}
+font-size:0.95em;padding:0.6em 0.9em;}
 #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;}

diff --git a/contact.html b/contact.html
index ec7ccfc..ba42963 100644 (file)
--- a/contact.html
+++ b/contact.html
@@ -7,7 +7,8 @@
 <link rel="canonical" href="https://bndl.org/contact.html" />
 <link rel="alternate" href="bandali-contact.txt" title="plain text" type="text/plain" />
 <style>
-body{line-height:1.6;padding:0 2em;}p{max-width:37.5em}
+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>

diff --git a/cv.html b/cv.html
index b2847b6..ae7abd6 100644 (file)
--- a/cv.html
+++ b/cv.html
@@ -7,7 +7,8 @@
 <link rel="canonical" href="https://bndl.org/cv.html" />
 <link rel="alternate" href="bandali-cv.txt" title="plain text" type="text/plain" />
 <style>
-body{line-height:1.6;padding:0 2em;}p,ul,dt,dd{max-width:37.5em}
+body{margin:0 auto;max-width:37.5em}p,li,dt,dd{line-height:1.6}
+h1{font-size:1.5em}h2{font-size:1.3em}h3{font-size:1.1em}
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
 font-size:0.95em;padding:0.6em 0.9em;}
 #link-grid{display:grid;grid:none / auto 1fr;gap:0.2em 1em;}

diff --git a/fa/2020/05/29/fsf-internship-intro.html b/fa/2020/05/29/fsf-internship-intro.html
index 8d750d0..56e059b 100644 (file)
--- a/fa/2020/05/29/fsf-internship-intro.html
+++ b/fa/2020/05/29/fsf-internship-intro.html
@@ -14,11 +14,11 @@ url('sahel.woff2')format('woff2');}
 @font-face{font-family:sahel;font-weight:bold;
 src:local('Sahel Bold WOL'),local('Sahel Bold'),
 url('sahelb.woff2')format('woff2');}
-body{font-family:sahel,sans-serif;line-height:1.8;padding:0 2em;}
-p{max-width:37.5em}
+body{font-family:sahel,sans-serif;margin:0 auto;max-width:37.5em;}
+p{line-height:1.8}h1{font-size:1.5em}h1+p{color:#666}
 a{text-decoration:none}a:hover,a:focus{text-decoration:underline}
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
-font-size: 0.95em;padding: 0.6em 0.9em;}
+font-size:0.95em;padding:0.6em 0.9em;}
 #copy,.license{font-size:0.84em;line-height:1.3;}
 #copy{margin-bottom:0.5em}.license{margin:0.5em 0}
 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}

diff --git a/fa/2020/12/18/fsf-internship-beyond.html b/fa/2020/12/18/fsf-internship-beyond.html
index 425be69..413377d 100644 (file)
--- a/fa/2020/12/18/fsf-internship-beyond.html
+++ b/fa/2020/12/18/fsf-internship-beyond.html
@@ -14,11 +14,11 @@ url('sahel.woff2')format('woff2');}
 @font-face{font-family:sahel;font-weight:bold;
 src:local('Sahel Bold WOL'),local('Sahel Bold'),
 url('sahelb.woff2')format('woff2');}
-body{font-family:sahel,sans-serif;line-height:1.8;padding:0 2em;}
-p{max-width:37.5em}
+body{font-family:sahel,sans-serif;margin:0 auto;max-width:37.5em;}
+p{line-height:1.8}h1{font-size:1.5em}h1+p{color:#666}
 a{text-decoration:none}a:hover,a:focus{text-decoration:underline}
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
-font-size: 0.95em;padding: 0.6em 0.9em;}
+font-size:0.95em;padding:0.6em 0.9em;}
 #copy,.license{font-size:0.84em;line-height:1.3;}
 #copy{margin-bottom:0.5em}.license{margin:0.5em 0}
 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}

diff --git a/fa/404.html b/fa/404.html
index 368e580..8807bdd 100644 (file)
--- a/fa/404.html
+++ b/fa/404.html
@@ -11,8 +11,8 @@ url('sahel.woff2')format('woff2');}
 @font-face{font-family:sahel;font-weight:bold;
 src:local('Sahel Bold WOL'),local('Sahel Bold'),
 url('sahelb.woff2')format('woff2');}
-body{font-family:sahel,sans-serif;line-height:1.8;padding:0 2em;}
-p{max-width:37.5em}
+body{font-family:sahel,sans-serif;margin:0 auto;max-width:37.5em;}
+p{line-height:1.8}h1{font-size:1.5em}
 a{text-decoration:none}a:hover,a:focus{text-decoration:underline}
 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}
 a:link{color:#acdeff}a:visited{color:#f8f}a:active{color:#e00}}

diff --git a/fa/computing.html b/fa/computing.html
index 46e10ad..115c811 100644 (file)
--- a/fa/computing.html
+++ b/fa/computing.html
@@ -14,11 +14,12 @@ url('sahel.woff2')format('woff2');}
 @font-face{font-family:sahel;font-weight:bold;
 src:local('Sahel Bold WOL'),local('Sahel Bold'),
 url('sahelb.woff2')format('woff2');}
-body{font-family:sahel,sans-serif;line-height:1.8;padding:0 2em;}
-p{max-width:37.5em}
+body{font-family:sahel,sans-serif;margin:0 auto;max-width:37.5em;}
+p{line-height:1.8}
+h1{font-size:1.5em}h1+p{color:#666}h2{font-size:1.3em}
 a{text-decoration:none}a:hover,a:focus{text-decoration:underline}
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
-font-size: 0.95em;padding: 0.6em 0.9em;}
+font-size:0.95em;padding:0.6em 0.9em;}
 #copy,.license{font-size:0.84em;line-height:1.3;}
 #copy{margin-bottom:0.5em}.license{margin:0.5em 0}
 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}
@@ -49,7 +50,7 @@ ThinkPad X220T نیز دارم که کمتر ازشان استفاده می‌ک
 استفاده از آن در سال‌های اخیر، به عنوان توزیع مورد علاقه‌ام در بیشتر
 جاها ازش استفاده می‌کنم.  گاهی اوقات
 با <a href="https://guix.gnu.org">گنو گیکس</a> ترکیبش می‌کنم. برای
-هسته سیستم عامل هم معمولا
+<abbr title="kernel">هسته</abbr> سیستم عامل هم معمولا
 از <a href="https://www.fsfla.org/ikiwiki/selibre/linux-libre/">گنو
 لینوکس-لیبره</a> از <a href="https://jxself.org/linux-libre/">مخزن
 APT</a> اداره شده توسط jxself استفاده می‌کنم.

diff --git a/fa/contact.html b/fa/contact.html
index a5038fa..de8f28a 100644 (file)
--- a/fa/contact.html
+++ b/fa/contact.html
@@ -14,8 +14,8 @@ url('sahel.woff2')format('woff2');}
 @font-face{font-family:sahel;font-weight:bold;
 src:local('Sahel Bold WOL'),local('Sahel Bold'),
 url('sahelb.woff2')format('woff2');}
-body{font-family:sahel,sans-serif;line-height:1.8;padding:0 2em;}
-p{max-width:37.5em}
+body{font-family:sahel,sans-serif;margin:0 auto;max-width:37.5em;}
+p{line-height:1.8}h1{font-size:1.5em}
 a{text-decoration:none}a:hover,a:focus{text-decoration:underline}
 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}
 a:link{color:#acdeff}a:visited{color:#f8f}a:active{color:#e00}}

diff --git a/fa/index.html b/fa/index.html
index 8be2764..fd2ca80 100644 (file)
--- a/fa/index.html
+++ b/fa/index.html
@@ -16,8 +16,8 @@ url('sahel.woff2')format('woff2');}
 @font-face{font-family:sahel;font-weight:bold;
 src:local('Sahel Bold WOL'),local('Sahel Bold'),
 url('sahelb.woff2')format('woff2');}
-body{font-family:sahel,sans-serif;line-height:1.8;padding:0 2em;}
-p{max-width:37.5em}
+body{font-family:sahel,sans-serif;margin:0 auto;max-width:37.5em;}
+p{line-height:1.8}h1{font-size:1.5em}h2{font-size:1.3em}
 a{text-decoration:none}a:hover,a: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;}
@@ -37,7 +37,7 @@ a:link{color:#acdeff}a:visited{color:#f8f}a:active{color:#e00}}
 
 <p>من یک
 فعال <a href="https://www.gnu.org/philosophy/free-sw.fa.html">نرم‌افزار
-آزاد</a> و <a href="../mmath">کارشناس ارشد علوم رایانه</a> هستم.
+آزاد</a> و <a href="../mmath/">کارشناس ارشد علوم رایانه</a> هستم.
 به عنوان یک عضو پروژهٔ گنو، سرپرستی
 نرم‌افزارهای <a href="https://jami.net">جمی</a>
 و <a href="https://www.gnu.org/software/gnuzilla/">گنو آیس‌کت</a> را بر

diff --git a/fa/projects.html b/fa/projects.html
index bd8d03d..cf8daa9 100644 (file)
--- a/fa/projects.html
+++ b/fa/projects.html
@@ -14,8 +14,8 @@ url('sahel.woff2')format('woff2');}
 @font-face{font-family:sahel;font-weight:bold;
 src:local('Sahel Bold WOL'),local('Sahel Bold'),
 url('sahelb.woff2')format('woff2');}
-body{font-family:sahel,sans-serif;line-height:1.8;padding:0 2em;}
-p{max-width:37.5em}
+body{font-family:sahel,sans-serif;margin:0 auto;max-width:37.5em;}
+p{line-height:1.8}h1{font-size:1.5em}
 a{text-decoration:none}a:hover,a:focus{text-decoration:underline}
 @media(prefers-color-scheme:dark){body{background:#1c1c1c;color:white;}
 a:link{color:#acdeff}a:visited{color:#f8f}a:active{color:#e00}}

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>
-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}
-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;}
@@ -21,9 +22,9 @@ a:link{color:#acdeff}a:visited{color:#f8f}a:active{color:#e00}}
 <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>

diff --git a/mmath/index.html b/mmath/index.html
index b8ae20a..674977d 100644 (file)
--- a/mmath/index.html
+++ b/mmath/index.html
@@ -7,7 +7,8 @@
 <link rel="canonical" href="https://bndl.org/mmath/" />
 <link rel="alternate" href="bandali-mmath.txt" title="plain text" type="text/plain" />
 <style>
-body{line-height:1.6;padding:0 2em;}p,details{max-width:37.5em}
+body{margin:0 auto;max-width:37.5em}p{line-height:1.6}
+h1{font-size:1.5em}h2{font-size:1.2em}h3{font-size:1.1em}
 .box{background:#f8f8f8;border:1px solid #e6e6e6;border-radius:4px;
 font-size:0.95em;padding:0.6em 0.9em;}
 details{margin:1em 0}details summary{cursor:pointer}

diff --git a/projects.html b/projects.html
index a3a0b57..3a9127d 100644 (file)
--- a/projects.html
+++ b/projects.html
@@ -7,7 +7,8 @@
 <link rel="canonical" href="https://bndl.org/projects.html" />
 <link rel="alternate" href="bandali-projects.txt" title="plain text" type="text/plain" />
 <style>
-body{line-height:1.6;padding:0 2em;}p{max-width:37.5em}
+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>

diff --git a/se212-f19/index.html b/se212-f19/index.html
index 4000349..1e72a77 100644 (file)
--- a/se212-f19/index.html
+++ b/se212-f19/index.html
@@ -1,24 +1,13 @@
-<!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>SE 212 Material &mdash; bandali</title>
+<link rel="icon" href="data:,">
 <style>
-body {
-  line-height: 1.6;
-  max-width: 37.5em;
-  padding: 0 2em;
-}
-@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}
+</style></head>
 <body>
 <h1>Material from SE 212 tutorials</h1>