use a centred body layout

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

index 08c75f1..d2a5769 100644 (file)
--- a/computing.html
+++ b/computing.html
@@ -1,45 +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" />
  <meta charset="utf-8" />
  <meta name="author" content="bandali" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>How I do my Computing &mdash; bandali</title>
+<title>How I do my computing &mdash; bandali</title>
+<link rel="icon" href="data:,">
  <link rel="canonical" href="https://bndl.org/computing.html" />
  <link rel="canonical" href="https://bndl.org/computing.html" />
-<link rel="alternate" href="computing.txt" title="plain text" type="text/plain" />
-<link rel="next" href="fsf-internship-intro.html">
+<link rel="alternate" href="bandali-computing.txt" title="plain text" type="text/plain" />
  <style>
  <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; }
-h1 + p { color: #666; }
-.box {
-  background: #f8f8f8;
-  border: 1px solid #e6e6e6;
-  border-radius: 4px;
-  font-size: 0.95em;
-  padding: 0.6em 0.9em;
-}
-code.box { padding: 0.4em 0.8em; }
-code, kbd, pre { font-size: 1.2em; }
-@media (prefers-color-scheme: dark) {
-  body { background: #1c1c1c; color: white; }
-  a:link { color: #acdeff; }
-  a:visited { color: #f8f; }
-  a:active { color: #e00; }
-  .box { background: #1b1d1e; border-color: #373c34; }
-}
-</style>
-</head>
+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;}
+#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}
+.box{background:#1b1d1e;border-color:#373c34;}}
+</style></head>
  <body>
  <body>
-<h1>How I do my Computing</h1>
+<h1>How I do my computing</h1>
  <p>by <a href="https://bndl.org"><b>bandali</b></a>
  on September 14, 2019 <small>(last update: February 28, 2021)
  (also in <a href="bandali-computing.txt">plain text</a>)</small></p>
  <p>by <a href="https://bndl.org"><b>bandali</b></a>
  on September 14, 2019 <small>(last update: February 28, 2021)
  (also in <a href="bandali-computing.txt">plain text</a>)</small></p>
@@ -53,8 +32,8 @@ computer is the machine I use the most and where I do most of my
  computing.  I also have the privilege of having access to a fleet of
  servers through our school's
  <a href="https://csclub.uwaterloo.ca">Computer Science Club</a> that I
  computing.  I also have the privilege of having access to a fleet of
  servers through our school's
  <a href="https://csclub.uwaterloo.ca">Computer Science Club</a> that I
-use for some more computationally intensive tasks every now and again,
-and also for hosting this very website.</p>
+use for some more computationally intensive tasks every now and
+again.</p>
  
  <h2>GNU/Linux distribution</h2>
  <p>I used a wide variety of distros over the years; but I have since
  
  <h2>GNU/Linux distribution</h2>
  <p>I used a wide variety of distros over the years; but I have since
@@ -71,20 +50,11 @@ Linux-libre</a> from jxself's
  <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>.</p>
  <p>TODO: elaborate</p>
  
  <a href="https://www.gnu.org/software/emacs/">GNU Emacs</a>.</p>
  <p>TODO: elaborate</p>
  
-<h2 id="colophon">Maintaining this site</h2>
-<p>The pages of this site are (manually) written in plain HTML using
-GNU Emacs.  You can run <code class="box">git clone
-https://bndl.org</code> in a terminal to get the git repository
-containing all the pages of the site and the history of changes to
-them.</p>
-
  <hr />
  <hr />
-<details id="copy">
-<summary>Copyright &copy; 2019, 2020, 2021 bandali</summary>
-<p>Copying and distribution of this file, with or without
+<p id="copy">Copyright &copy; 2019, 2020, 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>