Add guides

source/assets/email.js

@@ -1,14 +1,14 @@
 // This code de-obfuscates my email and displays it on screen when the button is clicked
 // It's not a perfect solution, but it should stop be enough to stop email scraping
 // Email encoded in base64. This might be changed in the future to prevent scraping targeting base64 strings
-const email = "Y29udGFjdEBvd2Vucnlhbi51cwo=";
+var email = "Y29udGFjdEBvd2Vucnlhbi51cwo=";
 document.addEventListener("DOMContentLoaded", function () {
     // Get document elements
-    const button = document.querySelector("#emailButton");
-    const emailDiv = document.querySelector("#email");
+    var button = document.querySelector("#emailButton");
+    var emailDiv = document.querySelector("#email");
     // Decode the email string and insert a mailto link into the DOM, then disable the button
     button.addEventListener("click", function () {
-        const decodedEmail = atob(email);
+        var decodedEmail = atob(email);
         emailDiv.insertAdjacentHTML("beforeend", "<div class=\"col\"><a href=\"mailto:".concat(decodedEmail, "\"><strong>").concat(decodedEmail, "</strong></a></div>"));
         button.disabled = true;
     });

source/assets/images/guides/pfsense/webp-to-png.sh

@@ -0,0 +1 @@
+find "." -type f -name "*.png" -exec sh -c 'convert "$0" "${0%.png}.webp"' {} \;

source/assets/landingpage.js

@@ -1,11 +1,10 @@
 // JS Code that rotates the gradient on the content box on the front page
 document.addEventListener("DOMContentLoaded", function () {
-    const mainBox = document.querySelector("#rotating-gradient");
-    let angle = 0;
+    var mainBox = document.querySelector("#rotating-gradient");
+    var angle = 0;
     // Rotate the gradient 1 degree every 100ms
     setInterval(function () {
-        const gradient = "linear-gradient(".concat(angle, "deg, #1E1F46, #404040)");
-        mainBox.style["background"] = gradient;
+        mainBox.style.background = "linear-gradient(".concat(angle, "deg, #1E1F46, #404040)");
         angle += 1;
         if (angle >= 360) {
             angle = 0;

source/assets/landingpage.ts

@@ -6,8 +6,7 @@ document.addEventListener("DOMContentLoaded", (): void => {
 
     // Rotate the gradient 1 degree every 100ms
     setInterval((): void => {
-        const gradient: string = `linear-gradient(${angle}deg, #1E1F46, #404040)`;
-        mainBox.style["background"] = gradient;
+        mainBox.style.background = `linear-gradient(${angle}deg, #1E1F46, #404040)`;
         angle += 1;
         if (angle >= 360) {
             angle = 0

source/assets/utils.js

@@ -1,7 +1,7 @@
 // Some useful functions used throughout my code
 // Based on this SO answer https://stackoverflow.com/a/35880730/9523246
 function lazyLoadCSS(url) {
-    const css = document.createElement('link');
+    var css = document.createElement('link');
     css.href = url;
     css.rel = 'stylesheet';
     css.type = 'text/css';