starting search

404.php

@@ -1,7 +1,6 @@
 <!-- Get Header -->
 <?php get_header(); ?>
 
-<!-- 404 Page Template -->
 <section class="h-full overflow-scroll no-scrollbar bg-white pt-28 pb-32">
 
   <div class="h-screen lg:h-full flex flex-col justify-center">
@@ -17,14 +16,14 @@
       </a>
     </div>
 
-    <!-- Top Level Pages Section -->
+    <!-- Category Pages Section -->
     <div class="px-2 py-4 bg-cadet-200">
       <div class="flex items-center justify-center">
         <h1 class="font-medium text-2xl p-4">Visit category pages</h1>
         <i class="bi-arrow-down inline font-medium text-2xl p-4"></i>
       </div>
       <ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2 max-w-7xl mx-auto">
-        <!-- Home Top Level Pages Loop -->
+
         <?php $pages = get_pages_as_array();
         foreach ($pages as $page) {
           $pageID = $page['page']->ID;
@@ -47,7 +46,6 @@
     </div>
 
     <div class="flex items-center justify-center my-8">
-      <!-- Logo -->
       <a class="flex flex-col items-center space-x-4" href="<?php echo get_site_url(); ?>">
         <div class="flex items-center justify-center">
           <h1 class="font-medium text-2xl p-4">Go home</h1>

archive.php

@@ -1,13 +0,0 @@
-<!-- Get Header -->
-<?php get_header(); ?>
-
-<!-- Archive Page Fallback Template -->
-<section class="flex flex-col h-full overflow-scroll py-16">
-  <div class="flex h-full items-center justify-center">
-    <i class="text-4xl bi-archive"></i>
-    <h1 class="text-2xl p-4 underline ">Archive Fallback Page Template</h1>
-  </div>
-</section>
-
-<!-- Get Footer -->
-<?php get_footer(); ?>

assets/css/styles.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 :root {
   /* Gray */
   --gray-50: #f9fafb;
@@ -914,508 +913,6 @@ select {
   --tw-backdrop-sepia: ;
 }
 
-.prose {
-  color: var(--tw-prose-body);
-  max-width: 65ch;
-}
-
-.prose :where(p):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-}
-
-.prose :where([class~=lead]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-lead);
-  font-size: 1.25em;
-  line-height: 1.6;
-  margin-top: 1.2em;
-  margin-bottom: 1.2em;
-}
-
-.prose :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-links);
-  text-decoration: underline;
-  font-weight: 500;
-}
-
-.prose :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-bold);
-  font-weight: 600;
-}
-
-.prose :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-}
-
-.prose :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-}
-
-.prose :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-}
-
-.prose :where(ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: decimal;
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-  padding-left: 1.625em;
-}
-
-.prose :where(ol[type=A]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: upper-alpha;
-}
-
-.prose :where(ol[type=a]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: lower-alpha;
-}
-
-.prose :where(ol[type=A s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: upper-alpha;
-}
-
-.prose :where(ol[type=a s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: lower-alpha;
-}
-
-.prose :where(ol[type=I]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: upper-roman;
-}
-
-.prose :where(ol[type=i]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: lower-roman;
-}
-
-.prose :where(ol[type=I s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: upper-roman;
-}
-
-.prose :where(ol[type=i s]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: lower-roman;
-}
-
-.prose :where(ol[type="1"]):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: decimal;
-}
-
-.prose :where(ul):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  list-style-type: disc;
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-  padding-left: 1.625em;
-}
-
-.prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
-  font-weight: 400;
-  color: var(--tw-prose-counters);
-}
-
-.prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
-  color: var(--tw-prose-bullets);
-}
-
-.prose :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-headings);
-  font-weight: 600;
-  margin-top: 1.25em;
-}
-
-.prose :where(hr):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  border-color: var(--tw-prose-hr);
-  border-top-width: 1px;
-  margin-top: 3em;
-  margin-bottom: 3em;
-}
-
-.prose :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  font-weight: 500;
-  font-style: italic;
-  color: var(--tw-prose-quotes);
-  border-left-width: 0.25rem;
-  border-left-color: var(--tw-prose-quote-borders);
-  quotes: "“" "”" "‘" "’";
-  margin-top: 1.6em;
-  margin-bottom: 1.6em;
-  padding-left: 1em;
-}
-
-.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::before {
-  content: open-quote;
-}
-
-.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose], [class~=not-prose] *))::after {
-  content: close-quote;
-}
-
-.prose :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-headings);
-  font-weight: 800;
-  font-size: 2.25em;
-  margin-top: 0;
-  margin-bottom: 0.8888889em;
-  line-height: 1.1111111;
-}
-
-.prose :where(h1 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  font-weight: 900;
-  color: inherit;
-}
-
-.prose :where(h2):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-headings);
-  font-weight: 700;
-  font-size: 1.5em;
-  margin-top: 2em;
-  margin-bottom: 1em;
-  line-height: 1.3333333;
-}
-
-.prose :where(h2 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  font-weight: 800;
-  color: inherit;
-}
-
-.prose :where(h3):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-headings);
-  font-weight: 600;
-  font-size: 1.25em;
-  margin-top: 1.6em;
-  margin-bottom: 0.6em;
-  line-height: 1.6;
-}
-
-.prose :where(h3 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  font-weight: 700;
-  color: inherit;
-}
-
-.prose :where(h4):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-headings);
-  font-weight: 600;
-  margin-top: 1.5em;
-  margin-bottom: 0.5em;
-  line-height: 1.5;
-}
-
-.prose :where(h4 strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  font-weight: 700;
-  color: inherit;
-}
-
-.prose :where(img):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  display: block;
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  font-weight: 500;
-  font-family: inherit;
-  color: var(--tw-prose-kbd);
-  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);
-  font-size: 0.875em;
-  border-radius: 0.3125rem;
-  padding-top: 0.1875em;
-  padding-right: 0.375em;
-  padding-bottom: 0.1875em;
-  padding-left: 0.375em;
-}
-
-.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-code);
-  font-weight: 600;
-  font-size: 0.875em;
-}
-
-.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
-  content: "`";
-}
-
-.prose :where(code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
-  content: "`";
-}
-
-.prose :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-}
-
-.prose :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-}
-
-.prose :where(h2 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-  font-size: 0.875em;
-}
-
-.prose :where(h3 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-  font-size: 0.9em;
-}
-
-.prose :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-}
-
-.prose :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-}
-
-.prose :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: inherit;
-}
-
-.prose :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-pre-code);
-  background-color: var(--tw-prose-pre-bg);
-  overflow-x: auto;
-  font-weight: 400;
-  font-size: 0.875em;
-  line-height: 1.7142857;
-  margin-top: 1.7142857em;
-  margin-bottom: 1.7142857em;
-  border-radius: 0.375rem;
-  padding-top: 0.8571429em;
-  padding-right: 1.1428571em;
-  padding-bottom: 0.8571429em;
-  padding-left: 1.1428571em;
-}
-
-.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  background-color: transparent;
-  border-width: 0;
-  border-radius: 0;
-  padding: 0;
-  font-weight: inherit;
-  color: inherit;
-  font-size: inherit;
-  font-family: inherit;
-  line-height: inherit;
-}
-
-.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::before {
-  content: none;
-}
-
-.prose :where(pre code):not(:where([class~=not-prose], [class~=not-prose] *))::after {
-  content: none;
-}
-
-.prose :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  width: 100%;
-  table-layout: auto;
-  text-align: left;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  font-size: 0.875em;
-  line-height: 1.7142857;
-}
-
-.prose :where(thead):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  border-bottom-width: 1px;
-  border-bottom-color: var(--tw-prose-th-borders);
-}
-
-.prose :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-headings);
-  font-weight: 600;
-  vertical-align: bottom;
-  padding-right: 0.5714286em;
-  padding-bottom: 0.5714286em;
-  padding-left: 0.5714286em;
-}
-
-.prose :where(tbody tr):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  border-bottom-width: 1px;
-  border-bottom-color: var(--tw-prose-td-borders);
-}
-
-.prose :where(tbody tr:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  border-bottom-width: 0;
-}
-
-.prose :where(tbody td):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  vertical-align: baseline;
-}
-
-.prose :where(tfoot):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  border-top-width: 1px;
-  border-top-color: var(--tw-prose-th-borders);
-}
-
-.prose :where(tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  vertical-align: top;
-}
-
-.prose :where(figure > *):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  color: var(--tw-prose-captions);
-  font-size: 0.875em;
-  line-height: 1.4285714;
-  margin-top: 0.8571429em;
-}
-
-.prose {
-  --tw-prose-body: #374151;
-  --tw-prose-headings: #111827;
-  --tw-prose-lead: #4b5563;
-  --tw-prose-links: #111827;
-  --tw-prose-bold: #111827;
-  --tw-prose-counters: #6b7280;
-  --tw-prose-bullets: #d1d5db;
-  --tw-prose-hr: #e5e7eb;
-  --tw-prose-quotes: #111827;
-  --tw-prose-quote-borders: #e5e7eb;
-  --tw-prose-captions: #6b7280;
-  --tw-prose-kbd: #111827;
-  --tw-prose-kbd-shadows: 17 24 39;
-  --tw-prose-code: #111827;
-  --tw-prose-pre-code: #e5e7eb;
-  --tw-prose-pre-bg: #1f2937;
-  --tw-prose-th-borders: #d1d5db;
-  --tw-prose-td-borders: #e5e7eb;
-  --tw-prose-invert-body: #d1d5db;
-  --tw-prose-invert-headings: #fff;
-  --tw-prose-invert-lead: #9ca3af;
-  --tw-prose-invert-links: #fff;
-  --tw-prose-invert-bold: #fff;
-  --tw-prose-invert-counters: #9ca3af;
-  --tw-prose-invert-bullets: #4b5563;
-  --tw-prose-invert-hr: #374151;
-  --tw-prose-invert-quotes: #f3f4f6;
-  --tw-prose-invert-quote-borders: #374151;
-  --tw-prose-invert-captions: #9ca3af;
-  --tw-prose-invert-kbd: #fff;
-  --tw-prose-invert-kbd-shadows: 255 255 255;
-  --tw-prose-invert-code: #fff;
-  --tw-prose-invert-pre-code: #d1d5db;
-  --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
-  --tw-prose-invert-th-borders: #4b5563;
-  --tw-prose-invert-td-borders: #374151;
-  font-size: 1rem;
-  line-height: 1.75;
-}
-
-.prose :where(picture > img):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-
-.prose :where(video):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose :where(li):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-.prose :where(ol > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  padding-left: 0.375em;
-}
-
-.prose :where(ul > li):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  padding-left: 0.375em;
-}
-
-.prose :where(.prose > ul > li p):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0.75em;
-  margin-bottom: 0.75em;
-}
-
-.prose :where(.prose > ul > li > *:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 1.25em;
-}
-
-.prose :where(.prose > ul > li > *:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-bottom: 1.25em;
-}
-
-.prose :where(.prose > ol > li > *:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 1.25em;
-}
-
-.prose :where(.prose > ol > li > *:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-bottom: 1.25em;
-}
-
-.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0.75em;
-  margin-bottom: 0.75em;
-}
-
-.prose :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 1.25em;
-  margin-bottom: 1.25em;
-}
-
-.prose :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0.5em;
-  padding-left: 1.625em;
-}
-
-.prose :where(hr + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0;
-}
-
-.prose :where(h2 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0;
-}
-
-.prose :where(h3 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0;
-}
-
-.prose :where(h4 + *):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0;
-}
-
-.prose :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  padding-left: 0;
-}
-
-.prose :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  padding-right: 0;
-}
-
-.prose :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  padding-top: 0.5714286em;
-  padding-right: 0.5714286em;
-  padding-bottom: 0.5714286em;
-  padding-left: 0.5714286em;
-}
-
-.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  padding-left: 0;
-}
-
-.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  padding-right: 0;
-}
-
-.prose :where(figure):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
-.prose :where(.prose > :first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-top: 0;
-}
-
-.prose :where(.prose > :last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
-  margin-bottom: 0;
-}
-
 .fixed {
   position: fixed;
 }
@@ -1536,10 +1033,6 @@ select {
   height: 6rem;
 }
 
-.h-36 {
-  height: 9rem;
-}
-
 .h-56 {
   height: 14rem;
 }
@@ -1556,14 +1049,6 @@ select {
   height: 100vh;
 }
 
-.h-40 {
-  height: 10rem;
-}
-
-.h-48 {
-  height: 12rem;
-}
-
 .w-1\/12 {
   width: 8.333333%;
 }
@@ -1576,6 +1061,10 @@ select {
   width: 91.666667%;
 }
 
+.w-24 {
+  width: 6rem;
+}
+
 .w-3\/5 {
   width: 60%;
 }
@@ -1592,14 +1081,6 @@ select {
   width: 100%;
 }
 
-.w-36 {
-  width: 9rem;
-}
-
-.w-24 {
-  width: 6rem;
-}
-
 .max-w-64 {
   max-width: 16rem;
 }
@@ -1854,31 +1335,14 @@ select {
   background-color: rgb(245 224 162/var(--tw-bg-opacity));
 }
 
-.bg-blue-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(163 190 204/var(--tw-bg-opacity));
-}
-
 .bg-opacity-40 {
   --tw-bg-opacity: 0.4;
 }
 
-.bg-opacity-25 {
-  --tw-bg-opacity: 0.25;
-}
-
 .bg-opacity-50 {
   --tw-bg-opacity: 0.5;
 }
 
-.bg-opacity-80 {
-  --tw-bg-opacity: 0.8;
-}
-
-.bg-opacity-20 {
-  --tw-bg-opacity: 0.2;
-}
-
 .bg-opacity-60 {
   --tw-bg-opacity: 0.6;
 }
@@ -1905,10 +1369,6 @@ select {
   padding: 2rem;
 }
 
-.p-3 {
-  padding: 0.75rem;
-}
-
 .px-12 {
   padding-left: 3rem;
   padding-right: 3rem;
@@ -1944,6 +1404,11 @@ select {
   padding-right: 2rem;
 }
 
+.py-10 {
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
+
 .py-16 {
   padding-top: 4rem;
   padding-bottom: 4rem;
@@ -1964,26 +1429,6 @@ select {
   padding-bottom: 2rem;
 }
 
-.py-12 {
-  padding-top: 3rem;
-  padding-bottom: 3rem;
-}
-
-.py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
-}
-
-.py-24 {
-  padding-top: 6rem;
-  padding-bottom: 6rem;
-}
-
-.py-28 {
-  padding-top: 7rem;
-  padding-bottom: 7rem;
-}
-
 .pb-24 {
   padding-bottom: 6rem;
 }
@@ -1992,6 +1437,10 @@ select {
   padding-bottom: 7rem;
 }
 
+.pb-32 {
+  padding-bottom: 8rem;
+}
+
 .pb-4 {
   padding-bottom: 1rem;
 }
@@ -2016,20 +1465,12 @@ select {
   padding-top: 6rem;
 }
 
-.pt-4 {
-  padding-top: 1rem;
-}
-
-.pt-44 {
-  padding-top: 11rem;
-}
-
 .pt-28 {
   padding-top: 7rem;
 }
 
-.pb-32 {
+.pt-4 {
-  padding-bottom: 8rem;
+  padding-top: 1rem;
 }
 
 .text-center {
@@ -2044,10 +1485,6 @@ select {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 
-.font-serif {
-  font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
-}
-
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -2183,11 +1620,6 @@ select {
   --tw-ring-color: rgb(55 65 81 / var(--tw-ring-opacity));
 }
 
-.blur-md {
-  --tw-blur: blur(12px);
-  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
-}
-
 /* Hide scrollbar for Chrome, Safari and Opera */
 .no-scrollbar::-webkit-scrollbar {
   display: none;
@@ -2237,17 +1669,9 @@ html {
 }
 
 @media (min-width: 640px) {
-  .sm\:flex {
-    display: flex;
-  }
   .sm\:w-3\/5 {
     width: 60%;
   }
-  .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
-  }
 }
 @media (min-width: 768px) {
   .md\:h-56 {
@@ -2277,9 +1701,6 @@ html {
   .lg\:h-1\/3 {
     height: 33.333333%;
   }
-  .lg\:h-64 {
-    height: 16rem;
-  }
   .lg\:h-96 {
     height: 24rem;
   }
@@ -2319,11 +1740,6 @@ html {
   .lg\:justify-center {
     justify-content: center;
   }
-  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
-    --tw-space-x-reverse: 0;
-    margin-right: calc(1rem * var(--tw-space-x-reverse));
-    margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
-  }
   .lg\:space-x-8 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
     margin-right: calc(2rem * var(--tw-space-x-reverse));
@@ -2344,10 +1760,6 @@ html {
   .lg\:text-center {
     text-align: center;
   }
-  .lg\:text-4xl {
-    font-size: 2.25rem;
-    line-height: 2.5rem;
-  }
 }
 @media (min-width: 1280px) {
   .xl\:w-4\/12 {

author.php

@@ -1,13 +0,0 @@
-<!-- Get Header -->
-<?php get_header(); ?>
-
-<!-- Author Page Template -->
-<section class="flex flex-col h-full overflow-scroll py-16">
-  <div class="flex h-full items-center justify-center">
-    <i class="text-4xl bi-person-circle"></i>
-    <h1 class="text-2xl p-4 underline ">Author Page Template</h1>
-  </div>
-</section>
-
-<!-- Get Footer -->
-<?php get_footer(); ?>

category.php

@@ -1,13 +0,0 @@
-<!-- Get Header -->
-<?php get_header(); ?>
-
-<!-- Category Page Template -->
-<section class="flex flex-col h-full overflow-scroll py-16">
-  <div class="flex h-full items-center justify-center">
-    <i class="text-4xl bi-substack"></i>
-    <h1 class="text-2xl p-4 underline ">Category Page Template</h1>
-  </div>
-</section>
-
-<!-- Get Footer -->
-<?php get_footer(); ?>

date.php

@@ -1,13 +0,0 @@
-<!-- Get Header -->
-<?php get_header(); ?>
-
-<!-- Date Archive (Year, Month, Day) Page Template -->
-<section class="flex flex-col h-full overflow-scroll py-16">
-  <div class="flex h-full items-center justify-center">
-    <i class="text-4xl bi-calendar-event"></i>
-    <h1 class="text-2xl p-4 underline ">Date Archive Page Template</h1>
-  </div>
-</section>
-
-<!-- Get Footer -->
-<?php get_footer(); ?>

front-page.php

@@ -3,13 +3,11 @@
 require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
 ?>
 
-<!-- Front Page/Landing Page Template -->
 <section class="h-full overflow-scroll no-scrollbar pt-16 pb-24">
 
-  <!-- Page Header -->
   <div class="relative h-20 flex items-center">
     <h1 class="w-full px-4 font-medium underline relative z-20 text-white text-xl md:text-2xl lg:text-center">Home</h1>
-    <img class="absolute top-0 h-full w-full object-cover" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/backsplash.png" alt="header-banner">
+    <img class="absolute top-0 h-full w-full object-cover" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/backsplash.png" alt="Header Banner">
   </div>
 
   <!-- Top Level Pages Section -->
@@ -49,7 +47,7 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
   </div>
 
   <!-- Introduction Quote -->
-  <section>
+  <div>
     <div class="py-8 bg-red-500 text-cadet-900 space-y-4">
       <div class="max-w-7xl mx-auto lg:flex flex-col items-center">
 
@@ -63,7 +61,7 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
 
         <div class="px-4">
           <div class="flex items-center py-8 px-4 lg:px-8 rounded-md bg-cadet-200 space-x-4">
-            <img class="w-24 lg:w-64" src="<?= get_template_directory_uri() ?>/assets/images/people/deputy-grand-chief-derek-fox.png" alt="Deput Grand Chief">
+            <img class="w-24 lg:w-64" src="<?= get_template_directory_uri() ?>/assets/images/people/deputy-grand-chief-derek-fox.png" alt="Deputy Grand Chief">
             <div>
               <p class="mb-2 font-medium">Derek Fox</p>
               <p>Deputy Grand Chief</p>
@@ -73,10 +71,10 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
 
       </div>
     </div>
-  </section>
+  </div>
 
   <!-- Congratulations Quote -->
-  <section>
+  <div>
     <div class="italic bg-white text-cadet-900 space-y-4">
       <div class="max-w-7xl mx-auto lg:flex flex-col items-center">
         <ul class="space-y-2 px-8 py-2 my-4">
@@ -98,9 +96,9 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
 
       </div>
     </div>
-  </section>
+  </div>
 
-  <section class="bg-white">
+  <div class="bg-white">
 
     <h2 class="text-3xl p-4 max-w-7xl mx-auto text-red-500 font-bold">Attending College or University</h2>
 
@@ -124,7 +122,7 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
     </div>
 
 
-  </section>
+  </div>
 
 </section>
 

header.php

@@ -159,7 +159,7 @@
             <section id="splash-screen" class="absolute w-full bottom-0 flex flex-col h-screen items-center justify-center">
 
                 <div class="space-y-8 px-4 text-white flex flex-col justify-center items-center">
-                    <img class="w-56" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/logo-white.png" alt="">
+                    <img class="w-56" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/logo-white.png" alt="Splash Logo">
                     <h1 class="uppercase text-center font-bold text-xl">A student handbook for post secondary transitions</h1>
                     <button id="app-enter" class="bg-blue-800 shadow-sm shadow-gray-50 px-12 py-4 rounded-md"><i class="bi bi-box-arrow-in-right pr-4"></i>Enter</button>
                 </div>

home.php

@@ -1,13 +0,0 @@
-<!-- Get Header -->
-<?php get_header(); ?>
-
-<!-- Blog (Posts) List Page Template -->
-<section class="flex flex-col h-full overflow-scroll py-16">
-  <div class="flex h-full items-center justify-center">
-    <i class="text-4xl bi-house-check"></i>
-    <h1 class="text-2xl p-4 underline">Blog List Page Template</h1>
-  </div>
-</section>
-
-<!-- Get Footer -->
-<?php get_footer(); ?>

page.php

@@ -23,12 +23,6 @@ get_header(); ?>
         <h2 class="font-medium underline uppercase">Overview</h2>
       </div>
 
-      <!-- Page Editor Content -->
-      <div class="prose max-w-7xl mx-auto">
-        <?php /** the_content(); */ ?>
-      </div>
-
-      <?php get_template_part('/templates/top-level/' . $pageSlug); ?>
       <p class="font-medium px-4 lg:text-center"><?php echo get_field('description', $pageID); ?></p> 
       <?php get_template_part('/templates/partials/subcategory_cards'); ?>
 
@@ -48,10 +42,7 @@ get_header(); ?>
         <div class="max-w-7xl mx-auto">
           <?php get_template_part('/templates/internal/' . $pageSlug); ?>
         </div>
-        <!-- Page Editor Content -->
+    
-        <div class="prose max-w-7xl mx-auto">
-          <?php /** the_content(); */ ?>
-        </div>
   <?php }
     }
   }

search.php

@@ -1,13 +1,63 @@
 <!-- Get Header -->
 <?php get_header(); ?>
 
-<!-- Search Results Page Template -->
+<section class="h-full overflow-scroll no-scrollbar bg-white pt-28 pb-32">
-<section class="flex flex-col h-full overflow-scroll py-16">
+
-  <div class="flex h-full items-center justify-center">
+  <div class="h-screen lg:h-full flex flex-col justify-center">
-    <i class="text-4xl bi-search"></i>
+
-    <h1 class="text-2xl p-4 underline ">Search Results Page Template</h1>
+    <div class="flex flex-col items-center py-8 justify-center">
+      
+      <a class="flex flex-col items-center space-x-4" href="<?php echo get_site_url(); ?>">
+        <p class="px-4 py-2 bg-red-500 text-white shadow-md rounded-md">Error 404</p>
+        <div class="flex items-center justify-center">
+          <img width="40px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/header__logo.png" alt="NAN Logo">
+          <h1 class="text-2xl p-4">Page not found...</h1>
         </div>
+      </a>
+    </div>
+
+    <div class="px-2 py-4 bg-cadet-200">
+      <div class="flex items-center justify-center">
+        <h1 class="font-medium text-2xl p-4">Visit category pages</h1>
+        <i class="bi-arrow-down inline font-medium text-2xl p-4"></i>
+      </div>
+      <ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2 max-w-7xl mx-auto">
+
+        <?php $pages = get_pages_as_array();
+        foreach ($pages as $page) {
+          $pageID = $page['page']->ID;
+          $pageTitle = $page['page']->post_title;
+          $pageSlug = $page['page']->post_name;
+          $pageBG = $page['page']->post_name . '.png';
+          $pageBootstrapIcon = get_field('bootstrap_icon', $page['page']->ID);
+        ?>
+          <li class="category-cards flex rounded-md shadow-md relative overflow-hidden w-full" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/bgs/<?php echo $pageBG ?>');">
+            <a class="relative w-full text-center py-10 space-y-2 flex items-center flex-col justify-center" href="<?php echo $pageSlug ?>">
+              <div class="absolute inset-0 flex items-center justify-center bg-blue-500 bg-opacity-50 rounded-md py-2 px-2">
+                <!-- <i class="<?php echo $pageBootstrapIcon ?> text-2xl" aria-hidden="true"></i> -->
+                <h2 class="text-sm font-medium text-white"><?php echo $pageTitle ?></h2>
+                <!-- <p class="font-medium lg:text-center"><?php echo get_field('description', $pageID); ?></p> -->
+              </div>
+            </a>
+          </li>
+        <?php } ?>
+      </ul>
+    </div>
+
+    <div class="flex items-center justify-center my-8">
+      <a class="flex flex-col items-center space-x-4" href="<?php echo get_site_url(); ?>">
+        <div class="flex items-center justify-center">
+          <h1 class="font-medium text-2xl p-4">Go home</h1>
+          <i class="bi-house-fill inline font-medium text-2xl p-4"></i>
+        </div>
+      </a>
+    </div>
+
+  </div>
+
 </section>
 
+
+
 <!-- Get Footer -->
 <?php get_footer(); ?>

tag.php

@@ -1,12 +0,0 @@
-<!-- Get Header -->
-<?php get_header(); ?>
-
-<!-- Tag Archive Page Template -->
-<section class="flex flex-col h-full overflow-scroll py-16">
-  <div class="flex h-full items-center justify-center">
-    <i class="text-4xl bi-tag"></i>
-    <h1 class="text-2xl p-4 underline ">Tag Archive Page Template</h1>
-</section>
-
-<!-- Get Footer -->
-<?php get_footer(); ?>

taxonomy.php

@@ -1,13 +0,0 @@
-<!-- Get Header -->
-<?php get_header(); ?>
-
-<!-- Taxonomy Archive Page Template -->
-<section class="flex flex-col h-full overflow-scroll py-16">
-  <div class="flex h-full items-center justify-center">
-    <i class="text-4xl bi-bookmark"></i>
-    <h1 class="text-2xl p-4 underline ">Taxonomy Archive Page Template</h1>
-  </div>
-</section>
-
-<!-- Get Footer -->
-<?php get_footer(); ?>

templates/internal/band-funding.php

@@ -1,16 +1,22 @@
 <article>
 
   <div class="bg-white">
+
     <h2 class="text-l p-4 text-red-500 font-bold">Ask your band about post-secondary funding and what is available to you.</h2>
+
     <div class="px-4">
+
       <p class="p-4 bg-cadet-300">
         While some First Nations directly administer funding for their students, others must go through a tribal council or educational organization, such as the <a class="font-medium underline" href="https://www.nnec.on.ca/">Northern Nishnawbe Education Council (NNEC).</a> Each of these will have different policies and procedures that you will need to follow when applying for funding. Note: not every student will get the same amount of money, and some students may not meet the criteria for the funder at that time.
       </p>
+
       <ul class="list-disc px-8 space-y-2 py-2">
         <li>As soon as you can, talk to your school counsellor or your community’s Education Director to find out how to apply for this funding.</li>
         <li>There are additional funding and supports for full time students living with dependents (children) including access to free childcare. More information in <a class="font-medium underline" href="<?= site_url('/daily-living-and-housing/students-with-children/') ?>">Students With Children</a></li>
       </ul>
+
     </div>
+
   </div>
 
   <div class=" mt-8 px-4 space-y-4 py-4 w-full text-white bg-cadet-900 shadow-md">

templates/internal/before-signing-the-lease.php

@@ -19,6 +19,7 @@ $firstTimeRentIssues = [
 <article>
 
   <div class="bg-white">
+
     <h2 class="text-l p-4 text-red-500 font-bold">Questions to ask the landlords</h2>
 
     <div class="py-4 px-4 bg-cadet-800 text-white">
@@ -39,18 +40,24 @@ $firstTimeRentIssues = [
         <li>Are there guest restrictions?</li>
         <li>Are there any fees associated with the rental that we haven’t discussed?</li>
       </ul>
+
     </div>
 
   </div>
 
   <div class="p-4">
+
     <div class="px-4 space-y-2 py-4 bg-cadet-300">
+
       <p class="font-bold">Walkthrough</p>
       <p class="font-medium">You should always conduct a formal walkthrough with your landlord or property manager before signing a lease.</p>
+
     </div>
+
   </div>
 
   <div class="bg-white">
+
     <div class="p-4">
       <h2 class="text-l text-red-500 font-bold mb-2">Review the Lease</h2>
       <p>Always read the entire lease agreement. You may notice some restrictions and procedures you were not expecting on how the issues of a lease agreement work. Most lease agreements are detailed to avoid any uncertainties.</p>
@@ -58,7 +65,6 @@ $firstTimeRentIssues = [
 
     <div class="px-4">
 
-
       <ul class=" bg-cadet-800 text-white list-disc list-inside p-4 space-y-2">
         <li>What is the total square footage and room configuration?</li>
         <li>What charges are you liable for?</li>
@@ -66,6 +72,7 @@ $firstTimeRentIssues = [
         <li>Are you allowed to add roommates to your lease?</li>
         <li>Pet policies?</li>
       </ul>
+
     </div>
 
   </div>
@@ -88,8 +95,8 @@ $firstTimeRentIssues = [
     <!-- Issues Loop -->
     <div class="flex flex-1 flex-col">
       <div class="flex flex-1 flex-col gap-y-7">
-
         <div>
+
           <ul role="list" class="text-blue-900">
 
             <!-- Issues Loop -->
@@ -134,17 +141,19 @@ $firstTimeRentIssues = [
             <?php } ?>
 
           </ul>
-        </div>
 
         </div>
       </div>
+    </div>
 
   </div>
 
   <div class="px-4">
+
     <p>
       For more information, please check out the following:
     </p>
+
     <ul class="p-4 mt-2 bg-cadet-200 space-y-2">
       <li>- <a class="font-medium underline" href="https://www.bestcolleges.com/resources/student-renters-guide/">Student Renters Guide</a></li>
       <li>- <a class="font-medium underline" href="https://www.places4students.com/Blog/BlogView?BlogID=33">Potential Problems For Students As First-Time Renters</a></li>

templates/internal/budgeting-your-money.php

@@ -1,7 +1,9 @@
 <article>
 
   <div class="bg-white">
+
     <h2 class="text-l p-4 text-red-500 font-bold">Going to college or university can be expensive.</h2>
+
     <div class="px-4">
       <div class="p-4 bg-cadet-800 text-white">
 
@@ -13,21 +15,29 @@
           <li>Don’t spend more than you can afford</li>
           <li>Build in an “emergency fund” for any unexpected things that may come up</li>
         </ul>
-      </div>
+
       </div>
     </div>
 
+  </div>
+
   <div class="px-4 pb-8 pt-4">
+
     <p class="">
       The following links provide information about money that may be available to you and how to make your money go further. See page 36 for a sample monthly budget.
     </p>
 
     <div class="mt-4">
+
       <h3 class="font-bold">My Money Coach</h3>
+
       <a class="font-medium underline" href="https://www.mymoneycoach.ca/">(www.mymoneycoach.ca)</a>
+
       <!-- Links -->
       <div class="accordion bg-cadet-500 my-2">
+
         <div class="flex px-2 rounded-md justify-between">
+
           <a href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
             <p class="font-bold">Quick Links</p>
           </a>
@@ -38,29 +48,38 @@
           </button>
 
         </div>
+
         <div class="accordion-content space-y-4">
+
           <ul class="space-y-2">
             <li><a class="underline" href="https://www.mymoneycoach.ca/money-management/budgeting-plan-for-future">7 Steps to Help You Budget</a></li>
             <li><a class="underline" href="https://www.mymoneycoach.ca/budgeting/budgeting-calculators-tools/budgeting-spreadsheet">Free Interactive Budget Calculator Spreadsheet</a></li>
             <li><a class="underline" href="https://www.mymoneycoach.ca/budgeting/budgeting-videos/1-4">Free Online Videos about Budgeting</a></li>
           </ul>
+
         </div>
+
       </div>
 
       <p class="mt-2">
         This website provides free resources and videos to help you learn to make a budget that will work for you. This will help you as you begin your post-secondary studies as well as after you graduate. These include:
       </p>
+
     </div>
 
-    <!-- Horizontal Rule -->
     <div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
 
     <div class="mt-4">
+
       <h3 class="font-bold">Ontario Native Education Counsellors Association (ONECA)</h3>
+
       <a class="font-medium underline" href="https://www.onceca.ca/">(wwwoneca.ca)</a>
+
       <!-- Links -->
       <div class="accordion bg-cadet-500 my-2">
+
         <div class="flex px-2 rounded-md justify-between">
+
           <a href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
             <p class="font-bold">Quick Links</p>
           </a>
@@ -71,19 +90,24 @@
           </button>
 
         </div>
+
         <div class="accordion-content space-y-4">
+
           <ul class="space-y-2">
             <li><a class="underline" href="https://oneca.com/transitions/secondary-to-post-secondary/">Secondary to Post-Secondary Transitions</a></li>
             <li>
               <p>ONECA also has online resources you can use to prepare your budget. An example is included to show what a typical budget might include.</p><a class="underline" href="https://oneca.com/transitions/financial-supports-scholarships-and-bursaries/">Financial Supports, Scholarships, and Bursaries</a>
             </li>
           </ul>
+
         </div>
+
       </div>
 
       <p class="mt-2">
         ONECA provides information about managing your finances.
       </p>
+
     </div>
 
   </div>

templates/internal/career-goals.php

@@ -8,9 +8,10 @@
 
     <div class="py-4 px-2 bg-white text-cadet-900">
       <div class="max-w-7xl mx-auto">
-
         <div class="px-6">
+
           <h3 class="text-xl font-medium mb-4">To determine your personal goals ask yourself:</h3>
+
           <ul class="list-disc space-y-2 px-4">
             <li>
               <p>Where do you want to live and work?</p>
@@ -25,15 +26,17 @@
               <p>What do you want your life to look like in 10, 15 or 50 years?</p>
             </li>
           </ul>
+
         </div>
 
         <div class="mt-8 px-4 py-4 w-full text-white bg-cadet-900 shadow-md">
+
           <p class="italic font-medium mb-4">Career Cruising is a self-exploration and planning program that helps people of all ages achieve their potential in school, career and life.</p>
+
           <a href="https://public.careercruising.com/en/">https://public.careercruising.com/en/</a>
-        </div>
 
         </div>
-
+      </div>
     </div>
 
   </div>

templates/internal/education-level-differences.php

@@ -97,7 +97,8 @@ $educationLevelDifferences = [
       'Students must provide assessments if necessary. If the student wants to get an assessment, they need to self-advocate by going to the student support center.',
       'Students create a Post-Secondary Learning Plan with the Student Support Centre.',
     ]
-  ], [
+  ],
+  [
     'title' => 'Assignments, Tests and Grades',
     'high-school-info' => [
       'Different kinds of assignments are given. Late assignments are usually accepted.',
@@ -127,22 +128,17 @@ $educationLevelDifferences = [
       <p class="font-bold text-white">DIFFERENCES BETWEEN HIGH SCHOOL AND POST-SECONDARY</p>
     </div>
 
-    <!-- Differences Section -->
-    <nav class="flex flex-1 flex-col">
     <div class="flex flex-1 flex-col gap-y-7">
-
       <div>
+
         <ul role="list" class="text-blue-900">
 
-            <!-- Differences Loop -->
+          <?php foreach ($educationLevelDifferences as $difference) { ?>
-            <?php
-
-            foreach ($educationLevelDifferences as $difference) {
-
-            ?>
 
             <li class="accordion differences-columns">
+
               <div class="flex px-2 rounded-md justify-between">
+
                 <a href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
                   <p><?php echo $difference['title'] ?></p>
                 </a>
@@ -165,7 +161,6 @@ $educationLevelDifferences = [
                       <li class="mb-2">
                         <?php echo $info ?>
                       </li>
-
                     <?php } ?>
                   </ul>
                 </div>
@@ -179,25 +174,20 @@ $educationLevelDifferences = [
                       <li class="mb-2">
                         <?php echo $info ?>
                       </li>
-
                     <?php } ?>
                   </ul>
                 </div>
 
               </div>
+
             </li>
 
-
           <?php } ?>
 
         </ul>
-        </div>
 
       </div>
-    </nav>
+    </div>
-
-
-
 
   </div>
 

templates/internal/educational-goals.php

@@ -6,7 +6,6 @@
       <p class=" max-w-7xl italic font-medium text-red-500 mx-auto">To get the career and life you want</p>
     </div>
 
-
     <div class="italic py-4 px-8 bg-cadet-500 text-cadet-900">
       <ul class="max-w-7xl mx-auto space-y-4 list-disc list-inside">
         <li>A program for everyone: You might pick a program because it is your favourite or best subject in school. You might pick a program because it will lead you towards the job you want. There are also general programs for when you don’t yet know which program is the one for you.</li>

templates/internal/financial-goals.php

@@ -7,12 +7,14 @@
     </div>
 
     <div class="italic py-4 px-8 bg-cadet-500 text-cadet-900">
+
       <ul class="max-w-7xl mx-auto space-y-4 list-disc list-inside">
         <li>How much money will you need to attend college or university?</li>
         <li>Think of all the things you may need: travel, books, food, housing, tuition, childcare, recreation, cell phone, etc.</li>
         <li>Funding organizations have application deadlines for each session: Fall/Winter and Spring/Summer. Get your application in early!</li>
         <li>You will find some suggestions under the <a href="<?php echo get_site_url() . '/managing-your-finances'; ?>" class="font-medium underline">Finances section</a></li>
       </ul>
+
     </div>
 
   </div>

templates/internal/finding-a-place-to-stay.php

@@ -3,6 +3,7 @@
   <div class="bg-white">
 
     <div class="px-4">
+
       <p class="font-medium">
         There are a few choices for accommodation, depending on what you want and what is available.
       </p>
@@ -11,15 +12,21 @@
       <ul class="space-y-4 py-2">
 
         <li>
+
           <div class="lg:grid grid-cols-5 gap-4">
+
             <div>
               <h3 class="font-bold">Residence</h3>
               <img class="mb-2" src="<?= get_template_directory_uri() ?>/assets/images/bgs/residence.png" alt="Residence">
             </div>
-            <p class="col-span-3">This is on-campus accommodation and ideal for schools away from home. It is a single or shared room, with access to a common bathroom, laundry, and common room. Students in residence often get a meal plan at the cafeteria. You will meet with many other students, and many lifelong friendships are made!</p>
+
+            <p class="col-span-3">This is on-campus accommodation and ideal for schools away from home. It is a single or shared room, with access to a common bathroom, laundry, and common room. Students in residence often get a meal plan at the cafeteria. You will meet with many other students, and many lifelong friendships are made!
+            </p>
+
           </div>
-          <!-- Horizontal Rule -->
+
           <div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
+
         </li>
 
         <li>

templates/internal/gender-identity-and-sexual-orientation.php

@@ -60,7 +60,6 @@ $genderIdentities = [
 
   <div class="flex flex-col bg-white">
 
-    <!-- Student Needing Accomodations -->
     <div class="py-4 px-6">
 
       <p class="font-bold text-red-500">WHAT IS GENDER IDENTITY?</p>
@@ -134,7 +133,6 @@ $genderIdentities = [
     </div>
 
 
-
     <div class="p-4 w-full bg-cadet-100 shadow-md">
       <p class="mt-2 font-medium">
         In relation to gender, individuals may identify as one or none of the following:
@@ -267,10 +265,10 @@ $genderIdentities = [
 
     <div class="lg:grid lg:grid-cols-2 space-y-2">
       <div class="px-4 mx-auto">
-        <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/nan-lgbtq.png" alt="Public Transit">
+        <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/nan-lgbtq.png" alt="NAN LGBTQ">
       </div>
       <div class=px-4 mx-auto">
-        <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/be-yourself.png" alt="Online Learning">
+        <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/be-yourself.png" alt="Be Yourself">
       </div>
     </div>
 

templates/internal/grants-bursaries-and-loans.php

@@ -40,21 +40,19 @@ $studentFinancialTerms = [
   <div class="bg-white">
     <h2 class="text-l p-4 text-red-500 font-bold">Talk to Student Services or your Educational Advisor about available funding opportunities.</h2>
 
-    <!-- Student Financial Terms -->
     <div class="flex flex-col bg-white mb-4">
 
       <div class="py-4 bg-green-600 px-6">
         <p class="font-bold text-white">Financial Support For Students</p>
       </div>
 
-      <!-- Terms Loop -->
+      <!-- Financial Terms Loop -->
       <div class="flex flex-1 flex-col">
         <div class="flex flex-1 flex-col gap-y-7">
 
           <div>
             <ul role="list" class="text-blue-900">
 
-              <!-- Differences Loop -->
               <?php
 
               foreach ($studentFinancialTerms as $term) {
@@ -125,7 +123,7 @@ $studentFinancialTerms = [
   </div>
 
   <div class="py-8 space-y-4 px-4 lg:w-1/2  mx-auto">
-    <img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/check-all-your-options.png" alt="Online Learning">
+    <img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/check-all-your-options.png" alt="Check All Options">
   </div>
 
 </article>

templates/internal/income-tax.php

@@ -16,7 +16,7 @@
   </div>
 
   <div class="flex justify-center max-w-xl mx-auto my-4">
-    <img class="w-4/5 lg:w-1/3" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/income-tax-t4.png" alt="The Iceberg Illusion">
+    <img class="w-4/5 lg:w-1/3" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/income-tax-t4.png" alt="Income Tax">
   </div>
 
 

templates/internal/living-in-balance.php

@@ -74,7 +74,6 @@ $statesOfWellness = [
       balanced. The chart below breaks it down into the 4 states of wellness and explains:
     </p>
 
-    <!-- States of Wellness -->
     <div class="flex flex-col bg-white mb-4">
 
       <div class="py-4 bg-green-600 px-6">
@@ -90,7 +89,7 @@ $statesOfWellness = [
               <!-- Force Generate -->
               <!-- bg-yellow-500, bg-black -->
 
-              <!-- States Loop -->
+              <!-- States of Wellness Loop -->
               <?php
 
               foreach ($statesOfWellness as $state) {
@@ -164,12 +163,11 @@ $statesOfWellness = [
     </div>
   </div>
 
-  <!-- Quote -->
   <div class="italic py-8 px-8 bg-cadet-500 text-cadet-900 space-y-4">
     <div class="max-w-7xl mx-auto lg:flex flex-col items-center">
       <i class="bi-quote text-7xl inline text-cadet-300"></i>
       <p class="font-medium inline text-xl">Wholistic well-being to me is when I strive for balance in all aspects of myself. For myself, the most influential factor that ensured my own well-being when transitioning to post-secondary was finding community within my college and building support systems that would help in my overall success throughout my time in my program.</p>
-      <img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/student_image.png" alt="">
+      <img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/student_image.png" alt="Living In Balance Quote Student">
       <p class="mt-4 mb-2 font-medium">Mackenzie Young, Mattagami First Nation</p>
       <p>Northern College Graduate – Social Services Program</p>
     </div>

templates/internal/making-healthy-choices.php

@@ -2,7 +2,6 @@
 
   <div class="flex flex-col bg-white">
 
-    <!--Making Healthy Choices -->
     <div class="py-4 px-6">
 
       <p class="font-bold text-red-500">When you move from your home community to an urban centre, you will be more independent and responsible for your own life choices.</p>
@@ -31,7 +30,7 @@
     <div class="py-4 px-6">
 
       <div class="py-4 space-y-4 lg:w-1/4 mx-auto">
-        <img src="<?php echo get_template_directory_uri() . '/assets/images/logos/thehealthline-logo.png' ?>" alt="You Can Do It">
+        <img src="<?php echo get_template_directory_uri() . '/assets/images/logos/thehealthline-logo.png' ?>" alt="The HealthLine">
       </div>
 
       <ul class="list-disc px-8 space-y-2 py-2">
@@ -46,7 +45,7 @@
       </ul>
 
       <div class="py-8 space-y-4 lg:w-1/4 mx-auto">
-        <img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/get-involved.png' ?>" alt="You Can Do It">
+        <img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/get-involved.png' ?>" alt="Get Involved">
       </div>
 
     </div>
@@ -78,7 +77,7 @@
       <div class="max-w-7xl mx-auto lg:flex flex-col items-center">
         <i class="bi-quote text-7xl inline text-cadet-300"></i>
         <p class="font-medium inline text-xl">Get involved with your community and make friends who help you achieve!</p>
-        <img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/young-female-student.png" alt="">
+        <img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/young-female-student.png" alt="Young Female Student">
         <p class="mt-4 mb-2 font-medium">Abby Davey, Moose Cree First Nation</p>
         <p>Algonquin College – Indigenous Studies</p>
       </div>

templates/internal/managing-stress.php

@@ -59,7 +59,6 @@
       </p>
     </div>
 
-    <!-- Horizontal Rule -->
     <div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
 
   </div>

templates/internal/nan-tribal-councils.php

@@ -151,11 +151,8 @@ $tribalCouncils = [
   ],
 ]
 
-
-
 ?>
 
-
 <article>
 
   <div class="bg-white">

templates/internal/off-campus-housing.php

@@ -84,7 +84,6 @@ $rentProsCons = [
     </ul>
   </div>
 
-
   <div class="bg-white">
     <h2 class="text-l p-4 text-red-500 font-bold">What kind of property should you rent?</h2>
 
@@ -94,8 +93,6 @@ $rentProsCons = [
       <div class="flex flex-1 flex-col">
         <div class="flex flex-1 flex-col">
 
-
-
           <?php
 
           foreach ($rentProsCons as $comparison) {
@@ -165,7 +162,6 @@ $rentProsCons = [
                   </div>
                 </li>
 
-
               </ul>
             </div>
           <?php } ?>

templates/internal/online-learning-and-remote-work.php

@@ -118,7 +118,7 @@ $onlineLearningTips = [
 
       <div class="py-8 space-y-4 lg:w-1/2 lg:grid grid-cols-2 mx-auto">
         <img src="<?= get_template_directory_uri() ?>/assets/images/bgs/online-learning.png" alt="Online Learning">
-        <img class="w-1/3 lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/remote-work.png" alt="Online Learning">
+        <img class="w-1/3 lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/remote-work.png" alt="Remote Work">
       </div>
 
     </div>
@@ -140,21 +140,19 @@ $onlineLearningTips = [
     </div>
   </div>
 
-  <!-- Tips For Online Learning Success -->
   <div class="flex flex-col bg-white">
 
     <div class="py-4 bg-green-600 px-6">
       <p class="font-bold text-white">Tips for Online Learning Success:</p>
     </div>
 
-    <!-- Tips Loop -->
+    <!-- Tips For Online Learning Success Loop -->
     <div class="flex flex-1 flex-col">
       <div class="flex flex-1 flex-col gap-y-7">
 
         <div>
           <ul role="list" class="text-blue-900">
 
-            <!-- Differences Loop -->
             <?php
 
             foreach ($onlineLearningTips as $tip) {
@@ -204,7 +202,7 @@ $onlineLearningTips = [
   </div>
 
   <div class="py-8 space-y-4 px-4 lg:w-1/2  mx-auto">
-    <img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/share-achievements.png" alt="Online Learning">
+    <img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/share-achievements.png" alt="Share Your Achievements">
   </div>
 
 </article>

templates/internal/ontario-native-education-counseling-associations.php

@@ -53,7 +53,7 @@ $onecaLinks = [
         <p class="font-bold text-white">ONECA Links</p>
       </div>
 
-      <!-- Links Loop -->
+      <!-- ONECA Links Loop -->
       <div class="flex flex-1 flex-col">
         <div class="flex flex-1 flex-col gap-y-7">
 

templates/internal/personal-goals.php

@@ -10,8 +10,11 @@
       <div class="max-w-7xl mx-auto">
         
         <div class="px-4">
+
           <h3 class="text-xl font-medium mb-4">To determine your personal goals ask yourself:</h3>
+          
           <ul class="list-disc space-y-2 px-4">
+
             <li>
               <p>Where do you want to live and work?</p>
             </li>
@@ -24,7 +27,9 @@
             <li>
               <p>What do you want your life to look like in 10, 15 or 50 years?</p>
             </li>
+
           </ul>
+
         </div>
 
         <div class="mt-8 px-4 py-4 w-full bg-white shadow-sm">

templates/internal/sexual-health.php

@@ -25,7 +25,7 @@
 
   <div class="lg:grid lg:grid-cols-2 space-y-2">
     <div class="px-4 mx-auto">
-      <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/sexual-health-contraceptives.png" alt="Public Transit">
+      <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/sexual-health-contraceptives.png" alt="Contraceptives">
     </div>
   </div>
 

templates/internal/stay-in-touch.php

@@ -8,7 +8,7 @@
       </p>
 
       <div class="py-8 space-y-4 lg:w-1/4 mx-auto">
-        <img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/your-family-misses-you.png' ?>" alt="You Can Do It">
+        <img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/your-family-misses-you.png' ?>" alt="You Family Misses You Too">
       </div>
       <ul class="list-disc px-8 space-y-2 py-2">
         <li>Talk with family members on a regular basis. They will be missing you as well. Let them know where you are living and how they can get in touch with you.</li>
@@ -27,7 +27,7 @@
 
 
   <div class="px-4 mx-auto">
-    <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/student-staying-connected.png" alt="Public Transit">
+    <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/student-staying-connected.png" alt="Stay Connected">
   </div>
 
 </article>

templates/internal/strategies-for-success.php

@@ -150,7 +150,6 @@ $strategiesForSuccess = [
       <img class="" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/iceberg-illusion.png" alt="The Iceberg Illusion">
     </div>
 
-    <!-- Strategies Section -->
     <nav class="flex flex-1 flex-col">
       <div class="flex flex-1 flex-col gap-y-7">
 
@@ -213,7 +212,6 @@ $strategiesForSuccess = [
       </div>
     </nav>
 
-    <!-- Helpful Tips -->
     <div class="p-4">
       <div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
         <p class="font-medium">Helpful tips:</p>

templates/internal/students-with-children.php

@@ -49,7 +49,7 @@
           </p>
 
           <div class="py-8 space-y-4 lg:w-1/4 mx-auto">
-            <img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/students-with-kids.png' ?>" alt="You Can Do It">
+            <img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/students-with-kids.png' ?>" alt="Students With Kids">
           </div>
 
         </div>
@@ -57,7 +57,6 @@
       </div>
     </div>
 
-    <!-- Quote -->
     <div class="italic py-8 px-8 bg-cadet-500 text-cadet-900 space-y-4">
       <div class="max-w-7xl mx-auto lg:flex flex-col items-center">
         <i class="bi-quote text-7xl inline text-cadet-300"></i>

templates/internal/support-and-accommodations.php

@@ -2,7 +2,6 @@
 
   <div class="flex flex-col bg-white">
 
-    <!-- Student Needing Accomodations -->
     <div class="py-4 px-6">
 
       <p class="font-bold text-red-500">STUDENTS NEEDING ACADMENIC ACCOMODATIONS</p>
@@ -25,7 +24,7 @@
 
     </div>
 
-    <!-- Connecting For Success -->
+
     <div class="py-4 px-4">
       <p class="font-bold text-red-500 mb-4">CONNECTING FOR SUCCESS</p>
 
@@ -54,7 +53,7 @@
           </p>
 
           <div class="py-8 space-y-4 lg:w-1/4 mx-auto">
-            <img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/you-got-this.png' ?>" alt="You Can Do It">
+            <img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/you-got-this.png' ?>" alt="You Got This">
           </div>
 
         </div>
@@ -62,16 +61,14 @@
       </div>
     </div>
 
-    <!-- Quote -->
     <div class="italic py-8 px-8 bg-cadet-500 text-cadet-900 space-y-4">
       <div class="max-w-7xl mx-auto lg:flex flex-col items-center">
         <i class="bi-quote text-7xl inline text-cadet-300"></i>
         <p class="font-medium inline text-xl">Accessing the available resources in my college such as cultural rooms, the Indigenous student advisor, the campus elder, my peers, my professors, and program coordinator allowed me to create my own support system in the facility that was easily accessible and created a sense of security for myself in this new chapter of my life.</p>
-        <img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/student_image.png" alt="">
+        <img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/student_image.png" alt="Accomodations Quote Student">
       </div>
     </div>
 
-    <!-- Indigenous Support Services -->
     <div class="p-4">
       <div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
         <p class="font-medium">Indigenous Support Services</p>
@@ -88,7 +85,7 @@
       </div>
     </div>
 
-    <!-- Orientation Activities -->
+ 
     <div class="py-4 px-6">
 
       <p class="font-bold text-red-500">Orientation Activities</p>

templates/internal/tips-to-increase-income.php

@@ -5,7 +5,7 @@
   </div>
 
   <div class="flex justify-center max-w-xl mx-auto mb-4">
-    <img class="w-3/5" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/increasing-income.png" alt="The Iceberg Illusion">
+    <img class="w-3/5" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/increasing-income.png" alt="Increasing Income">
   </div>
 
   <!-- Income Tips -->

templates/internal/tips-to-reduce-expenses.php

@@ -20,7 +20,7 @@
   </div>
 
   <div class="flex justify-center max-w-xl mx-auto my-4">
-    <img class="w-4/5 lg:w-1/3" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/expense-reduction.png" alt="The Iceberg Illusion">
+    <img class="w-4/5 lg:w-1/3" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/expense-reduction.png" alt="Decrease Expenses">
   </div>
 
 </article>

templates/internal/transportation.php

@@ -28,7 +28,7 @@
       <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/transportation-bus.png" alt="Public Transit">
     </div>
     <div class=px-4 mx-auto">
-      <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/get-to-know-city.png" alt="Online Learning">
+      <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/get-to-know-city.png" alt="Get To Know City">
     </div>
   </div>
 

templates/partials/page_header.php

@@ -18,10 +18,7 @@ if ($page->post_parent !== 0) {
 <!-- Header Banner -->
 <div id="header-banner" class="relative h-24 md:h-56 lg:h-1/3 flex items-center md:justify-center">
   <h1 class="shadow-md px-4 py-2 bg-white bg-opacity-40 text-blue-800 font-medium relative z-20 text-xl md:text-2xl lg:text-center"><?php echo $pageTitle ?></h1>
-  <img class="absolute top-0 h-full w-full object-cover" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/<?php echo $pageBG; ?>" alt="header-banner">
+  <img class="absolute top-0 h-full w-full object-cover" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/<?php echo $pageBG; ?>" alt="Header Banner">
 </div>
 
-<!-- 
-<h1 class="max-w-7xl mx-auto font-serif text-2xl text-cadet-900 px-4 lg:text-4xl my-4"><?php echo $pageTitle ?></h1> -->
-
 <?php get_template_part('/templates/partials/quick_links'); ?>

templates/partials/quick_links.php

@@ -13,7 +13,6 @@ $subpages = getSubpagesForSlug($pages, $current_slug);
 
 if ($parentPage != 0 && count($subpages) > 0) { ?>
 
-  <!-- Quick Links -->
   <div class="px-2 mt-4">
     <ul role="list" class="max-w-7xl mx-auto text-blue-500 bg-white border-blue-500 border py-4 mb-4 rounded-md">
       <li class="accordion">

templates/partials/subcategory_cards.php

@@ -8,7 +8,6 @@ $subpages = getSubpagesForSlug($pages, $current_slug);
 
 if (count($subpages) > 0) { ?>
 
-  <!-- Sub Level Pages Section -->
   <div class="py-4 px-2 lg:h-full">
     <ul class="grid grid-cols-1 lg:grid-cols-2 gap-2 lg:h-full place-items-stretch">
       <?php