use a centred body layout

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

index 8c73df1..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="alternate" href="bandali-computing.txt" title="plain text" type="text/plain" />
  <link rel="canonical" href="https://bndl.org/computing.html" />
  <link rel="alternate" href="bandali-computing.txt" title="plain text" type="text/plain" />
-<link rel="next" href="fsf-internship-intro.html">
  <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 available in (manually-written) HTML and
-plain text, both composed in GNU Emacs.  To get the git repository
-containing all of the pages of the site and the history of changes to
-them, you can run <code class="box">git clone https://bndl.org</code>
-in a terminal.</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>