Update docs

chigby · Jun 23, 2024 · 419a9aa · 419a9aa
1 parent ae5012d
commit 419a9aa
Show file tree

Hide file tree

Showing 16 changed files with 7,843 additions and 51 deletions.
diff --git a/docs/css/rime.css b/docs/css/rime.css
diff --git a/docs/css/rime.css.map b/docs/css/rime.css.map
diff --git a/docs/darken/about/index.html b/docs/darken/about/index.html
@@ -0,0 +1,87 @@
+<!doctype html>
+<html lang="en"  data-palette="malachite">
+    <head>
+        <meta charset="utf-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Darken - Cameron Higby-Naquin</title>
+
+    <link  rel="stylesheet" href="/css/rime.css" media="all"/>
+        <meta property="og:locale" content="en_US" />
+<meta property="og:type" content="website" />
+<meta property="og:title" content="Darken" />
+
+<meta property="og:description" content="Games, writing, code, and projects from Cameron Higby-Naquin" />
+<meta property="og:url" content="https://chigby.org/darken/about/" />
+<meta property="og:site_name" content="Cameron Higby-Naquin" />
+
+        <meta name="description" content="" />
+        <script src="/js/scripts.js" defer></script>
+    </head>
+    <body  class="a-page">
+
+
+        <header>
+    <details id="theme-chooser">
+        <summary>Light/Dark</summary>
+        <div>
+            <fieldset>
+                <legend>Color Mode</legend>
+                <label>
+                    <input type="radio" id="theme-toggle-light" name="theme-toggle" value="light">
+                    Light
+                </label>
+
+                <label>
+                    <input type="radio" id="theme-toggle-dark" name="theme-toggle" value="dark">
+                    Dark
+                </label>
+
+                <label>
+                    <input type="radio" id="theme-toggle-system" name="theme-toggle" value="system">
+                    System
+                </label>
+            </fieldset>
+        </div>
+    </details>
+    <nav aria-label="primary">
+        <a href="/">Cameron Higby-Naquin</a>
+    </nav>
+</header>
+
+        <main  class="content-grid">
+
+<header id="page-header">
+    <h1>Darken</h1>
+
+        <p>A Lights-Out Clone</p>
+
+</header>
+
+
+
+<p>I made this cute distraction, in the Elm programming language (<a href="https://github.com/chigby/darken">view source</a>), as part of an attempt to play along with a job interview exercise.</p>
+<p><a href="/darken/">Play the game</a>.</p>
+
+
+
+
+
+        </main>
+        <footer>
+    <div id="author">
+        <p>&copy; 2024 Cameron Higby-Naquin of <a href="/">chigby.org</a></p>
+        <p>
+            <a href="mailto:[email protected]">[email protected]</a>
+            &bull;
+            <a href="https://github.com/chigby">chigby</a> on GitHub
+            &bull;
+            <a href="https://www.instagram.com/nullsurface/">nullsurface</a> on Instagram
+        </p>
+    </div>
+    <div>
+
+    </div>
+</footer>
+
+    </body>
+</html>
diff --git a/docs/elm-elevenses/index.html b/docs/elm-elevenses/index.html
@@ -1,23 +1,65 @@
-<!DOCTYPE html>
-<html lang="en">
+<!doctype html>
+<html lang="en"  data-palette="malachite">
     <head>
-        <meta charset="utf-8">
-        <title>Elm Elevenses: Resources for learning and using the Elm language</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="stylesheet" href="/css/colors.css">
-
-            <style>
-             body{margin:1em auto;max-width:40em;padding:0 .62em;font:1.2em/1.62em monospace}h1,h2,h3{line-height:1.2em}
-            </style><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
-        <link rel="icon" href="/favicon.ico" type="image/x-icon">
+        <meta charset="utf-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Elm Elevenses ☕ 🍙 🍰 - Cameron Higby-Naquin</title>
 
+    <link  rel="stylesheet" href="/css/rime.css" media="all"/>
+        <meta property="og:locale" content="en_US" />
+<meta property="og:type" content="website" />
+<meta property="og:title" content="Elm Elevenses ☕ 🍙 🍰" />
+
+<meta property="og:description" content="Games, writing, code, and projects from Cameron Higby-Naquin" />
+<meta property="og:url" content="https://chigby.org/elm-elevenses/" />
+<meta property="og:site_name" content="Cameron Higby-Naquin" />
+
+        <meta name="description" content="" />
         <script src="/js/scripts.js" defer></script>
     </head>
-    <body>
-        <article>
-    <header>
-        <h1>Elm Elevenses &#x2615; &#x1F359; &#x1f370;</h1>
-        <aside>Resources for learning &amp; using the Elm language</aside>
-    </header>
+    <body >
+
+
+        <header>
+    <details id="theme-chooser">
+        <summary>Light/Dark</summary>
+        <div>
+            <fieldset>
+                <legend>Color Mode</legend>
+                <label>
+                    <input type="radio" id="theme-toggle-light" name="theme-toggle" value="light">
+                    Light
+                </label>
+
+                <label>
+                    <input type="radio" id="theme-toggle-dark" name="theme-toggle" value="dark">
+                    Dark
+                </label>
+
+                <label>
+                    <input type="radio" id="theme-toggle-system" name="theme-toggle" value="system">
+                    System
+                </label>
+            </fieldset>
+        </div>
+    </details>
+    <nav aria-label="primary">
+        <a href="/">Cameron Higby-Naquin</a>
+    </nav>
+</header>
+
+        <main  class="content-grid" data-type-family="monospace">
+
+<header id="page-header">
+    <h1>Elm Elevenses ☕ 🍙 🍰</h1>
+
+        <p>Resources for learning and using the Elm language</p>
+
+</header>
+
+
+
+<article>
     <nav aria-labelledby="sections-heading">
         <h2 id="sections-heading">Table of Contents</h2>
         <ul>
@@ -63,7 +105,7 @@ <h2>Example Projects</h2>
 
         <ul>
             <li>Darken, a Lights Out clone:
-                <a href="https://github.com/chigby/darken">Source</a>, <a href="http://chigby.org/darken/">Play it</a>
+                <a href="https://github.com/chigby/darken">Source</a>, <a href="/darken/">Play it</a>
             </li>
             <li>
                 Offset Cipher, for encoding <a href="https://en.wikipedia.org/wiki/ROT13">ROT13</a> and related.
@@ -156,5 +198,26 @@ <h2>Miscellaneous</h2>
     </section>
 </article>
 
+
+
+
+
+        </main>
+        <footer>
+    <div id="author">
+        <p>&copy; 2024 Cameron Higby-Naquin of <a href="/">chigby.org</a></p>
+        <p>
+            <a href="mailto:[email protected]">[email protected]</a>
+            &bull;
+            <a href="https://github.com/chigby">chigby</a> on GitHub
+            &bull;
+            <a href="https://www.instagram.com/nullsurface/">nullsurface</a> on Instagram
+        </p>
+    </div>
+    <div>
+
+    </div>
+</footer>
+
     </body>
 </html>
diff --git a/docs/games-cellar/index.html b/docs/games-cellar/index.html
@@ -0,0 +1,118 @@
+<!doctype html>
+<html lang="en"  data-palette="nordish">
+    <head>
+        <meta charset="utf-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <title>Games Cellar - Cameron Higby-Naquin</title>
+
+    <link  rel="stylesheet" href="/css/rime.css" media="all"/>
+        <meta property="og:locale" content="en_US" />
+<meta property="og:type" content="website" />
+<meta property="og:title" content="Games Cellar" />
+
+<meta property="og:description" content="Games, writing, code, and projects from Cameron Higby-Naquin" />
+<meta property="og:url" content="https://chigby.org/games-cellar/" />
+<meta property="og:site_name" content="Cameron Higby-Naquin" />
+
+        <meta name="description" content="" />
+        <script src="/js/scripts.js" defer></script>
+    </head>
+    <body  class="a-page">
+
+
+        <header>
+    <details id="theme-chooser">
+        <summary>Light/Dark</summary>
+        <div>
+            <fieldset>
+                <legend>Color Mode</legend>
+                <label>
+                    <input type="radio" id="theme-toggle-light" name="theme-toggle" value="light">
+                    Light
+                </label>
+
+                <label>
+                    <input type="radio" id="theme-toggle-dark" name="theme-toggle" value="dark">
+                    Dark
+                </label>
+
+                <label>
+                    <input type="radio" id="theme-toggle-system" name="theme-toggle" value="system">
+                    System
+                </label>
+            </fieldset>
+        </div>
+    </details>
+    <nav aria-label="primary">
+        <a href="/">Cameron Higby-Naquin</a>
+    </nav>
+</header>
+
+        <main  class="content-grid">
+
+<header id="page-header">
+    <h1>Games Cellar</h1>
+
+        <p>Moldering historical artifacts, scattered cuckoo clocks, unfinished experiments, inkstained blueprints.</p>
+
+</header>
+
+
+
+
+
+
+<section class="stream">
+        <h2>Cellar Items</h2><article class="stream-entry">
+                <header>
+                    <h3 class="stream-name">
+                        <a href="/darken/about/">Darken</a>
+                    </h3>
+
+                    <p>
+
+                            <em>bauble</em>
+
+                        &bull;
+
+                            A Lights-Out Clone
+
+                    </p>
+                </header>
+            </article><article class="stream-entry">
+                <header>
+                    <h3 class="stream-name">
+                        <a href="/quiz/">Quiz of Monster Quizzes</a>
+                    </h3>
+
+                    <p>
+
+                            <em>bauble</em>
+
+                        &bull;
+
+                            A response to something, at one point, I was seeing a lot of.
+
+                    </p>
+                </header>
+            </article></section>
+
+        </main>
+        <footer>
+    <div id="author">
+        <p>&copy; 2024 Cameron Higby-Naquin of <a href="/">chigby.org</a></p>
+        <p>
+            <a href="mailto:[email protected]">[email protected]</a>
+            &bull;
+            <a href="https://github.com/chigby">chigby</a> on GitHub
+            &bull;
+            <a href="https://www.instagram.com/nullsurface/">nullsurface</a> on Instagram
+        </p>
+    </div>
+    <div>
+
+    </div>
+</footer>
+
+    </body>
+</html>
diff --git a/docs/index.html b/docs/index.html
@@ -63,7 +63,7 @@ <h2 class="projects-header">Games</h2>
         <li><a href="twine/terms-and-conditions.html">Terms and Conditions</a><span class="sub">
             Minigame on the subject of license agreements and service plans run amok.
         </span></li>
-        <li><a href="/games">More&#8230;</a></li>
+        <li><a href="/games-cellar/">More in the Cellar&#8230;</a></li>
     </ul>
     <h2 class="projects-header">Projects</h2>
     <ui class="projects">

diff --git a/docs/js/scripts.js b/docs/js/scripts.js
diff --git a/docs/offset-cipher/index.html b/docs/offset-cipher/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE HTML>
+<html>
+
+  <head>
+    <meta charset="UTF-8">
+    <title>Text Rotation</title>
+    <script type="text/javascript" src="offsetCipher.js"></script>
+  </head>
+
+  <body>
+  </body>
+
+  <script type="text/javascript">
+   var app = Elm.OffsetCipher.fullscreen();
+  </script>
+
+</html>