From 5139a052717b5a5873fcbc878827893fae793505 Mon Sep 17 00:00:00 2001
From: TitanElectrons <sufyaan@counterhawks.com>
Date: Fri, 4 Aug 2023 18:11:01 -0500
Subject: [PATCH] Changing definitions icons + Changing in-post navigation
 icons

---
 backups/index.html                         | 2 +-
 browser/index.html                         | 2 +-
 definitions/arch-linux/index.html          | 1 -
 definitions/files/index.html               | 1 -
 definitions/free-software/index.html       | 1 -
 definitions/git/index.html                 | 1 -
 definitions/hardware/index.html            | 1 -
 definitions/index.html                     | 1 -
 definitions/lineageos/index.html           | 1 -
 definitions/linux-distribution/index.html  | 1 -
 definitions/linux-phones/index.html        | 3 +--
 definitions/malware/index.html             | 3 +--
 definitions/management-engine/index.html   | 2 +-
 definitions/non-free/index.html            | 2 +-
 definitions/operating-system/index.html    | 2 +-
 definitions/pre-built-computers/index.html | 2 +-
 definitions/prism/index.html               | 2 +-
 definitions/security-key/index.html        | 2 +-
 definitions/self-host/index.html           | 2 +-
 definitions/software/index.html            | 1 -
 definitions/thinkpad/index.html            | 2 +-
 definitions/unix-philosophy/index.html     | 2 +-
 discord/index.html                         | 2 +-
 diy/index.html                             | 2 +-
 doas/index.html                            | 2 +-
 eid23/index.html                           | 2 +-
 email/index.html                           | 3 +--
 ffmpeg/index.html                          | 9 ++++-----
 fp/index.html                              | 2 +-
 github/index.html                          | 2 +-
 insta/index.html                           | 2 +-
 islam/index.html                           | 2 +-
 kpst/index.html                            | 2 +-
 minimal-design/index.html                  | 2 +-
 mnml/index.html                            | 2 +-
 ovsk/index.html                            | 2 +-
 plaintext/index.html                       | 2 +-
 pwd/index.html                             | 2 +-
 sm/index.html                              | 2 +-
 tfa/index.html                             | 2 +-
 torrent/index.html                         | 2 +-
 usb/index.html                             | 2 +-
 vimwiki/index.html                         | 2 +-
 43 files changed, 37 insertions(+), 50 deletions(-)

diff --git a/backups/index.html b/backups/index.html
index d91e617..92a9e1a 100644
--- a/backups/index.html
+++ b/backups/index.html
@@ -60,7 +60,7 @@
 <p>While it is important to take backups, it is also important to make sure you are taking them properly. Follow the 3-2-1 backup rule. If you are using invasive services, encrypt all of your files before uploading them using a trusted piece of software like VeraCrypt.</p>
 <p>Try to use services that you own as much as possible, to be completely independent. Make sure to have offline backups.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Taking%20Proper%20Backups">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../vimwiki/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../minimal-design/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../vimwiki/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../minimal-design/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/browser/index.html b/browser/index.html
index 6a967cd..8bd3049 100644
--- a/browser/index.html
+++ b/browser/index.html
@@ -86,7 +86,7 @@
       </p>
       <div style="text-align:center;"><img src="../blog/images/ieshit.gif" style="width:81px;"><img src="../blog/images/iestop.gif" style="width:81px;"><img src="../blog/images/iesucks.gif" style="width:81px;"></div>
       <p><a href="mailto:sufyaan@counterhawks.com?subject=My%20New%20Browser%20Setup">>>> Reply To Me</a></p>
-      <p style="text-align:center;"><a href="../email/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../discord/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
+      <p style="text-align:center;"><a href="../email/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../discord/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>
       <hr/>
       <footer>
          <p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/definitions/arch-linux/index.html b/definitions/arch-linux/index.html
index c771f76..ab54472 100644
--- a/definitions/arch-linux/index.html
+++ b/definitions/arch-linux/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFN) Arch Linux</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
diff --git a/definitions/files/index.html b/definitions/files/index.html
index c64c679..94eef88 100644
--- a/definitions/files/index.html
+++ b/definitions/files/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFINITIONS) Files</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
diff --git a/definitions/free-software/index.html b/definitions/free-software/index.html
index c843084..d32c327 100644
--- a/definitions/free-software/index.html
+++ b/definitions/free-software/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFN) Free Software</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
diff --git a/definitions/git/index.html b/definitions/git/index.html
index 387ce1a..a571cf1 100644
--- a/definitions/git/index.html
+++ b/definitions/git/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFN) Git</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
diff --git a/definitions/hardware/index.html b/definitions/hardware/index.html
index b7af978..f36bab2 100644
--- a/definitions/hardware/index.html
+++ b/definitions/hardware/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFINITIONS) Hardware</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
diff --git a/definitions/index.html b/definitions/index.html
index 92cbf93..7d0fe0b 100644
--- a/definitions/index.html
+++ b/definitions/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFINITIONS) Sufyaan's Webpage</title>
 		<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
diff --git a/definitions/lineageos/index.html b/definitions/lineageos/index.html
index 284bca7..322627a 100644
--- a/definitions/lineageos/index.html
+++ b/definitions/lineageos/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFN) LineageOS</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
diff --git a/definitions/linux-distribution/index.html b/definitions/linux-distribution/index.html
index f734a7c..2db737a 100644
--- a/definitions/linux-distribution/index.html
+++ b/definitions/linux-distribution/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFN) Linux Distribution</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
diff --git a/definitions/linux-phones/index.html b/definitions/linux-phones/index.html
index 99c04b0..8dc6a08 100644
--- a/definitions/linux-phones/index.html
+++ b/definitions/linux-phones/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFN) Linux Phones</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
@@ -20,7 +19,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Linux Phones</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Linux Phones</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><i class="fa fa-desktop" aria-hidden="true"></i>Hardware</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Linux Phones</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M13 18v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.992V4.008C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.985c0 .557-.455 1.008-.992 1.008H13Z"/></svg>Hardware</a></p>
 	<div style="text-align:center;">
 		<img src="pinephone-pro.webp" alt="PinePhone Pro by Pine64">
 		<figcaption>PinePhone Pro by Pine64</figcaption>
diff --git a/definitions/malware/index.html b/definitions/malware/index.html
index d3c874a..ce94888 100644
--- a/definitions/malware/index.html
+++ b/definitions/malware/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFN) Malicious Software [malware]</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
@@ -20,7 +19,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Malicious Software [malware]</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Malicious Software [malware]</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Malicious Software [malware]</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M8.7 15.9L4.8 12l3.9-3.9a.984.984 0 0 0 0-1.4a.984.984 0 0 0-1.4 0l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0a.984.984 0 0 0 0-1.4zm6.6 0l3.9-3.9l-3.9-3.9a.984.984 0 0 1 0-1.4a.984.984 0 0 1 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6a.984.984 0 0 1-1.4 0a.984.984 0 0 1 0-1.4z"/></svg>Software</a></p>
 
 	<div style="text-align:center;">
 		<img src="wannacry.webp" alt="WannaCry Ransomware">
diff --git a/definitions/management-engine/index.html b/definitions/management-engine/index.html
index be78b29..a63e3db 100644
--- a/definitions/management-engine/index.html
+++ b/definitions/management-engine/index.html
@@ -20,7 +20,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Management Engine</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Management Engine</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Management Engine</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M8.7 15.9L4.8 12l3.9-3.9a.984.984 0 0 0 0-1.4a.984.984 0 0 0-1.4 0l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0a.984.984 0 0 0 0-1.4zm6.6 0l3.9-3.9l-3.9-3.9a.984.984 0 0 1 0-1.4a.984.984 0 0 1 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6a.984.984 0 0 1-1.4 0a.984.984 0 0 1 0-1.4z"/></svg>Software</a></p>
 
 	<div style="text-align:center;">
 		<img src="management-engine.webp" alt="Micro-Controller Diagram (credit: proprivacy.com)">
diff --git a/definitions/non-free/index.html b/definitions/non-free/index.html
index 3596b2a..6725dd3 100644
--- a/definitions/non-free/index.html
+++ b/definitions/non-free/index.html
@@ -20,7 +20,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Non-Free Software</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Non-Free Software</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Non-Free Software</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M8.7 15.9L4.8 12l3.9-3.9a.984.984 0 0 0 0-1.4a.984.984 0 0 0-1.4 0l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0a.984.984 0 0 0 0-1.4zm6.6 0l3.9-3.9l-3.9-3.9a.984.984 0 0 1 0-1.4a.984.984 0 0 1 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6a.984.984 0 0 1-1.4 0a.984.984 0 0 1 0-1.4z"/></svg>Software</a></p>
 
 	<div style="text-align:center;">
 		<img src="non-free.webp" alt="Non-Free Software">
diff --git a/definitions/operating-system/index.html b/definitions/operating-system/index.html
index e6c5be3..4bfad74 100644
--- a/definitions/operating-system/index.html
+++ b/definitions/operating-system/index.html
@@ -20,7 +20,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Operating System</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Operating System</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Operating System</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M8.7 15.9L4.8 12l3.9-3.9a.984.984 0 0 0 0-1.4a.984.984 0 0 0-1.4 0l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0a.984.984 0 0 0 0-1.4zm6.6 0l3.9-3.9l-3.9-3.9a.984.984 0 0 1 0-1.4a.984.984 0 0 1 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6a.984.984 0 0 1-1.4 0a.984.984 0 0 1 0-1.4z"/></svg>Software</a></p>
 
 	<div style="text-align:center;">
 		<img src="operating-system.webp" alt="The three major operating systems (left to right): Windows (by Microsoft), Linux-based opearting systems, MacOS (by Apple)">
diff --git a/definitions/pre-built-computers/index.html b/definitions/pre-built-computers/index.html
index b548017..9a81df0 100644
--- a/definitions/pre-built-computers/index.html
+++ b/definitions/pre-built-computers/index.html
@@ -20,7 +20,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Pre-Built Computer</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Pre-Built Computer</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><i class="fa fa-desktop" aria-hidden="true"></i>Hardware</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Pre-Built Computer</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M13 18v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.992V4.008C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.985c0 .557-.455 1.008-.992 1.008H13Z"/></svg>Hardware</a></p>
 	<div style="text-align:center;">
 		<img src="prebuilt.webp" alt="Gaming & Workstation Pre-Built Computers">
 		<figcaption>Gaming & Workstation Pre-Built Computers</figcaption>
diff --git a/definitions/prism/index.html b/definitions/prism/index.html
index 4518887..6876906 100644
--- a/definitions/prism/index.html
+++ b/definitions/prism/index.html
@@ -20,7 +20,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">PRISM [NSA]</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">PRISM [NSA]</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">PRISM [NSA]</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M8.7 15.9L4.8 12l3.9-3.9a.984.984 0 0 0 0-1.4a.984.984 0 0 0-1.4 0l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0a.984.984 0 0 0 0-1.4zm6.6 0l3.9-3.9l-3.9-3.9a.984.984 0 0 1 0-1.4a.984.984 0 0 1 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6a.984.984 0 0 1-1.4 0a.984.984 0 0 1 0-1.4z"/></svg>Software</a></p>
 
 	<div style="text-align:center;">
 		<img src="prism.webp" alt="Providers & companies which joined the PRISM program.">
diff --git a/definitions/security-key/index.html b/definitions/security-key/index.html
index 44d9fc0..e9f775d 100644
--- a/definitions/security-key/index.html
+++ b/definitions/security-key/index.html
@@ -20,7 +20,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Security Key</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Security Key</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><i class="fa fa-desktop" aria-hidden="true"></i>Hardware</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Security Key</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M13 18v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.992V4.008C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.985c0 .557-.455 1.008-.992 1.008H13Z"/></svg>Hardware</a></p>
 	<div style="text-align:center;">
 		<img src="yubico.webp" alt="Yubico C Bio">
 		<figcaption>Yubico C Bio</figcaption>
diff --git a/definitions/self-host/index.html b/definitions/self-host/index.html
index 14a805d..95cea68 100644
--- a/definitions/self-host/index.html
+++ b/definitions/self-host/index.html
@@ -20,7 +20,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">Self-Host</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Self-Host</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">Self-Host</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M8.7 15.9L4.8 12l3.9-3.9a.984.984 0 0 0 0-1.4a.984.984 0 0 0-1.4 0l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0a.984.984 0 0 0 0-1.4zm6.6 0l3.9-3.9l-3.9-3.9a.984.984 0 0 1 0-1.4a.984.984 0 0 1 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6a.984.984 0 0 1-1.4 0a.984.984 0 0 1 0-1.4z"/></svg>Software</a></p>
 
 	<div style="text-align:center;">
 		<img src="self-host.webp" alt="Raspberry Pi 4, a credit-card sized computer often used for self-hosting">
diff --git a/definitions/software/index.html b/definitions/software/index.html
index c71ca86..8287fd3 100644
--- a/definitions/software/index.html
+++ b/definitions/software/index.html
@@ -5,7 +5,6 @@
 		<title>(DEFINITIONS) Software</title>
 		<link rel="icon" type="image/x-icon" href="../../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
diff --git a/definitions/thinkpad/index.html b/definitions/thinkpad/index.html
index 5bfe09a..defbe29 100644
--- a/definitions/thinkpad/index.html
+++ b/definitions/thinkpad/index.html
@@ -20,7 +20,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">ThinkPad</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">ThinkPad</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><i class="fa fa-desktop" aria-hidden="true"></i>Hardware</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">ThinkPad</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../hardware/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M13 18v2h4v2H7v-2h4v-2H2.992A.998.998 0 0 1 2 16.992V4.008C2 3.451 2.455 3 2.992 3h18.016c.548 0 .992.449.992 1.007v12.985c0 .557-.455 1.008-.992 1.008H13Z"/></svg>Hardware</a></p>
 	<div style="text-align:center;">
 		<img src="thinkpad.webp" alt="ThinkPad T500">
 		<figcaption>ThinkPad T500</figcaption>
diff --git a/definitions/unix-philosophy/index.html b/definitions/unix-philosophy/index.html
index a3efc2c..eea4725 100644
--- a/definitions/unix-philosophy/index.html
+++ b/definitions/unix-philosophy/index.html
@@ -20,7 +20,7 @@
 	  </a>
 	<hr/>
 	<p><a href="../../">sf.cu</a> > <a style="color:#50fa7b" href="../">Definitions</a> > <a style="color:#50fa7b" href=".">UNIX Philosophy</a></p>
-	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">UNIX Philosophy</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><i class="fa fa-code" aria-hidden="true"></i>Software</a></p>
+	<h1 style="text-align:center;margin-right:8vw;margin-top:20px;">UNIX Philosophy</h1><strong><p>Categories: </strong><a style="color:#ff79c6" href="../software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M8.7 15.9L4.8 12l3.9-3.9a.984.984 0 0 0 0-1.4a.984.984 0 0 0-1.4 0l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.6c.39.39 1.01.39 1.4 0a.984.984 0 0 0 0-1.4zm6.6 0l3.9-3.9l-3.9-3.9a.984.984 0 0 1 0-1.4a.984.984 0 0 1 1.4 0l4.59 4.59c.39.39.39 1.02 0 1.41l-4.59 4.6a.984.984 0 0 1-1.4 0a.984.984 0 0 1 0-1.4z"/></svg>Software</a></p>
 
 	<div style="text-align:center;">
 		<img src="unix-philosophy.webp" alt="UNIX Philosophy (simplified)">
diff --git a/discord/index.html b/discord/index.html
index 660c076..2efd0b5 100644
--- a/discord/index.html
+++ b/discord/index.html
@@ -98,7 +98,7 @@
       <p>I do not use Discord anymore and probably never will. Previously, it was difficult to delete my Discord account but Discord themselves have done all the hard work for me.</p>
       <div style="text-align:center;"><img src="../blog/images/discord-no-way.gif" style="width:81px;"></div>
       <p><a href="mailto:sufyaan@counterhawks.com?subject=Delete%20Your%20Discord%20Account">>>> Reply To Me</a></p>
-      <p style="text-align:center;"><a href="../browser/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../sm/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
+      <p style="text-align:center;"><a href="../browser/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../sm/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>
       <hr/>
       <footer>
          <p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/diy/index.html b/diy/index.html
index aae0715..aa1f749 100644
--- a/diy/index.html
+++ b/diy/index.html
@@ -31,7 +31,7 @@
 	<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
 	<p>You should try to 'do it yourself'. Take control of your hardware and software and know what you are running. It will not only be cheaper, but it will make it easier to fix issues and learn about computing and technology in the long run.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Do%20It%20Yourself">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../tfa/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../github/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>	<hr/>
+	<p style="text-align:center;"><a href="../tfa/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../github/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
 		<p class="footer-text" style="font-size:80%"><a href="../">sufyaan.cyou</a></p><p class="footer-text" style="font-size:65%"><a style="color:#aaaaaa" href="../sitemap">Site Map</a></p>
diff --git a/doas/index.html b/doas/index.html
index a80abc1..9e31477 100644
--- a/doas/index.html
+++ b/doas/index.html
@@ -53,7 +53,7 @@
       <p>If you are the only person on your Linux machine, you should switch to doas. It is much more lightweight and is similar to sudo. It has a smaller codebase which, in my opinion, prevents exploits from popping up as often as sudo.</p>
       <p>However, if you are in a professional environment, you should stick with sudo.</p>
       <p><a href="mailto:sufyaan@counterhawks.com?subject=Use%20Doas%20Instead%20Of%20Sudo">>>> Reply To Me</a></p>
-      <p style="text-align:center;"><a href="../sm/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../eid23/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
+      <p style="text-align:center;"><a href="../sm/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../eid23/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>
       <hr/>
       <footer>
          <p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/eid23/index.html b/eid23/index.html
index b5ec357..4314bd0 100644
--- a/eid23/index.html
+++ b/eid23/index.html
@@ -27,7 +27,7 @@
       <p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/other/"><i class="fa fa-plus" aria-hidden="true"></i>Other</a></p>
       <p>I would like to wish an 🌙 <strong>AUSPICIOUS EID</strong> 🌙 to you and your family!</p>
       <p><a href="mailto:sufyaan@counterhawks.com?subject=Eid%20Mubarak!">>>> Reply To Me</a></p>
-      <p style="text-align:center;"><a href="../doas/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../pwd/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
+      <p style="text-align:center;"><a href="../doas/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../pwd/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>
       <hr/>
       <footer>
          <p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/email/index.html b/email/index.html
index 14dec85..4b1af5f 100644
--- a/email/index.html
+++ b/email/index.html
@@ -4,7 +4,6 @@
       <title>(POST) How To Encrypt Emails</title>
       <link rel="icon" type="image/x-icon" href="../images/favicon.webp">
       <link rel='stylesheet' type='text/css' href="../style.css">
-      <link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
       <meta charset="utf-8"/>
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
    </head>
@@ -73,7 +72,7 @@
       <h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
       <p>That is it! You have setup encryption on your emails. This is a great step as email itself is very unsecure, so this will boost your privacy and security by a lot. Sharing passwords through email has never been safe but encryption allows you to do it with a good range of security.</p>
       <p><a href="mailto:sufyaan@counterhawks.com?subject=How%20To%20Encrypt%20Emails">>>> Reply To Me</a></p>
-      <p style="text-align:center;"><a href="../crypto/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../browser/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+      <p style="text-align:center;"><a href="../crypto/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../browser/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
       <hr/>
       <footer>
          <p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/ffmpeg/index.html b/ffmpeg/index.html
index dc1b216..56039f6 100644
--- a/ffmpeg/index.html
+++ b/ffmpeg/index.html
@@ -5,7 +5,6 @@
 		<title>(POST) Switching To FFmpeg</title>
 		<link rel="icon" type="image/x-icon" href="../images/favicon.webp">
 		<link rel='stylesheet' type='text/css' href="../style.css">
-		<link rel='stylesheet' href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
 		<meta charset="utf-8"/>
 		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	</head>
@@ -19,21 +18,21 @@
 	  </pre>
 	  </a>
 	<hr/><p><a href="../">sf.cu</a> > <a style="color:#bd93f9" href="../blog/">Blog</a> > <a style="color:#bd93f9" href=".">Switching To FFmpeg</a></p>
-	<h1><i class="fa fa-video-camera" aria-hidden="true"></i>Switching To FFmpeg</h1>
+	<h1><svg class="titles" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M21.72 17.91V6.5l-.53-.49L9.05 18.52l-1.29-.06L24 1.53l-.33-.95l-11.93 1l-5.75 6.6v-.23l4.7-5.39l-1.38-.77l-9.11.77v2.85l1.91.46v.01l.19-.01l-.56.66v10.6c.609-.126 1.22-.241 1.83-.36L14.12 5.22l.83-.04L0 21.44l9.67.82l1.35-.77l6.82-6.74v2.15l-5.72 5.57l11.26.95l.35-.94v-3.16l-3.29-.18a64.66 64.66 0 0 0 1.28-1.23z"/></svg>Switching To FFmpeg</h1>
 	<p style="font-size:110%"><strong><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5v-5Z"/></svg>1 June 2023</strong></p><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12zm11-5a1 1 0 1 0-2 0v3.764a3 3 0 0 0 1.658 2.683l2.895 1.447a1 1 0 1 0 .894-1.788l-2.894-1.448a1 1 0 0 1-.553-.894V7z" clip-rule="evenodd"/></svg><strong>2 min</strong><p style="font-size:110%"><svg class="postinfo" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M0 0h24v24H0z"/><path fill="currentColor" d="M10 3H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm10 0h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zM10 13H4a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm7 0a4 4 0 1 1-3.995 4.2L13 17l.005-.2A4 4 0 0 1 17 13z"/></g></svg></strong><a style="color:#ff79c6" href="../blog/software/"><svg class="posts" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M14 18.32A7.06 7.06 0 0 1 11.28 16H3V4h18v2.26a7.08 7.08 0 0 1 2 2.15V4a2 2 0 0 0-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h7v2H8v2h8v-2h-2Z"/><path fill="currentColor" d="M17 6a6 6 0 1 0 6 6a6 6 0 0 0-6-6Zm0 7.5a1.5 1.5 0 1 1 1.5-1.5a1.5 1.5 0 0 1-1.5 1.5Z"/></svg>Software</a></p>
 	<p>I just started using <a href="https://ffmpeg.org/">FFmpeg</a>... and it is <strong>AMAZING!</strong> When I mean amazing, I really mean amazing.</p>
 	<p>For those of you who do not know what FFmpeg is, it is basically a command-line application that can be installed on all platforms that is basically the Swiss army knife of videos, audio files and images. It merges almost every single codec, encoders and decoders, filters and more in a single application allowing for fast access and modularity.</p>
 	<p>FFmpeg is one of those tools which have impacted your life without you realising it. Whenever you watch a movie, show or any piece of edited or converted content, there is an extremely high change that FFmpeg was involved.</p>
 	<p>You may say:</p><p><em>"Bu.. But I use a video editor and online file converters! Those are not FFmpeg!"</em></p>
 	<p>Most file converters and video editors use at least some FFmpeg. Many websites like YouTube and WhatsApp use FFmpeg directly when they need to compress a video.</p>
-	<h2><i class="fa fa-question" aria-hidden="true"></i>Why?</h2>
+	<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="currentColor" fill-rule="evenodd" d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16ZM4.927 4.99c-.285.429-.427.853-.427 1.27c0 .203.09.392.27.566c.18.174.4.26.661.26c.443 0 .744-.248.903-.746c.168-.475.373-.835.616-1.08c.243-.244.62-.366 1.134-.366c.439 0 .797.12 1.075.363c.277.242.416.54.416.892a.97.97 0 0 1-.136.502a1.91 1.91 0 0 1-.336.419a14.35 14.35 0 0 1-.648.558c-.34.282-.611.525-.812.73c-.2.205-.362.443-.483.713c-.322 1.245 1.35 1.345 1.736.456c.047-.086.118-.18.213-.284c.096-.103.223-.223.382-.36a41.14 41.14 0 0 0 1.194-1.034c.221-.204.412-.448.573-.73a1.95 1.95 0 0 0 .242-.984c0-.475-.141-.915-.424-1.32c-.282-.406-.682-.726-1.2-.962c-.518-.235-1.115-.353-1.792-.353c-.728 0-1.365.14-1.911.423c-.546.282-.961.637-1.246 1.066Zm2.14 7.08a1 1 0 1 0 2 0a1 1 0 0 0-2 0Z" clip-rule="evenodd"/></svg>Why?</h2>
 	<p>The reason I switched is because of its versatility. You can create a single command to record your screen in lossless quality, save the original file in '.mov', the audio in '.mp3' format in another folder, encode a '.mp4' file, transcode it to be played on Android and trim a specific part of the video and send it to a server that you own.</p>
 	<p>FFmpeg is a difficult program to learn but the rewards are worth it. I currently have a command that records my screen, converts the audio in the recording from stereo to mono and finally encode it in <a style="color:#50fa7b" href="../definitions/h264">H.264</a> for ultimate compatibility.</p>
-	<h2><i class="fa fa-book" aria-hidden="true"></i>To Close The File...</h2>
+	<h2><svg class="heading2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6.012 18H21V4a2 2 0 0 0-2-2H6c-1.206 0-3 .799-3 3v14c0 2.201 1.794 3 3 3h15v-2H6.012C5.55 19.988 5 19.805 5 19s.55-.988 1.012-1zM8 6h9v2H8V6z"/></svg>To Close The File...</h2>
 	<p>All in all, you should learn FFmpeg if you do even a little amount of multimedia manipulation. It will help you out immensely.</p>
 	<a href="https://ffmpeg.org/"><div style="text-align:center;"><img src="../blog/images/ffmpeg.gif" style="width:81px;"></div></a>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Switching%20To%20FFmpeg">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../github/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../kpst/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../github/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../kpst/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/fp/index.html b/fp/index.html
index 5e73ad7..bdc08f7 100644
--- a/fp/index.html
+++ b/fp/index.html
@@ -39,7 +39,7 @@
 <h2 id="conclusion"><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
 <p>I love my new fountain pen. It has reignited my love for writing. I will use it for all my writing because of the writing experience.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Writing%20With%20Fountain%20Pens">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../minimal-design/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../uses/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../minimal-design/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../uses/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/github/index.html b/github/index.html
index 708fed3..33f1422 100644
--- a/github/index.html
+++ b/github/index.html
@@ -41,7 +41,7 @@
 	<p>GitHub is perhaps the only Git platform that has no option to <a style="color:#50fa7b" href="../definitions/self-host">self-host</a>. You do not know what is running on their servers and cannot know what is happening with your code.</p>
 	<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
 	<p>Please don't use GitHub. Just use alternatives or self-host it. GitHub does have a lot of projects but if you use it, it brings them closer towards extinguishing open-source.</p>
-	<p><a href="mailto:sufyaan@counterhawks.com?subject=Don't%20Use%20GitHub">>>> Reply To Me</a></p><p style="text-align:center;"><a href="../diy/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../ffmpeg/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p><a href="mailto:sufyaan@counterhawks.com?subject=Don't%20Use%20GitHub">>>> Reply To Me</a></p><p style="text-align:center;"><a href="../diy/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../ffmpeg/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/insta/index.html b/insta/index.html
index 295c2ae..3cfc524 100644
--- a/insta/index.html
+++ b/insta/index.html
@@ -24,7 +24,7 @@
 
 	<p>This post is to inform you that the grace period for the deletion of my public Instagram account has been completed. My Instagram account has been deleted... forever. I highly recommend you do it too. Read <a style="color:#bd93f9" href="../sm">this post</a> for more information.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Instagram%20Deleted!">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../usb/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../tfa/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
+	<p style="text-align:center;"><a href="../usb/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../tfa/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/islam/index.html b/islam/index.html
index f3daa3b..6765821 100644
--- a/islam/index.html
+++ b/islam/index.html
@@ -31,7 +31,7 @@
 	<p>However, there is not a single <a href="../definitions/free-software/" style="color:#50fa7b">free software</a> or even open-source <a href="https://ahadith.co.uk/fortressofthemuslim.php"">Hisnul Muslim</a> application that I have noticed. Most <a href="https://ahadith.co.uk/fortressofthemuslim.php"">Hisnul Muslim</a> apps I have used have the exact same duas since it is based off the 'Fortress of the Muslim' book. Just having a page with all duas with a simple search option and the translation in popular languages is all thats required to get the open-source savvy Muslim community to start using <a href="../definitions/free-software/" style="color:#50fa7b">free software</a> for their duas.</p>
 	<p>Anyone can take the lead. In fact, this may be the first thing I try when I start developing applications.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=The%20Dearth%20Of%20Open-Source%20Islam%20Apps">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../mnml/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../ovsk/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../mnml/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../ovsk/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/kpst/index.html b/kpst/index.html
index 449ef2a..aac3468 100644
--- a/kpst/index.html
+++ b/kpst/index.html
@@ -40,7 +40,7 @@
 	</ol>
 	<p>I am probably never going to switch back because this system works extremely well. Syncthing is very fast at staying up-to-date.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=KeePass%20+%20Syncthing">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../ffmpeg/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../mnml/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../ffmpeg/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../mnml/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/minimal-design/index.html b/minimal-design/index.html
index 57703ce..96b2bd5 100644
--- a/minimal-design/index.html
+++ b/minimal-design/index.html
@@ -65,7 +65,7 @@
 </ol>
 <p>These are the main reasons I do minimal design.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Minimal%20Design">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../backups/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../fp/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../backups/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../fp/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/mnml/index.html b/mnml/index.html
index 80a7055..95e5c05 100644
--- a/mnml/index.html
+++ b/mnml/index.html
@@ -39,7 +39,7 @@
 	<h2><i class="fa fa-code" aria-hidden="true"></i>Closing The Program</h2>
 	<p>To sum it up, everyone should use and develop minimal software if possible. This is because minimal software is easier to maintain, debug and optimize due to its smaller codebase. It also runs fast on all devices and avoids complications during development time. Minimal software can also be liberated into <a href="../definitions/free-software/" style="color:#50fa7b">free software</a> which will allow talented developers to review the program and contribute to the world.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Keep%20It%20Minimal">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../kpst/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../islam/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../kpst/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../islam/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/ovsk/index.html b/ovsk/index.html
index e088169..1ca8d04 100644
--- a/ovsk/index.html
+++ b/ovsk/index.html
@@ -26,7 +26,7 @@
 	<p>On the other end of the same spectrum, overcomplication also has a similar result. A technical example of this is software management. Windows and MacOS (at least how most people use MacOS) have complicated software management which results in difficult updates, confusing software usage and an overall increase in storage usage throughout the years. However, Linux has package managers. One command is all that is required to install a package and remove it. You can clear cache, download an older version, update both your system and applications at the same time and even view all installed packages.</p>
 	<p>In the end, most things are complicated. We can try simplifying them and that is perfectly fine. However, trying to oversimplify a problem and making it a binary outcome does not work in all cases. There are many factors to take into consideration. Oversimplification leads to no problems being solved. If anything, it creates and solves arbitrary problems that are not important.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Oversimplification%20Kills">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../islam/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../torrent/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../islam/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../torrent/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/plaintext/index.html b/plaintext/index.html
index 1980ed3..d445fb6 100644
--- a/plaintext/index.html
+++ b/plaintext/index.html
@@ -35,7 +35,7 @@
 	<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
 <p>All in all, I use plaintext files because I can access them whenever and wherever I want on any device. It allows me to future-proof my writing and it also allows me to be more productive.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Use%20Plaintext">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../torrent/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../vimwiki/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../torrent/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../vimwiki/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/pwd/index.html b/pwd/index.html
index 9a336ea..7c97a5d 100644
--- a/pwd/index.html
+++ b/pwd/index.html
@@ -88,7 +88,7 @@
       <p>
       <p><a href="mailto:sufyaan@counterhawks.com?subject=Password%20Systems">>>> Reply To Me</a></p>
       </p>
-      <p style="text-align:center;"><a href="../eid23/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../usb/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
+      <p style="text-align:center;"><a href="../eid23/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../usb/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>
       <hr/>
       <footer>
          <p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/sm/index.html b/sm/index.html
index 19185ae..f717cd9 100644
--- a/sm/index.html
+++ b/sm/index.html
@@ -97,7 +97,7 @@
       <p>There is not much left to say. I am much, much happier without social media. I have more time on my hands and I am still getting the information I want from RSS feeds without an algorithm trying to pull me in. Big corporations have much less data about me, I have a lot of time and have produced a lot of work. In terms of academics, my overall percentage in school has increased by over 20%. I find difficult subjects easier and easy subjects a piece of cake.</p>
       <p>All in all, if you care about yourself, delete your social media. It is a hellhole that is getting worse by the day.</p>
       <p><a href="mailto:sufyaan@counterhawks.com?subject=Stop%20Using%20Social%20Media">>>> Reply To Me</a></p>
-      <p style="text-align:center;"><a href="../discord/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../doas/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
+      <p style="text-align:center;"><a href="../discord/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../doas/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>
       <hr/>
       <footer>
          <p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/tfa/index.html b/tfa/index.html
index 14d613c..6680706 100644
--- a/tfa/index.html
+++ b/tfa/index.html
@@ -40,7 +40,7 @@
 	<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
 	<p>If there is one thing you take away from this post, it is to make 2FA your baseline security protocol. Use 2FA for <strong>every account that has it.</strong> Do not use SMS, use authenticator apps. If possible, spend money on three <a style="color:#50fa7b" href="../definitions/security-key">security keys</a>.</p>
 <p><a href="mailto:sufyaan@counterhawks.com?subject=Start%20Using%202FA%20Properly">>>> Reply To Me</a></p>
-<p style="text-align:center;"><a href="../insta/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../diy/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
+<p style="text-align:center;"><a href="../insta/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../diy/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/torrent/index.html b/torrent/index.html
index 1ffb5d4..d7c5f11 100644
--- a/torrent/index.html
+++ b/torrent/index.html
@@ -47,7 +47,7 @@
 	<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
 	<p>Torrents should be used whenever possible. They are reliable, fast, prevent censorship, allow people to contribute easily, are flexible and cannot be manipulated easily. Just keep in mind to give back to the community by seeding and do not download illegal media.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=Why%20You%20Should%20Torrent">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../ovsk/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../plaintext/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../ovsk/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../plaintext/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/usb/index.html b/usb/index.html
index 4a7e413..4fb0c16 100644
--- a/usb/index.html
+++ b/usb/index.html
@@ -41,7 +41,7 @@
       <p>Metal is a superior material to plastic. It lasts much longer and breaks less easily. This is especially important for data transfer and having an emergency drive ready-to-go. If it dies or breaks at an unfortunate time, it can wreak havoc on both you and your sanity. This is why everyone should use metal USBs. They last longer and eventually break even with the price you paid for them.</p>
       <p>You should try to buy thinner metal USBs. This is because a thin USB can dissipate heat better than a thick one. Metal is a conductor of heat. Because of this, you should try to buy a USB that is able to reduce the heat's effect.</p>
       <p><a href="mailto:sufyaan@counterhawks.com?subject=Buy%20Only%20Metal%20USBs">>>> Reply To Me</a></p>
-      <p style="text-align:center;"><a href="../pwd/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../insta/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i>
+      <p style="text-align:center;"><a href="../pwd/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../insta/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg>
       <hr/>
       <footer>
          <p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>
diff --git a/vimwiki/index.html b/vimwiki/index.html
index 5db6cd1..03502e1 100644
--- a/vimwiki/index.html
+++ b/vimwiki/index.html
@@ -39,7 +39,7 @@
 	<h2><i class="fa fa-book" aria-hidden="true"></i>Conclusion</h2>
 	<p>To conclude, I switched to VimWiki because I find it faster and easier to use Neovim directly on my computer. I love using <a href="../definitions/markdown" style="color:#50fa7b">Markdown (.md)</a>, so I feel at home when using VimWiki. It is also because I prefer to use plaintext as much as possible.</p>
 	<p><a href="mailto:sufyaan@counterhawks.com?subject=VimWiki%20Is%20Terrific">>>> Reply To Me</a></p>
-	<p style="text-align:center;"><a href="../plaintext/" style="color:#bd93f9"><i class="fa fa-angle-left" aria-hidden="true"></i>Previous Post</a> - <a style="color:#bd93f9" href="../backups/">Next Post</a> <i style="color:#bd93f9" class="fa fa-angle-right" aria-hidden="true"></i></p>
+	<p style="text-align:center;"><a href="../plaintext/" style="color:#bd93f9"><svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSLeftOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="M30 36L18 24l12-12v24Z"/></mask><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#ipSLeftOne0)"/></svg>Previous Post</a> - <a style="color:#bd93f9" href="../backups/">Next Post</a> <svg class="footer-posts" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><mask id="ipSRightOne0"><path fill="#fff" stroke="#fff" stroke-linejoin="round" stroke-width="4" d="m20 12l12 12l-12 12V12Z"/></mask><path fill="#bd93f9" d="M0 0h48v48H0z" mask="url(#ipSRightOne0)"/></svg></p>
 	<hr/>
 	<footer>
 		<p class="footer-text"><a style="color:#bd93f9" href="../blog">blog</a> - <a style="color:#ffb86c" href="../about">about</a> - <a style="color:#f1fa8c" href="../portfolio">portfolio</a> - <a style="color:#ff5555" href="../links">links</a></p>