🥧 create Riso Pi log entry & other things

- new Pi Log entry - added page with ascii diagram of my Pi network - created new snippet - shifted CSS to `ascii.css` - removed text-stroke on links
stieglitzz · Nov 23, 2024 · ac6c251 · ac6c251
1 parent d3048b3
commit ac6c251
Show file tree

Hide file tree

Showing 6 changed files with 131 additions and 0 deletions.
diff --git a/.vscode/ascii.code-snippets b/.vscode/ascii.code-snippets
@@ -0,0 +1,27 @@
+{
+	"ascii": {
+		"prefix": "ascii",
+		"body": [
+			"<!DOCTYPE html>",
+			"<html lang=\"en\">",
+			"<head>",
+			"  <meta charset=\"UTF-8\">",
+			"  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
+			"  <title>${1:Document}</title>",
+			"  <link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/css/reset.css\" />",
+			"  <link rel=\"stylesheet\" type=\"text/css\" href=\"/assets/css/ascii.css\" />",
+			"</head>",
+			"<body>",
+			"<main>",
+			"<pre>",
+			"  $0",
+			"</pre>",
+			"</main>",
+			"<section class=\"credit\">Jgs font by <a href=\"https://adelfaure.net\">Adel Faure</a>. Distributed by <a href=\"https://velvetyne.fr\">velvetyne.fr</a>.</section>",
+			"<footer><a class=\"back\" href=\"/index.html\">Back</a></footer>",
+			"</body>",
+			"</html>"
+		],
+		"description": "page for ascii art"
+	}
+}
diff --git a/assets/css/ascii.css b/assets/css/ascii.css
@@ -5,17 +5,24 @@
 
 body {
     overflow: hidden;
+    height: 100svh;
 }
 
 main {
     max-width: unset;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 }
 
 pre {
     font-family: jgs5;
     font-size: 30px;
     white-space: pre;
     line-height: 1;
+    display: block;
 }
 
 .credit {

diff --git a/assets/css/reset.css b/assets/css/reset.css
@@ -56,6 +56,7 @@ p {
 
 a {
     font-weight: bold;
+    -webkit-text-stroke: 0;
 }
 
 /* Make images easier to work with */

diff --git a/pages/network-diagram.html b/pages/network-diagram.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Network Diagram</title>
+    <link rel="stylesheet" type="text/css" href="/assets/css/reset.css" />
+    <link rel="stylesheet" type="text/css" href="/assets/css/ascii.css" />
+    <style>
+        pre {
+            font-size: 16px;
+        }
+    </style>
+</head>
+
+<body>
+    <main>
+        <pre>
+╒═════════════════════╕
+|NBN THING IN THE WALL|
+╘══════════╤══════════╛
+           |
+           ▼
+           |         ╒════════╕
+       ╒═══╧═══╕     |NETCOMM |
+       |NBN BOX├--▶--┤CF40MESH|
+       ╘═══════╛     |MODEM   |
+                     ╘════╤═══╛
+                          |
+                          ▼
+                          |     ethernet cable     ┌----------------┐
+                          └--▶------------------▶--┤ETHERNET ADAPTOR|
+                                                   └--------┬-------┘
+                                                            |
+                                                            ▼     ┌--------┐     ┌---------┐
+                                    usb-c to usb-a cable    |     |USB-C to|     |USB-A to |
+                              ┌--◀-----------------------◀--┴--▶--┤USB-A   ├--▶--┤MICRO USB|
+                              |                                   |ADAPTOR |     |ADAPTOR  |
+                              ▼                                   └--------┘     └----┬----┘
+                              |                                                       |
+                      ╔═══════╧══════╗                                                ▼
+                      ║PIBO          ║                                                |
+                      ║RASPBERRY PI 4║                                       ╔════════╧════════╗
+                      ║8GB           ║                                       ║RASPYPI          ║
+                      ╚══════════════╝                                       ║RASPBERRY PI ZERO║
+                                                                             ╚═════════════════╝
+
+</pre>
+    </main>
+    <section class="credit">Jgs font by <a href="https://adelfaure.net">Adel Faure</a>. Distributed by <a
+            https://velvetyne.fr">velvetyne.fr</a>.</section>
+    <footer><a class="back" href="/pages/pi-log.html">Back to Pi Log</a>
+        <a class="back" href="/index.html">Back</a>
+    </footer>
+</body>
+
+</html>
diff --git a/pages/pi-log.html b/pages/pi-log.html
@@ -27,6 +27,11 @@
 <main>
 
     <body>
+
+        <a href="/pi-log/20241123-riso-pi.html" class="log">
+            <date>19.11.2024</date>
+            <p>Riso Pi</p>
+        </a>
         <a href="/pi-log/20241122-mean-pi.html" class="log">
             <date>22.11.2024</date>
             <p>Mean Pi</p>

diff --git a/pi-log/20241123-riso-pi.html b/pi-log/20241123-riso-pi.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Riso Pi</title>
+    <link rel="stylesheet" href="/assets/css/reset.css">
+</head>
+<header>
+</header>
+<main>
+
+    <body>
+        <date>23.11.24</date>
+        <p>Raspberry Pis remind me of risograph machines.</p>
+        <p>Sometimes they work.
+            <br>
+            Sometimes they don't.
+            <br>
+            Depends how they're feeling.
+        </p>
+        <p>I went out to run errands this morning and when I came home both raspypi and piBo were disconnected from my
+            local network. They were connected just fine before I left!</p>
+        <p>The good news is that I managed to physically connect them to my router and they are showing on the network!
+        </p>
+        <p>The connection setup is a bit convoluted because I only have one ethernet cable.</p>
+        <p>I just spent the whole day drawing <a href="/pages/network-diagram.html">a diagram of my Pi network</a>.</P>
+    </body>
+</main>
+<footer><a class="back" href="/pages/pi-log.html">Back to Pi Log</a></footer>
+
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -56,6 +56,7 @@ p { @@
     a {
         font-weight: bold;
+        -webkit-text-stroke: 0;
     }
     /* Make images easier to work with */
@@ Expand Down @@