From ae137383b5a2452f957574dc63137b92f7c08432 Mon Sep 17 00:00:00 2001
From: Landon Curt Noll <github-mail@asthe.com>
Date: Wed, 21 Sep 2022 00:14:47 -0700
Subject: [PATCH] Add HTML experiment for 1984/anonymous

---
 1984/anonymous/hint.html  |  22 -----
 1984/anonymous/index.html | 183 ++++++++++++++++++++++++++++++++++++++
 years-spoiler.html        |   2 +-
 years.html                |   5 +-
 4 files changed, 187 insertions(+), 25 deletions(-)
 delete mode 100644 1984/anonymous/hint.html
 create mode 100644 1984/anonymous/index.html

diff --git a/1984/anonymous/hint.html b/1984/anonymous/hint.html
deleted file mode 100644
index a7490ca60..000000000
--- a/1984/anonymous/hint.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<h1>Dishonorable mention</h1>
-
-<p>Anonymous</p>
-
-<h2>To build:</h2>
-
-<pre><code>make all</code></pre>
-
-<h2>Judges' comments:</h2>
-
-<p>The author was too embarrassed that he/she could write such trash, so I
-promised to protect their identity.  I will say that the author of this
-program has a well known connection with the C programming language.</p>
-
-<p>This program is a unique variation on the age old &ldquo;Hello, world&rdquo;
-program.  What reads like a read may be written like a write!</p>
-
-<p>Copyright &copy; 1984, Landon Curt Noll.
-All Rights Reserved.  Permission for personal, educational or non-profit use is
-granted provided this this copyright and notice are included in its entirety
-and remains unaltered.  All other uses must receive prior permission in writing
-from both Landon Curt Noll and Larry Bassel.</p>
diff --git a/1984/anonymous/index.html b/1984/anonymous/index.html
new file mode 100644
index 000000000..d7b9011a6
--- /dev/null
+++ b/1984/anonymous/index.html
@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
+<head>
+  <meta charset="utf-8" />
+  <meta name="generator" content="pandoc" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
+  <title>hint</title>
+  <style>
+    html {
+      line-height: 1.5;
+      font-family: Georgia, serif;
+      font-size: 20px;
+      color: #1a1a1a;
+      background-color: #fdfdfd;
+    }
+    body {
+      margin: 0 auto;
+      max-width: 36em;
+      padding-left: 50px;
+      padding-right: 50px;
+      padding-top: 50px;
+      padding-bottom: 50px;
+      hyphens: auto;
+      overflow-wrap: break-word;
+      text-rendering: optimizeLegibility;
+      font-kerning: normal;
+    }
+    @media (max-width: 600px) {
+      body {
+        font-size: 0.9em;
+        padding: 1em;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      body {
+        background-color: transparent;
+        color: black;
+        font-size: 12pt;
+      }
+      p, h2, h3 {
+        orphans: 3;
+        widows: 3;
+      }
+      h2, h3, h4 {
+        page-break-after: avoid;
+      }
+    }
+    p {
+      margin: 1em 0;
+    }
+    a {
+      color: #1a1a1a;
+    }
+    a:visited {
+      color: #1a1a1a;
+    }
+    img {
+      max-width: 100%;
+    }
+    h1, h2, h3, h4, h5, h6 {
+      margin-top: 1.4em;
+    }
+    h5, h6 {
+      font-size: 1em;
+      font-style: italic;
+    }
+    h6 {
+      font-weight: normal;
+    }
+    ol, ul {
+      padding-left: 1.7em;
+      margin-top: 1em;
+    }
+    li > ol, li > ul {
+      margin-top: 0;
+    }
+    blockquote {
+      margin: 1em 0 1em 1.7em;
+      padding-left: 1em;
+      border-left: 2px solid #e6e6e6;
+      color: #606060;
+    }
+    code {
+      font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
+      font-size: 85%;
+      margin: 0;
+    }
+    pre {
+      margin: 1em 0;
+      overflow: auto;
+    }
+    pre code {
+      padding: 0;
+      overflow: visible;
+      overflow-wrap: normal;
+    }
+    .sourceCode {
+     background-color: transparent;
+     overflow: visible;
+    }
+    hr {
+      background-color: #1a1a1a;
+      border: none;
+      height: 1px;
+      margin: 1em 0;
+    }
+    table {
+      margin: 1em 0;
+      border-collapse: collapse;
+      width: 100%;
+      overflow-x: auto;
+      display: block;
+      font-variant-numeric: lining-nums tabular-nums;
+    }
+    table caption {
+      margin-bottom: 0.75em;
+    }
+    tbody {
+      margin-top: 0.5em;
+      border-top: 1px solid #1a1a1a;
+      border-bottom: 1px solid #1a1a1a;
+    }
+    th {
+      border-top: 1px solid #1a1a1a;
+      padding: 0.25em 0.5em 0.25em 0.5em;
+    }
+    td {
+      padding: 0.125em 0.5em 0.25em 0.5em;
+    }
+    header {
+      margin-bottom: 4em;
+      text-align: center;
+    }
+    #TOC li {
+      list-style: none;
+    }
+    #TOC ul {
+      padding-left: 1.3em;
+    }
+    #TOC > ul {
+      padding-left: 0;
+    }
+    #TOC a:not(:hover) {
+      text-decoration: none;
+    }
+    code{white-space: pre-wrap;}
+    span.smallcaps{font-variant: small-caps;}
+    div.columns{display: flex; gap: min(4vw, 1.5em);}
+    div.column{flex: auto; overflow-x: auto;}
+    div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+    ul.task-list{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      width: 0.8em;
+      margin: 0 0.8em 0.2em -1.6em;
+      vertical-align: middle;
+    }
+    .display.math{display: block; text-align: center; margin: 0.5rem auto;}
+  </style>
+  <!--[if lt IE 9]>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv-printshiv.min.js"></script>
+  <![endif]-->
+</head>
+<body>
+<h1 id="dishonorable-mention">Dishonorable mention</h1>
+<p>Anonymous</p>
+<h2 id="to-build">To build:</h2>
+<pre><code>make all</code></pre>
+<h2 id="judges-comments">Judges’ comments:</h2>
+<p>The author was too embarrassed that he/she could write such trash, so
+I promised to protect their identity. I will say that the author of this
+program has a well known connection with the C programming language.</p>
+<p>This program is a unique variation on the age old “Hello, world”
+program. What reads like a read may be written like a write!</p>
+<p>Copyright (c) 1984, Landon Curt Noll. All Rights Reserved. Permission
+for personal, educational or non-profit use is granted provided this
+this copyright and notice are included in its entirety and remains
+unaltered. All other uses must receive prior permission in writing from
+both Landon Curt Noll and Larry Bassel.</p>
+</body>
+</html>
diff --git a/years-spoiler.html b/years-spoiler.html
index 395d5a333..ce509a60c 100644
--- a/years-spoiler.html
+++ b/years-spoiler.html
@@ -3687,11 +3687,11 @@ that works for both traditional K&amp;R and ANSI C preprocessors.
 <P><B>anonymous</B> - prints hello world, where read is write</P>
 
 <UL TYPE=square>
+<LI><A HREF="1984/anonymous/index.html">index.html</A> README
 <LI><A HREF="1984/anonymous/Makefile">Makefile</A>
 <LI><A HREF="1984/anonymous/orig.Makefile">orig.Makefile</A>
 <LI><A HREF="1984/anonymous/anonymous.c">anonymous.c</A>
 <LI><A HREF="1984/anonymous/hint.text">hint.text</A>
-<LI><A HREF="1984/anonymous/hint.html">hint.html</A>
 <LI>See also the tattoo by
 <A HREF="http://tattoo.thomasscovell.com/index.html">Thomas Scovell</A>
 </UL>
diff --git a/years.html b/years.html
index df6680106..2e453e93d 100644
--- a/years.html
+++ b/years.html
@@ -3670,12 +3670,13 @@ a summary description of all of the winners.  </P>
 <P><B>anonymous</B></P>
 
 <UL TYPE=square>
+<LI><A HREF="1984/anonymous/index.html">index.html</A> README
 <LI><A HREF="1984/anonymous/Makefile">Makefile</A>
 <LI><A HREF="1984/anonymous/orig.Makefile">orig.Makefile</A>
 <LI><A HREF="1984/anonymous/anonymous.c">anonymous.c</A>
 <LI><A HREF="1984/anonymous/hint.text">hint.text</A>
-<LI><A HREF="1984/anonymous/hint.html">hint.html</A>
-<LI>There is additional information on the spoiler page for <A HREF="years-spoiler.html#1984_anonymous">this entry</A>.
+<LI>See also the tattoo by
+<A HREF="http://tattoo.thomasscovell.com/index.html">Thomas Scovell</A>
 </UL>
 <A NAME="1984_decot"></A>
 <P><B>decot</B></P>