diff --git a/src/errors/400.html b/src/errors/400.html
index 903c25a..30d2572 100644
--- a/src/errors/400.html
+++ b/src/errors/400.html
@@ -1,72 +1,19 @@
 <!doctype html>
+
 <html lang="en-ca">
     <head>
-        <meta charset="utf-8" />
-
         <title>400 | Cutieguwu</title>
-
-        <link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
-        <link rel="stylesheet" type="text/css" href="../style.css" />
-
-        <meta name="description" content="Cutieguwu's Official website" />
-        <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1.0"
-        />
+        <include src="includes/meta.html" />
     </head>
     <body class="viewport">
-        <nav class="nav_pane">
-            <h2 class="nav_logo">Cutieguwu</h2>
-
-            <ul class="nav_menu">
-                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">About</a>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title" href="#">Minecraft</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="#">Bearock SMP</a>
-                        <a class="nav_title" href="#">Rebirth SMP</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title">Links</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
-                        <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
-                        <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
-                        <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <a class="nav_title" href="https://pronouns.page/@Cutieguwu"
-                            >Pronoun Pages</a
-                        >
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
-                        <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
-                    </div>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other 2</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Super long titled</a>
-                </li>
-            </ul>
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">400</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
         </nav>
         <div class="error_pane">
             <h1>400</h1>
@@ -77,10 +24,10 @@
                 or deception.
             </p>
         </div>
-        <script
-            type="module"
-            src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
-        ></script>
-        <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
     </body>
 </html>
diff --git a/src/errors/401.html b/src/errors/401.html
index 4c47781..4d83e37 100644
--- a/src/errors/401.html
+++ b/src/errors/401.html
@@ -1,81 +1,28 @@
 <!doctype html>
+
 <html lang="en-ca">
     <head>
-        <meta charset="utf-8" />
-
         <title>401 | Cutieguwu</title>
-
-        <link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
-        <link rel="stylesheet" type="text/css" href="../style.css" />
-
-        <meta name="description" content="Cutieguwu's Official website" />
-        <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1.0"
-        />
+        <include src="includes/meta.html" />
     </head>
     <body class="viewport">
-        <nav class="nav_pane">
-            <h2 class="nav_logo">Cutieguwu</h2>
-
-            <ul class="nav_menu">
-                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">About</a>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title" href="#">Minecraft</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="#">Bearock SMP</a>
-                        <a class="nav_title" href="#">Rebirth SMP</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title">Links</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
-                        <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
-                        <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
-                        <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <a class="nav_title" href="https://pronouns.page/@Cutieguwu"
-                            >Pronoun Pages</a
-                        >
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
-                        <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
-                    </div>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other 2</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Super long titled</a>
-                </li>
-            </ul>
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">401</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
         </nav>
-        <div class="error_pane">
+        <div class="pane_error">
             <h1>401</h1>
             <h2>Unauthorized!</h2>
         </div>
-        <script
-            type="module"
-            src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
-        ></script>
-        <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
     </body>
 </html>
diff --git a/src/errors/403.html b/src/errors/403.html
index a9e2507..5a9e4aa 100644
--- a/src/errors/403.html
+++ b/src/errors/403.html
@@ -1,83 +1,30 @@
 <!doctype html>
+
 <html lang="en-ca">
     <head>
-        <meta charset="utf-8" />
-
         <title>403 | Cutieguwu</title>
-
-        <link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
-        <link rel="stylesheet" type="text/css" href="../style.css" />
-
-        <meta name="description" content="Cutieguwu's Official website" />
-        <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1.0"
-        />
+        <include src="includes/meta.html" />
     </head>
     <body class="viewport">
-        <nav class="nav_pane">
-            <h2 class="nav_logo">Cutieguwu</h2>
-
-            <ul class="nav_menu">
-                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">About</a>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title" href="#">Minecraft</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="#">Bearock SMP</a>
-                        <a class="nav_title" href="#">Rebirth SMP</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title">Links</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
-                        <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
-                        <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
-                        <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <a class="nav_title" href="https://pronouns.page/@Cutieguwu"
-                            >Pronoun Pages</a
-                        >
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
-                        <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
-                    </div>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other 2</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Super long titled</a>
-                </li>
-            </ul>
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">403</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
         </nav>
-        <div class="error_pane">
+        <div class="pane_error">
             <h1>403</h1>
             <h2>Forbidden!</h2>
             <hr />
             <p>The server is refusing to act upon your request.</p>
         </div>
-        <script
-            type="module"
-            src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
-        ></script>
-        <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
     </body>
 </html>
diff --git a/src/errors/404.html b/src/errors/404.html
index e0cfca9..e08a38e 100644
--- a/src/errors/404.html
+++ b/src/errors/404.html
@@ -1,81 +1,28 @@
 <!doctype html>
+
 <html lang="en-ca">
     <head>
-        <meta charset="utf-8" />
-
         <title>404 | Cutieguwu</title>
-
-        <link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
-        <link rel="stylesheet" type="text/css" href="../style.css" />
-
-        <meta name="description" content="Cutieguwu's Official website" />
-        <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1.0"
-        />
+        <include src="includes/meta.html" />
     </head>
     <body class="viewport">
-        <nav class="nav_pane">
-            <h2 class="nav_logo">Cutieguwu</h2>
-
-            <ul class="nav_menu">
-                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">About</a>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title" href="#">Minecraft</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="#">Bearock SMP</a>
-                        <a class="nav_title" href="#">Rebirth SMP</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title">Links</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
-                        <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
-                        <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
-                        <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <a class="nav_title" href="https://pronouns.page/@Cutieguwu"
-                            >Pronoun Pages</a
-                        >
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
-                        <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
-                    </div>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other 2</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Super long titled</a>
-                </li>
-            </ul>
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">404</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
         </nav>
-        <div class="error_pane">
+        <div class="pane_error">
             <h1>404</h1>
             <h2>Page not found!</h2>
         </div>
-        <script
-            type="module"
-            src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
-        ></script>
-        <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
     </body>
 </html>
diff --git a/src/errors/500.html b/src/errors/500.html
index df90789..17823ff 100644
--- a/src/errors/500.html
+++ b/src/errors/500.html
@@ -1,83 +1,30 @@
 <!doctype html>
+
 <html lang="en-ca">
     <head>
-        <meta charset="utf-8" />
-
         <title>500 | Cutieguwu</title>
-
-        <link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
-        <link rel="stylesheet" type="text/css" href="../style.css" />
-
-        <meta name="description" content="Cutieguwu's Official website" />
-        <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1.0"
-        />
+        <include src="includes/meta.html" />
     </head>
     <body class="viewport">
-        <nav class="nav_pane">
-            <h2 class="nav_logo">Cutieguwu</h2>
-
-            <ul class="nav_menu">
-                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">About</a>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title" href="#">Minecraft</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="#">Bearock SMP</a>
-                        <a class="nav_title" href="#">Rebirth SMP</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title">Links</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
-                        <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
-                        <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
-                        <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <a class="nav_title" href="https://pronouns.page/@Cutieguwu"
-                            >Pronoun Pages</a
-                        >
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
-                        <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
-                    </div>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other 2</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Super long titled</a>
-                </li>
-            </ul>
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">500</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
         </nav>
-        <div class="error_pane">
+        <div class="pane_error">
             <h1>500</h1>
             <h2>Internal Server Error!</h2>
             <hr />
             <p>The server has no clue WTF happened here.</p>
         </div>
-        <script
-            type="module"
-            src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
-        ></script>
-        <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
     </body>
 </html>
diff --git a/src/errors/501.html b/src/errors/501.html
index d783101..f753ba3 100644
--- a/src/errors/501.html
+++ b/src/errors/501.html
@@ -1,83 +1,30 @@
 <!doctype html>
+
 <html lang="en-ca">
     <head>
-        <meta charset="utf-8" />
-
         <title>501 | Cutieguwu</title>
-
-        <link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
-        <link rel="stylesheet" type="text/css" href="../style.css" />
-
-        <meta name="description" content="Cutieguwu's Official website" />
-        <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1.0"
-        />
+        <include src="includes/meta.html" />
     </head>
     <body class="viewport">
-        <nav class="nav_pane">
-            <h2 class="nav_logo">Cutieguwu</h2>
-
-            <ul class="nav_menu">
-                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">About</a>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title" href="#">Minecraft</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="#">Bearock SMP</a>
-                        <a class="nav_title" href="#">Rebirth SMP</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title">Links</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
-                        <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
-                        <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
-                        <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <a class="nav_title" href="https://pronouns.page/@Cutieguwu"
-                            >Pronoun Pages</a
-                        >
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
-                        <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
-                    </div>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other 2</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Super long titled</a>
-                </li>
-            </ul>
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">501</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
         </nav>
-        <div class="error_pane">
+        <div class="pane_error">
             <h1>501</h1>
             <h2>Not Implemented!</h2>
             <hr />
             <p>Whatever you just tried doing, the server doesn't know how to handle it.</p>
         </div>
-        <script
-            type="module"
-            src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
-        ></script>
-        <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
     </body>
 </html>
diff --git a/src/errors/502.html b/src/errors/502.html
index 63beb26..3677d0b 100644
--- a/src/errors/502.html
+++ b/src/errors/502.html
@@ -1,83 +1,30 @@
 <!doctype html>
+
 <html lang="en-ca">
     <head>
-        <meta charset="utf-8" />
-
         <title>502 | Cutieguwu</title>
-
-        <link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
-        <link rel="stylesheet" type="text/css" href="../style.css" />
-
-        <meta name="description" content="Cutieguwu's Official website" />
-        <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1.0"
-        />
+        <include src="includes/meta.html" />
     </head>
     <body class="viewport">
-        <nav class="nav_pane">
-            <h2 class="nav_logo">Cutieguwu</h2>
-
-            <ul class="nav_menu">
-                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">About</a>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title" href="#">Minecraft</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="#">Bearock SMP</a>
-                        <a class="nav_title" href="#">Rebirth SMP</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title">Links</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
-                        <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
-                        <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
-                        <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <a class="nav_title" href="https://pronouns.page/@Cutieguwu"
-                            >Pronoun Pages</a
-                        >
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
-                        <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
-                    </div>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other 2</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Super long titled</a>
-                </li>
-            </ul>
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">502</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
         </nav>
-        <div class="error_pane">
+        <div class="pane_error">
             <h1>502</h1>
             <h2>Bad Gateway!</h2>
             <hr />
             <p>This service may be offline.</p>
         </div>
-        <script
-            type="module"
-            src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
-        ></script>
-        <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
     </body>
 </html>
diff --git a/src/errors/503.html b/src/errors/503.html
index 9451ec3..9d64e79 100644
--- a/src/errors/503.html
+++ b/src/errors/503.html
@@ -1,83 +1,30 @@
 <!doctype html>
+
 <html lang="en-ca">
     <head>
-        <meta charset="utf-8" />
-
         <title>503 | Cutieguwu</title>
-
-        <link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
-        <link rel="stylesheet" type="text/css" href="../style.css" />
-
-        <meta name="description" content="Cutieguwu's Official website" />
-        <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1.0"
-        />
+        <include src="includes/meta.html" />
     </head>
     <body class="viewport">
-        <nav class="nav_pane">
-            <h2 class="nav_logo">Cutieguwu</h2>
-
-            <ul class="nav_menu">
-                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">About</a>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title" href="#">Minecraft</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="#">Bearock SMP</a>
-                        <a class="nav_title" href="#">Rebirth SMP</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title">Links</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
-                        <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
-                        <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
-                        <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <a class="nav_title" href="https://pronouns.page/@Cutieguwu"
-                            >Pronoun Pages</a
-                        >
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
-                        <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
-                    </div>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other 2</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Super long titled</a>
-                </li>
-            </ul>
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">503</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
         </nav>
-        <div class="error_pane">
+        <div class="pane_error">
             <h1>503</h1>
             <h2>Service Unavailable!</h2>
             <hr />
             <p>The server may be overloaded or down for maintenance.</p>
         </div>
-        <script
-            type="module"
-            src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
-        ></script>
-        <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
     </body>
 </html>
diff --git a/src/errors/504.html b/src/errors/504.html
index f68fa1c..1bdb7fc 100644
--- a/src/errors/504.html
+++ b/src/errors/504.html
@@ -1,74 +1,21 @@
 <!doctype html>
+
 <html lang="en-ca">
     <head>
-        <meta charset="utf-8" />
-
-        <title>504 | Cutieguwu</title>
-
-        <link rel="icon" type="image/x-icon" href="../img/test-favicon.jpg" />
-        <link rel="stylesheet" type="text/css" href="../style.css" />
-
-        <meta name="description" content="Cutieguwu's Official website" />
-        <meta
-            name="viewport"
-            content="width=device-width, height=device-height, initial-scale=1.0"
-        />
+        <title>Error Template | Cutieguwu</title>
+        <include src="includes/meta.html" />
     </head>
     <body class="viewport">
-        <nav class="nav_pane">
-            <h2 class="nav_logo">Cutieguwu</h2>
-
-            <ul class="nav_menu">
-                <li class="nav_body"><a class="nav_title" href="">Home</a></li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">About</a>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title" href="#">Minecraft</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="#">Bearock SMP</a>
-                        <a class="nav_title" href="#">Rebirth SMP</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <p class="nav_title">Links</p>
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://gitea.cutieguwu.ca">Gitea</a>
-                        <a class="nav_title" href="https://jellyfin.cutieguwu.ca">Jellyfin</a>
-                        <a class="nav_title" href="https://play.cutieguwu.ca">Rebirth</a>
-                        <a class="nav_title" href="https://zotero.cutieguwu.ca">Zotero</a>
-                    </div>
-                </li>
-                <li class="dropdown">
-                    <div class="dropdown_header nav_body">
-                        <a class="nav_title" href="https://pronouns.page/@Cutieguwu"
-                            >Pronoun Pages</a
-                        >
-                        <ion-icon name="chevron-forward-outline"></ion-icon>
-                    </div>
-                    <div class="dropdown_body">
-                        <a class="nav_title" href="https://en.pronouns.page/@Cutieguwu">English</a>
-                        <a class="nav_title" href="https://pronoms.fr/@Cutieguwu">French</a>
-                    </div>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Other 2</a>
-                </li>
-                <li class="nav_body">
-                    <a class="nav_title" href="#">Super long titled</a>
-                </li>
-            </ul>
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">Error Template</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
         </nav>
-        <div class="error_pane">
+        <div class="pane_error">
             <h1>504</h1>
             <h2>Gateway Timeout!</h2>
             <hr />
@@ -77,10 +24,10 @@
                 server.
             </p>
         </div>
-        <script
-            type="module"
-            src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"
-        ></script>
-        <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
     </body>
 </html>
diff --git a/src/templates/error.html b/src/templates/error.html
new file mode 100644
index 0000000..cc7755a
--- /dev/null
+++ b/src/templates/error.html
@@ -0,0 +1,30 @@
+<!doctype html>
+
+<html lang="en-ca">
+    <head>
+        <title>Error Template | Cutieguwu</title>
+        <include src="includes/meta.html" />
+    </head>
+    <body class="viewport">
+        <nav class="pane_nav">
+            <include src="includes/nav_logo.html" />
+            <include src="includes/nav_menu.html" />
+            <div class="location">
+                <p class="location_header">You are here:</p>
+                <p class="location_page">Error Template</p>
+            </div>
+            <include src="includes/nav_quick_links.html" />
+        </nav>
+        <div class="pane_error">
+            <h1>Error Code</h1>
+            <h2>Error Title</h2>
+            <hr />
+            <p>Error details and explaination.</p>
+        </div>
+        <div class="pane_spacer">
+            <div class="spacer_container"><p>#AD</p></div>
+            <div class="spacer_container"><p>#AD</p></div>
+        </div>
+        <include src="includes/scripts.html" />
+    </body>
+</html>
