feedback implemented

assets/css/styles.css

@@ -966,14 +966,38 @@ select {
   bottom: 0px;
 }
 
+.bottom-24 {
+  bottom: 6rem;
+}
+
 .left-4 {
   left: 1rem;
 }
 
+.right-4 {
+  right: 1rem;
+}
+
 .top-0 {
   top: 0px;
 }
 
+.left-0 {
+  left: 0px;
+}
+
+.-top-0 {
+  top: 0px;
+}
+
+.-top-0\.5 {
+  top: -0.125rem;
+}
+
+.-top-1 {
+  top: -0.25rem;
+}
+
 .z-20 {
   z-index: 20;
 }
@@ -1049,10 +1073,22 @@ select {
   aspect-ratio: 16/9;
 }
 
+.h-0 {
+  height: 0px;
+}
+
+.h-0\.5 {
+  height: 0.125rem;
+}
+
 .h-1 {
   height: 0.25rem;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
 .h-20 {
   height: 5rem;
 }
@@ -1077,10 +1113,6 @@ select {
   height: 100vh;
 }
 
-.h-16 {
-  height: 4rem;
-}
-
 .w-1\/12 {
   width: 8.333333%;
 }
@@ -1178,10 +1210,6 @@ select {
   align-items: center;
 }
 
-.justify-end {
-  justify-content: flex-end;
-}
-
 .justify-center {
   justify-content: center;
 }
@@ -1263,15 +1291,28 @@ select {
   border-radius: 0.375rem;
 }
 
+.rounded-full {
+  border-radius: 9999px;
+}
+
 .border {
   border-width: 1px;
 }
 
+.border-2 {
+  border-width: 2px;
+}
+
 .border-blue-500 {
   --tw-border-opacity: 1;
   border-color: rgb(10 28 50/var(--tw-border-opacity));
 }
 
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255/var(--tw-border-opacity));
+}
+
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0/var(--tw-bg-opacity));
@@ -1374,18 +1415,6 @@ select {
   --tw-bg-opacity: 0.6;
 }
 
-.bg-opacity-80 {
-  --tw-bg-opacity: 0.8;
-}
-
-.bg-opacity-20 {
-  --tw-bg-opacity: 0.2;
-}
-
-.bg-opacity-30 {
-  --tw-bg-opacity: 0.3;
-}
-
 .object-cover {
   -o-object-fit: cover;
   object-fit: cover;
@@ -1408,6 +1437,14 @@ select {
   padding: 2rem;
 }
 
+.p-1 {
+  padding: 0.25rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
 .px-12 {
   padding-left: 3rem;
   padding-right: 3rem;
@@ -1476,10 +1513,6 @@ select {
   padding-bottom: 7rem;
 }
 
-.pb-4 {
-  padding-bottom: 1rem;
-}
-
 .pb-8 {
   padding-bottom: 2rem;
 }
@@ -1619,6 +1652,14 @@ select {
   text-decoration-line: underline;
 }
 
+.opacity-60 {
+  opacity: 0.6;
+}
+
+.opacity-70 {
+  opacity: 0.7;
+}
+
 .shadow-md {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -1716,6 +1757,15 @@ html {
   background-color: rgb(31 41 55/var(--tw-bg-opacity));
 }
 
+.hover\:text-blue-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(2 9 23/var(--tw-text-opacity));
+}
+
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+
 @media (min-width: 640px) {
   .sm\:w-3\/5 {
     width: 60%;
@@ -1977,6 +2027,61 @@ body.login {
   display: none;
 }
 
+.modal {
+  display: none;
+  position: fixed;
+  z-index: 9999;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: rgba(0, 0, 0, 0.8);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.6s ease-in-out;
+}
+
+.modal--visible {
+  display: block;
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.modal-content {
+  margin: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  animation: slideIn 0.6s ease-in-out;
+}
+
+.modalOpen {
+  cursor: pointer;
+}
+
+.modalClose {
+  position: fixed;
+  z-index: 9999;
+  top: 5rem;
+  right: 1rem;
+  color: red;
+  font-size: 30px;
+  font-weight: bold;
+  cursor: pointer;
+}
+
+@keyframes slideIn {
+  from {
+    transform: translateY(-50px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
 .toggle-menu {
   display: flex;
   width: 30px;

assets/images/resources/ChatGPT_files/[[...default]]-6395e1f389afa57e.js.download

@@ -0,0 +1,2 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2223],{72189:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return p},default:function(){return a}});var n=r(36112),u=r(10721),c=r(70079),o=r(55842),f=r(35250);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var p=!0;function a(e){var t=(0,u.useRouter)(),r=(0,o.wS)(t.asPath),n=(0,o.p9)(r);return((0,c.useEffect)(function(){n&&t.replace("/",void 0,{shallow:!0})},[n,t]),n)?null:(0,f.jsx)(o.ZP,s(s({},e),{},{urlThreadId:r}))}},18404:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[[...default]]",function(){return r(72189)}])}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=18404)}),_N_E=e.O()}]);
+//# sourceMappingURL=[[...default]]-6395e1f389afa57e.js.map

assets/images/resources/ChatGPT_files/_buildManifest.js.download

@@ -0,0 +1 @@
+self.__BUILD_MANIFEST=function(a,s,c,e){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/_error":["static/chunks/pages/_error-dfd7db9208d5bc06.js"],"/account/cancel":["static/chunks/pages/account/cancel-92d8ce0316071915.js"],"/account/manage":["static/chunks/pages/account/manage-d6c22d23218f3753.js"],"/admin":[a,"static/chunks/pages/admin-0790b301e04e30ad.js"],"/admin/analytics":["static/chunks/3a34cc27-e83cff9ee2ba2afc.js","static/chunks/7549-122f729dc49e6850.js",a,"static/chunks/pages/admin/analytics-a328f77b31a63709.js"],"/admin/billing":[a,"static/chunks/pages/admin/billing-8450732a6dad1f9b.js"],"/admin/gpts":[a,"static/chunks/pages/admin/gpts-0d03f8591be64905.js"],"/admin/identity":[a,"static/chunks/pages/admin/identity-aee2b2bce5345c48.js"],"/admin/settings":[a,"static/chunks/pages/admin/settings-fc1b53fca10cc2c7.js"],"/aip/[pluginId]/oauth/callback":["static/chunks/pages/aip/[pluginId]/oauth/callback-45805e25402663ec.js"],"/auth/disable_mfa":["static/chunks/pages/auth/disable_mfa-d4488527e0a78922.js"],"/auth/enable/internal":["static/chunks/pages/auth/enable/internal-9f6dc7f11533b721.js"],"/auth/error":["static/chunks/pages/auth/error-0bf38b4bd16cede0.js"],"/auth/ext_callback":["static/chunks/pages/auth/ext_callback-3604bf782a1e6a47.js"],"/auth/ext_callback_refresh":["static/chunks/pages/auth/ext_callback_refresh-6c967c6bb3c60b1d.js"],"/auth/login":[s,c,"static/chunks/pages/auth/login-001159e4899e6e7a.js"],"/auth/logout":["static/chunks/pages/auth/logout-68394f2869368842.js"],"/auth/mocked_login":["static/chunks/pages/auth/mocked_login-c5e6b6623024195d.js"],"/bypass":["static/chunks/pages/bypass-4782eea63108c9bc.js"],"/g/[gizmoId]":["static/chunks/pages/g/[gizmoId]-8e1c1bc7b73cf481.js"],"/g/[gizmoId]/about":["static/chunks/pages/g/[gizmoId]/about-a136f826832d4679.js"],"/g/[gizmoId]/c/[convId]":["static/chunks/pages/g/[gizmoId]/c/[convId]-aeb7432eb221b025.js"],"/gpts":["static/chunks/pages/gpts-5e3c4c0a2618076d.js"],"/gpts/discovery":["static/chunks/pages/gpts/discovery-28475bf486cb7133.js"],"/gpts/editor":[e,"static/chunks/pages/gpts/editor-0c6d1961349ade9f.js"],"/gpts/editor/[slug]":[e,"static/chunks/pages/gpts/editor/[slug]-1ad2d17fa8dbfa79.js"],"/gpts/mine":["static/chunks/pages/gpts/mine-8cd086f89bda98ef.js"],"/invite/accepted":["static/chunks/pages/invite/accepted-5050e9452b9743cb.js"],"/invite/[[...referralCodeParam]]":[s,c,"static/chunks/pages/invite/[[...referralCodeParam]]-d288b497b9ca19cb.js"],"/payments/success":["static/chunks/pages/payments/success-e1307aaace1f14ed.js"],"/payments/success-team":["static/chunks/pages/payments/success-team-84079b9b3eebbabf.js"],"/payments/success-trial":["static/chunks/pages/payments/success-trial-c1d97f7edff4cf8b.js"],"/search":["static/chunks/pages/search-a73ece5e9f495bcb.js"],"/share/e/[[...shareParams]]":["static/chunks/pages/share/e/[[...shareParams]]-acb2d64183fe0a7b.js"],"/share/[[...shareParams]]":["static/chunks/pages/share/[[...shareParams]]-81cdb17c8f00c87b.js"],"/status":[s,"static/chunks/pages/status-155fd86ce86ecc55.js"],"/workspace/deactivated":["static/chunks/pages/workspace/deactivated-3ff3b16d85c87728.js"],"/[[...default]]":["static/chunks/pages/[[...default]]-6395e1f389afa57e.js"],sortedPages:["/_app","/_error","/account/cancel","/account/manage","/admin","/admin/analytics","/admin/billing","/admin/gpts","/admin/identity","/admin/settings","/aip/[pluginId]/oauth/callback","/auth/disable_mfa","/auth/enable/internal","/auth/error","/auth/ext_callback","/auth/ext_callback_refresh","/auth/login","/auth/logout","/auth/mocked_login","/bypass","/g/[gizmoId]","/g/[gizmoId]/about","/g/[gizmoId]/c/[convId]","/gpts","/gpts/discovery","/gpts/editor","/gpts/editor/[slug]","/gpts/mine","/invite/accepted","/invite/[[...referralCodeParam]]","/payments/success","/payments/success-team","/payments/success-trial","/search","/share/e/[[...shareParams]]","/share/[[...shareParams]]","/status","/workspace/deactivated","/[[...default]]"]}}("static/chunks/5017-ca2c744f862d22b1.js","static/chunks/3975-727132bb57222b04.js","static/chunks/3754-6dd4d99b259b6acc.js","static/chunks/1992-b7b843613b59cd06.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

assets/images/resources/ChatGPT_files/_ssgManifest.js.download

@@ -0,0 +1 @@
+self.__SSG_MANIFEST=new Set,self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB();

assets/images/resources/ChatGPT_files/saved_resource.html

@@ -0,0 +1,28 @@
+
+<!-- saved from url=(0011)about:blank -->
+<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        
+      <script type="text/javascript" charset="utf-8" src="https://js.intercomcdn.com/frame-modern.a84777de.js"></script><script type="text/javascript" charset="utf-8" src="https://js.intercomcdn.com/vendor-modern.944ec8f3.js"></script></head>
+      <body data-new-gr-c-s-check-loaded="14.1155.0" data-gr-ext-installed="">
+      
+    </body><grammarly-desktop-integration data-grammarly-shadow-root="true"><template shadowrootmode="open"><style>
+      div.grammarly-desktop-integration {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select:none;
+        user-select:none;
+      }
+
+      div.grammarly-desktop-integration:before {
+        content: attr(data-content);
+      }
+    </style><div aria-label="grammarly-integration" role="group" tabindex="-1" class="grammarly-desktop-integration" data-content="{&quot;mode&quot;:&quot;full&quot;,&quot;isActive&quot;:true,&quot;isUserDisabled&quot;:false}"></div></template></grammarly-desktop-integration></html>

assets/js/index.js

@@ -129,6 +129,59 @@ class HammerGestures {
 
 /***/ }),
 
+/***/ "./src/modules/ImageModal.js":
+/*!***********************************!*\
+  !*** ./src/modules/ImageModal.js ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+class ImageModal {
+  constructor() {
+    this.init();
+  }
+  init() {
+    document.addEventListener('DOMContentLoaded', () => {
+      this.addModalClickListener('.modalOpen');
+      this.addModalCloseListener('.modalClose');
+    });
+  }
+  addModalClickListener(selector) {
+    this.modalButtons = document.querySelectorAll(selector);
+    this.modalButtons.forEach(modalButton => {
+      modalButton.addEventListener('click', e => {
+        this.openModal(e);
+      });
+    });
+  }
+  addModalCloseListener(selector) {
+    this.modalCloseButtons = document.querySelectorAll(selector);
+    this.modalCloseButtons.forEach(modalCloseButton => {
+      modalCloseButton.addEventListener('click', e => {
+        this.closeModal(e);
+      });
+    });
+  }
+  openModal(e) {
+    var modal = e.target.nextElementSibling;
+
+    // Show the modal with animation
+    modal.classList.add('modal--visible');
+  }
+  closeModal(e) {
+    var modal = e.target.closest('.modal');
+
+    // Hide the modal with animation
+    modal.classList.remove('modal--visible');
+  }
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ImageModal);
+
+/***/ }),
+
 /***/ "./src/modules/NavControl.js":
 /*!***********************************!*\
   !*** ./src/modules/NavControl.js ***!
@@ -144,6 +197,7 @@ class Nav {
     this.toggleMenuBtn = document.getElementById('toggle-nav');
     this.toggleSlideOutMenu = document.getElementById('slide-out-menu');
     this.accordions = document.querySelectorAll('#slide-out-menu .accordion');
+    this.backButton = document.getElementById('back-button');
     this.init();
   }
   init() {
@@ -191,6 +245,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _CollapsePanel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CollapsePanel */ "./src/modules/CollapsePanel.js");
 /* harmony import */ var _NavControl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./NavControl */ "./src/modules/NavControl.js");
+/* harmony import */ var _ImageModal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ImageModal */ "./src/modules/ImageModal.js");
+
 
 
 class PageTransitions {
@@ -198,15 +254,26 @@ class PageTransitions {
     // Check if the history array already exists in the sessionStorage
     this.historyArray = JSON.parse(sessionStorage.getItem('historyArray')) || [];
     this.navControl = new _NavControl__WEBPACK_IMPORTED_MODULE_1__["default"]();
+    this.imageModal = new _ImageModal__WEBPACK_IMPORTED_MODULE_2__["default"]();
     this.init();
   }
   init() {
     document.addEventListener('DOMContentLoaded', () => {
       this.addLinkClickListener('a');
       this.addFormSubmitListener('form');
+      this.addBackButtonListener();
       this.createHistoryTracker();
     });
   }
+  addBackButtonListener() {
+    this.navControl.backButton.addEventListener('click', () => {
+      if (JSON.parse(sessionStorage.getItem('historyArray')).length > 1) {
+        this.animatePageTransition(() => {
+          this.loadContent(this.navigateArray('backward'), 'content-container');
+        });
+      }
+    });
+  }
   addLinkClickListener(selector) {
     this.links = document.querySelectorAll(selector);
     this.links.forEach(link => {
@@ -331,6 +398,8 @@ class PageTransitions {
       this.collapsePanel = new _CollapsePanel__WEBPACK_IMPORTED_MODULE_0__["default"]();
       this.collapsePanel.addToggleCollapseListener('#content-container .accordion-toggle');
       this.addLinkClickListener('#content-container a');
+      this.imageModal.addModalClickListener('#content-container .modalOpen');
+      this.imageModal.addModalCloseListener('#content-container .modalClose');
     } else {
       console.error(`Element with ID '${elementId}' not found in the fetched data`);
     }
@@ -542,8 +611,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _modules_NavControl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modules/NavControl */ "./src/modules/NavControl.js");
 /* harmony import */ var _modules_CollapsePanel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modules/CollapsePanel */ "./src/modules/CollapsePanel.js");
 /* harmony import */ var _modules_SplashScreen__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules/SplashScreen */ "./src/modules/SplashScreen.js");
-/* harmony import */ var _modules_PageTransitions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modules/PageTransitions */ "./src/modules/PageTransitions.js");
+/* harmony import */ var _modules_ImageModal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modules/ImageModal */ "./src/modules/ImageModal.js");
-/* harmony import */ var _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modules/HammerGestures */ "./src/modules/HammerGestures.js");
+/* harmony import */ var _modules_PageTransitions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modules/PageTransitions */ "./src/modules/PageTransitions.js");
+/* harmony import */ var _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modules/HammerGestures */ "./src/modules/HammerGestures.js");
 // Our modules / classes
 // Import modules e.g import MobileMenu from "./modules/MobileMenu"
 
@@ -553,6 +623,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 // Instantiate a new object using our modules/classes
 // e.g var mobileMenu =  new MobileMenu()
 
@@ -560,8 +631,9 @@ const testModule = new _modules_TestModule__WEBPACK_IMPORTED_MODULE_0__["default
 const navControl = new _modules_NavControl__WEBPACK_IMPORTED_MODULE_1__["default"]();
 const collapsePanel = new _modules_CollapsePanel__WEBPACK_IMPORTED_MODULE_2__["default"]();
 const splashScreen = new _modules_SplashScreen__WEBPACK_IMPORTED_MODULE_3__["default"]();
-const pageTransitions = new _modules_PageTransitions__WEBPACK_IMPORTED_MODULE_4__["default"]();
+const imageModal = new _modules_ImageModal__WEBPACK_IMPORTED_MODULE_4__["default"]();
-const hammerGestures = new _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_5__["default"]();
+const pageTransitions = new _modules_PageTransitions__WEBPACK_IMPORTED_MODULE_5__["default"]();
+const hammerGestures = new _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_6__["default"]();
 })();
 
 /******/ })()

front-page.php

@@ -5,6 +5,7 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
 
 <section class="h-full overflow-scroll no-scrollbar pt-16 pb-24">
 
+  <!-- Home Banner -->
   <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>
@@ -48,40 +49,11 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
     </ul>
   </div>
 
-  <!-- Introduction Quote -->
-  <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">
-
-        <div class="text-white px-4 pb-4">
-
-          <p class="font-bold text-xl mb-2">A message from Deputy Grand Chief Derek Fox </p>
-          <i class="bi-quote"></i>
-          <p class="inline mb-2">On behalf of Nishnawbe Aski Nation (NAN), we are proud of your decision to pursue a post-secondary education and become a role model for your community. As a law-school graduate, I understand the hard work and dedication needed to be successful in post-secondary education. My family is one of my biggest motivators, they keep me grounded to continue NAN’s work for our communities. As you pursue your studies, I encourage you to bring your knowledge back to your families and communities.”</p>
-
-        </div>
-
-        <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="Deputy Grand Chief">
-            <div>
-              <p class="mb-2 font-medium">Derek Fox</p>
-              <p>Deputy Grand Chief</p>
-            </div>
-
-          </div>
-        </div>
-
-      </div>
-    </div>
-  </div>
-
   <!-- Congratulations Quote -->
   <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">
+        <ul class="space-y-2 px-4 py-4 my-4">
           <li class="font-bold text-cadet-400 inline text-xl mb-2">Congratulations! </li>
           <li>You have decided to continue your education after Grade 12.</li>
           <li>You have a dream for your future.</li>
@@ -104,6 +76,7 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
     </div>
   </div>
 
+  <!-- Attending College or University -->
   <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>

includes/back-end/query_adjustments.php

@@ -3,7 +3,7 @@
 function themeStarter_adjust_queries($query)
 {
 
-  // Search Archive Query Adjustment
+  // Search Page Query Adjustment
   if ($query->is_search()) {
     $query->set('posts_per_page', '-1');
     $query->set('order', 'ASC');

package-lock.json

@@ -10789,9 +10789,9 @@
       "dev": true
     },
     "node_modules/follow-redirects": {
-      "version": "1.15.3",
+      "version": "1.15.5",
-      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
-      "integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
+      "integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
       "dev": true,
       "funding": [
         {
@@ -11921,9 +11921,9 @@
       "dev": true
     },
     "node_modules/ip": {
-      "version": "1.1.8",
+      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
+      "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz",
-      "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
+      "integrity": "sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==",
       "dev": true
     },
     "node_modules/ipaddr.js": {
@@ -15607,13 +15607,12 @@
       }
     },
     "node_modules/pac-resolver": {
-      "version": "7.0.0",
+      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
-      "integrity": "sha512-Fd9lT9vJbHYRACT8OhCbZBbxr6KRSawSovFpy8nDGshaK99S/EBhVIHp9+crhxrsZOuvLpgL1n23iyPg6Rl2hg==",
+      "integrity": "sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==",
       "dev": true,
       "dependencies": {
         "degenerator": "^5.0.0",
-        "ip": "^1.1.8",
         "netmask": "^2.0.2"
       },
       "engines": {
@@ -19334,12 +19333,6 @@
         "node": ">= 14"
       }
     },
-    "node_modules/socks/node_modules/ip": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ip/-/ip-2.0.0.tgz",
-      "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ==",
-      "dev": true
-    },
     "node_modules/source-map": {
       "version": "0.7.4",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",

single.php

@@ -1,13 +0,0 @@
-<!-- Get Header -->
-<?php get_header(); ?>
-
-<!-- Single Post 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-sticky"></i>
-    <h1 class="text-2xl p-4 underline ">Single Post Template</h1>
-  </div>
-</section>
-
-<!-- Get Footer -->
-<?php get_footer(); ?>

templates/internal/education-level-differences.php

@@ -11,7 +11,7 @@ $educationLevelDifferences = [
     'college-university-info' => [
       'Students must apply to college or university by completing the necessary forms. There are fees to apply.',
       'Tuition and other fees must be paid in order to register.',
-      'More information on page 10'
+      'More information <a href="/preparing-for-college-and-university/applying-to-post-secondary">here</a>'
     ]
   ],
   [

templates/internal/nan-tribal-councils.php

@@ -158,6 +158,19 @@ $tribalCouncils = [
   <div class="bg-white">
     <h2 class="text-xl p-4 text-red-500 font-bold">First Nations & Tribal Council Information</h2>
     <p class="px-4 mb-4 font-medium underline">Where are you from?</p>
+
+    <!-- NAN Map Modal -->
+    <div class="px-4">
+      <div class="modalOpen px-4 py-2 mt-4 bg-cadet-500 text-black text-center">View NAN Map</div>
+      <!-- The Modal -->
+      <div class="modal overflow-scroll no-scrollbar">
+        <span class="modalClose"><i class="bi bi-x-circle-fill"></i></span>
+        <div class="modal-content pt-16 pb-24">
+          <img src="<?= get_template_directory_uri(); ?>/assets/images/resources/nan-map-full.png" alt="Modal Image">
+        </div>
+      </div>
+    </div>
+
   </div>
 
   <div class="px-4">

templates/internal/off-campus-housing.php

@@ -123,7 +123,7 @@ $rentProsCons = [
 
                     <ul class="space-y-2 list-disc px-4">
 
-                      <?php foreach ($rentProsCons[0]['pros'] as $pro) { ?>
+                      <?php foreach ($comparison['pros'] as $pro) { ?>
 
                         <li><?= $pro ?></li>
 
@@ -151,7 +151,7 @@ $rentProsCons = [
 
                     <ul class="space-y-2 list-disc px-4">
 
-                      <?php foreach ($rentProsCons[1]['cons'] as $con) { ?>
+                      <?php foreach ($comparison['cons'] as $con) { ?>
 
                         <li><?= $con ?></li>
 

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

@@ -16,7 +16,7 @@ $onecaLinks = [
   [
     'title' => 'The Helping Hand Counsellors',
     'content' => [
-      '<a href="https://www.youtube.com/watch?v=bMiToo6bx1E">FNMI Transitions - Remote to Urban - 3 Being Prepared</a>'
+      '<a href="https://www.youtube.com/watch?v=bMiToo6bx1E">FNMI Transitions - Remote to Urban - 3 The Helping Hand Councellors</a>'
     ]
   ],
   [

templates/internal/resources-samples.php

@@ -0,0 +1,58 @@
+<?php
+
+$resource_samples = [
+  [
+    "title" => "Student Timetable",
+    "description" => "Example of a Weekly College Schedule (First Year, Semester 1).",
+    "image" => "sample-timetable"
+  ],
+  [
+    "title" => "Sample Budget",
+    "description" => "Approximate amounts you will make and spend on a monthly basis.",
+    "image" => "sample-budget"
+  ],
+  [
+    "title" => "Sample Contacts",
+    "description" => "Example of important phone numbers to have.",
+    "image" => "sample-contacts"
+  ]
+]
+
+
+
+?>
+
+<article>
+
+  <div class="flex flex-col bg-white">
+
+    <div class="py-4 px-2 bg-white text-cadet-900">
+      <div class="max-w-7xl mx-auto space-y-4">
+
+        <?php foreach ($resource_samples as $resource) { ?>
+          <div class="px-2">
+
+            <h3 class="text-xl font-medium mb-4"><?= $resource['title'] ?></h3>
+            <p><?= $resource['description'] ?></p>
+
+            <div class="modalOpen px-4 py-2 mt-4 bg-cadet-500 text-black text-center">View <?= $resource['title'] ?></div>
+
+            <!-- The Modal -->
+            <div class="modal overflow-scroll no-scrollbar">
+              <span class="modalClose"><i class="bi bi-x-circle-fill"></i></span>
+              <div class="modal-content pt-16 pb-24">
+                <img src="<?= get_template_directory_uri(); ?>/assets/images/resources/<?= $resource['image'] ?>.png" alt="Modal Image">
+              </div>
+            </div>
+
+            <div class="w-full h-0.5 bg-blue-500 mt-4"></div>
+
+          </div>
+        <?php } ?>
+
+      </div>
+    </div>
+
+  </div>
+
+</article>

templates/partials/navigation.php

@@ -49,11 +49,6 @@
 
    <div class="h-full space-y-8 overflow-x-hidden overflow-y-scroll no-scrollbar pt-24 pb-28">
 
-     <!-- Option/Settings Icon -->
-     <div class="w-full px-4 flex justify-end text-white">
-       <button><i class="text-2xl bi bi-gear-fill"></i></button>
-     </div>
-
      <!-- Menu Section -->
      <nav>
 
@@ -134,3 +129,9 @@
    </div>
 
  </section>
+
+ <!-- Back Button -->
+ <button id="back-button" class="flex items-center justify-center cursor fixed bottom-24 right-4 z-50">
+   <div class="bg-white rounded-full p-1"><i class="relative -top-0.5 bi bi-arrow-left-circle-fill text-blue-500 hover:text-blue-900 opacity-70 hover:opacity-100 text-4xl"></i></div>
+   <div class="hidden bg-white rounded-full p-1"><i class="relative -top-0.5 bi bi-arrow-right-circle-fill text-blue-500 hover:text-blue-900 opacity-70 hover:opacity-100 text-4xl"></i></div>
+ </button>