feat: Adds ci workflow.

content/articles/2025-04-02-Network.md

@@ -1,5 +1,6 @@
 ---
 date: 2025-4-02
+updated: 2025-4-03
 author: "Michael Housh"
 tags: network, infrastructure
 ---
@@ -53,12 +54,15 @@ This is the network where all the VoIP phones are on. It is considered
 
 This is the network where all IoT (internet of things) devices are. This is
 considered an "untrusted" network and communications with other networks are
-minimized to what is actually needed to work.
+minimized to what is actually needed to work. This network is not able to
+communicate with the internet, because these devices are made by so many
+different companies with unknown intentions, this adds an extra layer of
+security by ensuring all communications are internal to our networks.
 
-The exception to items placed on the IoT network is "apple" specific devices,
+The exception to items placed on the IoT network are "apple" specific devices,
 such as home-pods and apple-tv because there are network challenges with these
-devices operating properly when placed on the IoT network (which may be resolved
-in the future).
+devices operating properly when placed on the IoT network, such as airdrop and
+screen casting (which may be resolved in the future).
 
 ## Firewall
 
@@ -72,9 +76,9 @@ from communicating with other networks or the internet.
 
 ## DNS
 
-DNS is what translates IP addresses to domain names (i.e. `po.housh.dev` ->
-`192.168.50.6`). This is managed by the unifi management console and is accessed
-via `Settings -> Routing -> DNS`.
+DNS is what translates IP addresses to domain names (i.e.
+`po.housh.dev -> 192.168.50.6`). This is managed by the unifi management console
+and is accessed via `Settings -> Routing -> DNS`.
 
 We primarily use wildcard records, which allow the actual routing to be handled
 by the servers to the correct service.

content/static/input.css

@@ -33,6 +33,14 @@
   --green: #a6e3a1;
 }
 
+/* Reset */
+* {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
 /* HEADER */
 .header {
   display: flex;
@@ -92,6 +100,8 @@
   padding: 10px;
 }
 
+/* Nav */
+
 nav a:hover {
   @apply border-b-2 border-orange-400;
 }
@@ -99,16 +109,18 @@ nav a.active {
   @apply border-b-2 border-orange-400;
 }
 
+/* Body */
+
 body {
-  @apply bg-slate-900 font-avenir;
+  @apply bg-slate-900 font-avenir text-xl;
 }
 
 h1 {
-  @apply text-4xl;
+  @apply text-6xl pb-2;
 }
 
 h2 {
-  @apply text-3xl mb-4 pt-4;
+  @apply text-5xl mb-8 pt-4;
   color: var(--green);
 }
 h3 {
@@ -119,26 +131,27 @@ p {
   @apply mb-8;
 }
 
-img {
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-
 article h2 {
   @apply border-b-2 border-slate-200;
 }
 
-article {
-  @apply font-avenir text-lg;
+article a {
+  @apply text-orange-400;
+}
+
+article a:hover {
+  @apply border-b border-green-400;
+}
+
+article code {
+  @apply bg-amber-700;
 }
 
 .container {
   @apply px-10;
 }
 
-* {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
+.container img {
+  padding-top: 10px;
+  padding-bottom: 10px;
 }

content/static/prism.css

@@ -9,7 +9,7 @@ https://prismjs.com/download.html#themes=prism-tomorrow&languages=markup+css+cli
 code[class*="language-"],
 pre[class*="language-"] {
   color: #ccc;
-  background: none;
+  background: #121416;
   font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
   font-size: 1em;
   text-align: left;