Fix broken html in header

add a new "blog post"
huffstler · Jan 3, 2025 · 61d9fe0 · 61d9fe0
1 parent ef61b82
commit 61d9fe0
Show file tree

Hide file tree

Showing 3 changed files with 189 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -9,7 +9,7 @@
   <script type="text/javascript" src="https://latest.cactus.chat/cactus.js"></script>
   <link rel="stylesheet" href="https://latest.cactus.chat/style.css" type="text/css">
   <link rel="stylesheet" href="https://unpkg.com/sakura.css/css/sakura-earthly.css" type="text/css">
-  <title>My Blog; Not-so full of words and opinions.</title
+  <title>My Blog; Not-so full of words and opinions.</title>
 </head>
 
 <script>
@@ -46,6 +46,7 @@ <h1>My blog.</h1>
     <ul>
       <li> <a href="srv/firstpost.html"> First post! </a> </li>
       <li> <a href="srv/inputHooks.html"> Creating an input element with React Hooks</a> </li>
+      <li> <a href="srv/speak-dont-write.html"> Creating an input element with React Hooks</a> </li>
     </ul>
     <div id="comment-section"></div>
 </body>

diff --git a/src/speak-dont-write.md b/src/speak-dont-write.md
@@ -0,0 +1,13 @@
+# Hello Mr. Roboto
+
+I'm not typing anything here this is me only speaking into my microphone. I'll be entering punctuation manually but for now I'm just testing out how it feels to write a post without typing anything at all.
+
+I recently saw a comment on hacker news that linked to Maggie Appleton's "A brief history and ethos of the digital garden" and one of the proponents of this digital garden was putting out a kind of stream of thoughts. I am certainly the type of person to get bored with the time it takes for me to type something out and by the time I end up getting a fully fledged thought out I've... gotten over it so to speak. So in the interest of trying to keep my own interest I'm now typing this blog post entirely through voice. We'll do some very minimal editing and punctuation editions and leave it that and hopefully this will allow me to do more and talk about the things that I want to talk about (and "technically" write) and share those ideas with whoever the fuck reads these things.
+
+The idea of a post that is more of a stream of conscience than a highly edited and refined piece of media is more appealing to me. I don't necessarily enjoy having to go back through and change things to make the structure easier to to follow or, you know, censor myself or whatever else. I like to just put it out there and kind of be done with it so I can move on to the next thing and hopefully this will help me do that.
+
+I have no idea what else I'm going to talk about, but I think that's kind of the point that. Maggie brought up in her um. post on a history and ethos of digital garden where it can be about anything. I could talk about whatever the fuck I want to talk about. I can now do it in a much more streamlined fashion that doesn't have me losing interest three sentences in. I think I'm going to try to do one of these stream of conscious posts a week and we'll see how that feels.
+
+I guess the only problem with this is going to be, if I want to include a link, I still need to type that link in. But as long as I have that stuff pulled up, and ready to go that shouldn't be too much of an issue. And the shared links between Firefox, on my phone and Firefox on my tower are easy to retrieve.
+
+Also, any talking about code problems that I'm currently having or whatever I'm working on will kind of also be a bitch. I'm going to need code snippets and I'm going to need formatting and so I guess I'll do markdown formatting for the base layer and then just transform it to HTML using pandoc. We'll see how this goes.
diff --git a/srv/speak-dont-write.html b/srv/speak-dont-write.html
@@ -0,0 +1,174 @@
+<!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>speak-dont-write</title>
+  <style>
+    html {
+      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: 12px;
+      }
+      h1 {
+        font-size: 1.8em;
+      }
+    }
+    @media print {
+      html {
+        background-color: white;
+      }
+      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%;
+    }
+    svg {
+      height: auto;
+      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, Consolas, 'Lucida Console', monospace;
+      font-size: 85%;
+      margin: 0;
+      hyphens: manual;
+    }
+    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;}
+    /* The extra [class] is a hack that increases specificity enough to
+       override a similar rule in reveal.js */
+    ul.task-list[class]{list-style: none;}
+    ul.task-list li input[type="checkbox"] {
+      font-size: inherit;
+      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>
+</head>
+<body>
+
+</body>
+</html>