Updates look and feel of header.

PlayTechnique · Oct 15, 2024 · a4e137e · a4e137e
1 parent 8f82546
commit a4e137e
Show file tree

Hide file tree

Showing 36 changed files with 339 additions and 116 deletions.
diff --git a/content/blog/fixing-an-openssl-intermediate-chain-with-sectigo-and-positivessl.html b/content/blog/fixing-an-openssl-intermediate-chain-with-sectigo-and-positivessl.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+
+<head>
+    <script type="text/javascript" src="/main.js"></script>
+    <title>Fixing An OpenSSL Intermediate Chain</title>
+    <meta name="andrew-publish-time" content="2024-10-13 09:26:21" />
+</head>
+
+<body>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
+        <a href="/blog/index.html" class="link">blog</a>
+        <a href="/projects/index.html" class="link">projects</a>
+        <a href="/" class="link">front page</a>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
+
+    <link rel="stylesheet" href="/styles.css">
+    <div id="playtechnique-header"></div>
+    <main>
+        <article>
+            <h1>Fixing An OpenSSL Intermediate Chain With Sectigo and PositiveSSL</h1>
+            <section id="introduction">
+                <p>
+                    I decided to add prometheus metrics to <a href="https://github.com/playtechnique/andrew">Andrew</a>, my web server.
+                </p>
+                <p>
+                    To display them, I signed up for grafana cloud. I assumed I'd be able to point their prometheus instance at my unauthenticated
+                    metrics endpoint. How wrong I was; you must either use Bearer tokens or Basic Auth.
+                </p>
+                <p>
+                    That's fair enough. So I thought I'd just use an agent to scrape and push. Grafana likes <i>grafana alloy</i>, so I figured I'd
+                    give it a shot.
+                </p>
+                <p>
+                    It hates my ssl certificate.
+                </p>
+                <p>
+                    Checking into its complaint, it's right.
+                </p>
+            </section>
+
+            <section id="whats-wrong-with-my-cert">
+                <p>
+<pre><code>
+; openssl s_client -connect playtechnique.io:443 -showcerts
+...redactions-for-clarity...
+Verify return code: 21 (unable to verify the first certificate)
+...redactions-for-clarity...
+</code></pre>
+                </p>
+                <p>
+                    I assume this is the dreaded intermediate certificate problem.
+                </p>
+                <p>
+                    It's dreaded because I've fixed it a dozen times and can <i>never remember the right bloody technique.</i>
+                </p>
+            </section>
+
+            <section id="openssl-for-fun-and-education">
+                <p>
+
+                </p>
+            </section>
+        </article>
+    </main>
+</body>
+
+
+
diff --git a/content/blog/fstest-mapfs-file-does-not-exist.html b/content/blog/fstest-mapfs-file-does-not-exist.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <link rel="stylesheet" href="/styles.css">
     <div id="playtechnique-header"></div>

diff --git a/content/blog/index.html b/content/blog/index.html
@@ -5,12 +5,15 @@
 <link rel="stylesheet" href="/styles.css">
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <main>
         <div id="playtechnique-header"></div>

diff --git a/content/blog/keep-going-till-its-fun.html b/content/blog/keep-going-till-its-fun.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <link rel="stylesheet" href="/styles.css">
     <div id="playtechnique-header"></div>

diff --git a/content/blog/life-is-a-glorious-time-sink.html b/content/blog/life-is-a-glorious-time-sink.html
@@ -7,10 +7,13 @@
 
 <body>
 <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
-    <a href="/articles/index.html" class="link">articles</a>
-    <a href="/projects/index.html" class="link">projects</a>
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
+        <a href="/blog/index.html" class="link">blog</a>
+        <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
 </nav>
 
 <link rel="stylesheet" href="/styles.css">

diff --git a/content/blog/testing-panics-in-go.html b/content/blog/testing-panics-in-go.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <link rel="stylesheet" href="/styles.css">
     <div id="playtechnique-header"></div>

diff --git a/content/blog/the-very-basics-of-your-zshrc.html b/content/blog/the-very-basics-of-your-zshrc.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+
+<head>
+    <script type="text/javascript" src="/main.js"></script>
+    <title>The Very Basics of Your Zshrc</title>
+    <meta name="andrew-publish-time" content="2024-09-04" 
+</head>
+
+<body>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
+        <a href="/blog/index.html" class="link">blog</a>
+        <a href="/projects/index.html" class="link">projects</a>
+        <a href="/" class="link">front page</a>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
+
+    <link rel="stylesheet" href="/styles.css">
+    <div id="playtechnique-header"></div>
+    <main>
+        <article>
+            <h1>The Very Basics of Your Zshrc</h1>
+            <section id="introduction">
+                <p>
+                    I dislike seeing my shell take seconds to load. Here's how I maintain my own zshrc.
+                </p>
+            </section>
+
+            <section id="post">
+                <p>
+                </p>
+            </section>
+
+        </article>
+    </main>
+</body>
+
+
+
diff --git a/content/blog/using-andrew-for-your-website.html b/content/blog/using-andrew-for-your-website.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <main>
         <link rel="stylesheet" href="/styles.css">

diff --git a/content/blog/zsh-autocompletion-for-a-shell-function.html b/content/blog/zsh-autocompletion-for-a-shell-function.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <link rel="stylesheet" href="/styles.css">
     <div id="playtechnique-header"></div>

diff --git a/content/images/logo-large.png b/content/images/logo-large.png
diff --git a/content/images/logo.png b/content/images/logo.png
diff --git a/content/images/rss.png b/content/images/rss.png
diff --git a/content/index.html b/content/index.html
@@ -43,12 +43,15 @@
 
     <div class="container">
 
-        <nav class="navigation">
-            <a href=/><img src="images/logo.png"></a>
-            <a href="/blog/index.html" class="link">blog</a>
-            <a href="/projects/index.html" class="link">projects</a>
-            <a href="/social/index.html" class="link">social links</a>
-        </nav>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
+        <a href="/blog/index.html" class="link">blog</a>
+        <a href="/projects/index.html" class="link">projects</a>
+        <a href="/" class="link">front page</a>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
 
         <div class="whoarewe">

diff --git a/content/main.js b/content/main.js
@@ -16,6 +16,27 @@ function addCodeHighlightingToHeader(callback) {
     document.body.appendChild(script);
 }
 
+// Function to render the new navigation
+function renderNavigation() {
+    const navHTML = `
+        <nav class="navigation">
+            <a href="/"><img src="images/logo.png" alt="Logo"></a>
+            <div id="links-group">
+                <a href="/blog/index.html" class="link">blog</a>
+                <a href="/projects/index.html" class="link">projects</a>
+                <a href="/social/index.html" class="link">social links</a>
+                <a href="/rss.xml" class="link"><img src="images/rss.png" alt="RSS"></a>
+            </div>
+        </nav>
+    `;
+
+    // Inject the navHTML into the new container with an ID 'playtechnique-nav'
+    const navElement = document.getElementById('playtechnique-nav');
+    if (navElement) {
+        navElement.innerHTML = navHTML;
+    }
+}
+
 document.addEventListener('DOMContentLoaded', function () {
     addGoogleTagToHead();
 });

diff --git a/content/projects/andrew/andrew-is-a-partial-site-generator.html b/content/projects/andrew/andrew-is-a-partial-site-generator.html
@@ -7,10 +7,13 @@
 
 <body>
 <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
-    <a href="/blog/index.html" class="link">blog</a>
-    <a href="/projects/index.html" class="link">projects</a>
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
+        <a href="/blog/index.html" class="link">blog</a>
+        <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
 </nav>
 
 <link rel="stylesheet" href="/styles.css">

diff --git a/content/projects/andrew/andrew-is-actually-a-web-server.html b/content/projects/andrew/andrew-is-actually-a-web-server.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <link rel="stylesheet" href="/styles.css">
     <div id="playtechnique-header"></div>

diff --git a/content/projects/andrew/andrew-is-minimalistic.html b/content/projects/andrew/andrew-is-minimalistic.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <link rel="stylesheet" href="/styles.css">
     <div id="playtechnique-header"></div>

diff --git a/content/projects/andrew/attributes-and-data.html b/content/projects/andrew/attributes-and-data.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <link rel="stylesheet" href="/styles.css">
     <div id="playtechnique-header"></div>

diff --git a/content/projects/andrew/writing-an-rss-feed-generator.html b/content/projects/andrew/writing-an-rss-feed-generator.html
@@ -7,12 +7,15 @@
 </head>
 
 <body>
-    <nav class="navigation">
-        <a href=/><img src="/images/logo.png"></a>
+<nav class="navigation">
+    <a href=/><img src="/images/logo.png"></a>
+    <div id="links-group">
         <a href="/blog/index.html" class="link">blog</a>
         <a href="/projects/index.html" class="link">projects</a>
         <a href="/" class="link">front page</a>
-    </nav>
+        <a href="/rss.xml" class="link"><img src="/images/rss.png"></a>
+    </div>
+</nav>
 
     <link rel="stylesheet" href="/styles.css">
     <div id="playtechnique-header"></div>