From 63faec949539bd3b867800cbc496bfd9e34df4e2 Mon Sep 17 00:00:00 2001
From: Yash Karandikar <yash@karx.xyz>
Date: Fri, 5 Aug 2022 12:33:23 -0500
Subject: [PATCH] Split warning into a shortcode

---
 content/blog/network-extender.md | 8 ++++++--
 templates/shortcodes/alert.html  | 3 +++
 2 files changed, 9 insertions(+), 2 deletions(-)
 create mode 100644 templates/shortcodes/alert.html

diff --git a/content/blog/network-extender.md b/content/blog/network-extender.md
index ddc3dfc..593d565 100644
--- a/content/blog/network-extender.md
+++ b/content/blog/network-extender.md
@@ -16,7 +16,9 @@ Just in case, you might also want to keep around a USB keyboard and an HDMI moni
 
 ### Switch to systemd-networkd
 
-<p class="warning">This setup <em>will</em> break any DNS servers already running on your Pi, such as Pi-Hole, so make sure you know what you're getting into.</p>
+{% alert(type="warning") %}
+This setup <em>will</em> break any DNS servers already running on your Pi, such as Pi-Hole, so make sure you know what you're getting into.
+{% end %}
 
 You need to be root for the whole guide, so either use `sudo -Es` or `sudo su` to switch to the root user.
 
@@ -65,7 +67,9 @@ network={
 }
 ```
 
-<p class="warning">Your password will be stored in <em>plain text</em> so make sure this file is not readable by anyone you don't want seeing the password.</p>
+{% alert(type="warning") %}
+Your password will be stored in <em>plain text</em> so make sure this file is not readable by anyone you don't want seeing the password
+{% end %}
 
 ### Setting up the bridge
 
diff --git a/templates/shortcodes/alert.html b/templates/shortcodes/alert.html
new file mode 100644
index 0000000..76ac05b
--- /dev/null
+++ b/templates/shortcodes/alert.html
@@ -0,0 +1,3 @@
+<p class="{{ type }}">
+{{ body | safe }}
+</p>