✨ (post): Added a post about my Nix exploration

theobori-cafe · Jun 25, 2024 · 3ca9a32 · 3ca9a32
1 parent b8605b3
commit 3ca9a32
Show file tree

Hide file tree

Showing 14 changed files with 904 additions and 23 deletions.
diff --git a/assets/nix_graph.png b/assets/nix_graph.png
diff --git a/assets/nix_logo.svg b/assets/nix_logo.svg
diff --git a/posts/ebpf.md b/posts/ebpf.md
@@ -3,8 +3,15 @@ title: eBPF essentials
 date: "2024-01-11"
 ---
 
+<style nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">
+  .img-center-w400px {
+    max-width: 100%;
+    width: 400px;
+  }
+</style>
+
 <center>
-    <img src="/ebpf.png" style="max-width: 100%; width: 400px;">
+    <img src="/ebpf.png" class="img-center-w400px">
 </center>
 &nbsp;
 
@@ -18,7 +25,7 @@ eBPF stands for extended Berkeley Packet Filter. It's a virtual machine with a m
 &nbsp;
 
 <center>
-    <img src="/basic_ebpf_scheme.png" style="max-width: 100%; width: auto;">
+    <img src="/basic_ebpf_scheme.png" class="img-center">
 </center>
 
 &nbsp;
@@ -45,7 +52,7 @@ An eBPF program is nothing else than a set of eBPF instructions in a bytecode fo
 &nbsp;
 
 <center>
-    <img src="/ebpf_build_chain.png" style="max-width: 100%; width: auto;">
+    <img src="/ebpf_build_chain.png" class="img-center">
 </center>
 
 &nbsp;

diff --git a/posts/homelab.md b/posts/homelab.md
@@ -97,7 +97,7 @@ Here's a diagram of several services trying to retrieve the identity of an [Auth
 &nbsp;
 
 <p align="center">
-  <img src="/authentik_users.png" style="max-width: 100%; width: auto;>
+  <img src="/authentik_users.png" class="img-center">
 </p>
 
 &nbsp;
@@ -118,7 +118,7 @@ Let's say I want to access [duplicati.theobori.duckdns.org](https://duplicati.th
 &nbsp;
 
 <p align="center">
-  <img src="/authentik_proxy.png" style="max-width: 100%; width: auto;">
+  <img src="/authentik_proxy.png" class="img-center">
 </p>
 &nbsp;
 
@@ -132,7 +132,7 @@ Here's what the media stack looks like.
 &nbsp;
 
 <p align="center">
-  <img src="/media_stack.png" style="max-width: 100%; width: auto;">
+  <img src="/media_stack.png" class="img-center">
 </p>
 &nbsp;
 
@@ -152,7 +152,7 @@ I also have a [Prometheus](https://prometheus.io/) and [Grafana](https://grafana
 This is how the monitoring stack looks.
 
 <p align="center" width="100%">
-  <img src="/monitoring_stack.png" style="max-width: 100%; width: auto;">
+  <img src="/monitoring_stack.png" class="img-center">
 </p>
 
 &nbsp;
@@ -162,7 +162,7 @@ This is how the monitoring stack looks.
 Here's an overview of the dashboard, featuring all the services exposed to the local network. In a way it's the end result of service implementation.
 
 <p align="center" width="100%">
-  <img src="/dashy.png" width="650px" style="max-width: 100%; width: auto;">
+  <img src="/dashy.png" width="650px" class="img-center">
 </p>
 
 &nbsp;

diff --git a/posts/lox.md b/posts/lox.md
@@ -37,7 +37,7 @@ I've learned some important key concepts, and here are a few of the most importa
 &nbsp;
 
 <center>
-    <img src="/mountain_lang.png" style="max-width: 100%; width: auto;">
+    <img src="/mountain_lang.png" class="img-center">
 </center>
 
 &nbsp;

diff --git a/posts/mozilla.md b/posts/mozilla.md
@@ -10,7 +10,7 @@ This is a tool set up by Mozilla in the form of a website. It assigns a security
 For the technical part with NGINX, I've chosen to use [this website](/) as an example, which has obtained a satisfactory security rating.
 
 <center>
-    <img src="/theoboricafe_a.png" style="max-width: 100%; width: auto;">
+    <img src="/theoboricafe_a.png" class="img-center">
 </center>
 &nbsp;