internal pages completed

assets/css/styles.css

@@ -1428,6 +1428,10 @@ select {
   position: relative;
 }
 
+.inset-0 {
+  inset: 0px;
+}
+
 .bottom-0 {
   bottom: 0px;
 }
@@ -1440,6 +1444,14 @@ select {
   top: 0px;
 }
 
+.left-0 {
+  left: 0px;
+}
+
+.left-1\/2 {
+  left: 50%;
+}
+
 .z-20 {
   z-index: 20;
 }
@@ -1520,6 +1532,10 @@ select {
   aspect-ratio: 16/9;
 }
 
+.h-1 {
+  height: 0.25rem;
+}
+
 .h-20 {
   height: 5rem;
 }
@@ -1532,8 +1548,8 @@ select {
   height: 14rem;
 }
 
-.h-60 {
-  height: 15rem;
+.h-64 {
+  height: 16rem;
 }
 
 .h-full {
@@ -1544,6 +1560,14 @@ select {
   height: 100vh;
 }
 
+.h-96 {
+  height: 24rem;
+}
+
+.h-36 {
+  height: 9rem;
+}
+
 .w-1\/12 {
   width: 8.333333%;
 }
@@ -1572,6 +1596,10 @@ select {
   width: 100%;
 }
 
+.w-3\/4 {
+  width: 75%;
+}
+
 .max-w-64 {
   max-width: 16rem;
 }
@@ -1584,6 +1612,10 @@ select {
   max-width: 36rem;
 }
 
+.max-w-full {
+  max-width: 100%;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1605,6 +1637,10 @@ select {
   list-style-type: disc;
 }
 
+.list-none {
+  list-style-type: none;
+}
+
 .grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
@@ -1621,6 +1657,10 @@ select {
   grid-template-columns: repeat(6, minmax(0, 1fr));
 }
 
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
 .flex-col {
   flex-direction: column;
 }
@@ -1674,6 +1714,12 @@ select {
   margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
 }
 
+.space-y-1 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+
 .space-y-2 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
@@ -1721,6 +1767,11 @@ select {
   border-color: rgb(10 28 50/var(--tw-border-opacity));
 }
 
+.border-black {
+  --tw-border-opacity: 1;
+  border-color: rgb(0 0 0/var(--tw-border-opacity));
+}
+
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0/var(--tw-bg-opacity));
@@ -1791,6 +1842,11 @@ select {
   background-color: rgb(24 87 76/var(--tw-bg-opacity));
 }
 
+.bg-green-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(6 43 30/var(--tw-bg-opacity));
+}
+
 .bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgb(149 29 32/var(--tw-bg-opacity));
@@ -1811,11 +1867,6 @@ select {
   background-color: rgb(245 224 162/var(--tw-bg-opacity));
 }
 
-.bg-yellow-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(231 160 38/var(--tw-bg-opacity));
-}
-
 .bg-opacity-40 {
   --tw-bg-opacity: 0.4;
 }
@@ -1825,11 +1876,6 @@ select {
   object-fit: cover;
 }
 
-.object-center {
-  -o-object-position: center;
-  object-position: center;
-}
-
 .p-2 {
   padding: 0.5rem;
 }
@@ -1838,6 +1884,10 @@ select {
   padding: 1rem;
 }
 
+.p-8 {
+  padding: 2rem;
+}
+
 .px-12 {
   padding-left: 3rem;
   padding-right: 3rem;
@@ -1893,6 +1943,16 @@ select {
   padding-bottom: 2rem;
 }
 
+.px-20 {
+  padding-left: 5rem;
+  padding-right: 5rem;
+}
+
+.px-24 {
+  padding-left: 6rem;
+  padding-right: 6rem;
+}
+
 .pb-24 {
   padding-bottom: 6rem;
 }
@@ -1901,6 +1961,10 @@ select {
   padding-bottom: 7rem;
 }
 
+.pb-4 {
+  padding-bottom: 1rem;
+}
+
 .pb-8 {
   padding-bottom: 2rem;
 }
@@ -1925,6 +1989,10 @@ select {
   padding-top: 1rem;
 }
 
+.pt-2 {
+  padding-top: 0.5rem;
+}
+
 .text-center {
   text-align: center;
 }
@@ -2020,6 +2088,11 @@ select {
   color: rgb(206 219 218/var(--tw-text-opacity));
 }
 
+.text-cadet-400 {
+  --tw-text-opacity: 1;
+  color: rgb(174 194 191/var(--tw-text-opacity));
+}
+
 .text-cadet-900 {
   --tw-text-opacity: 1;
   color: rgb(29 77 58/var(--tw-text-opacity));
@@ -2128,9 +2201,15 @@ html {
   .md\:h-56 {
     height: 14rem;
   }
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
   .md\:justify-center {
     justify-content: center;
   }
+  .md\:text-center {
+    text-align: center;
+  }
   .md\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;
@@ -2146,9 +2225,15 @@ html {
   .lg\:h-1\/3 {
     height: 33.333333%;
   }
+  .lg\:h-96 {
+    height: 24rem;
+  }
   .lg\:h-full {
     height: 100%;
   }
+  .lg\:h-64 {
+    height: 16rem;
+  }
   .lg\:w-1\/2 {
     width: 50%;
   }
@@ -2167,9 +2252,15 @@ html {
   .lg\:max-w-3xl {
     max-width: 48rem;
   }
+  .lg\:flex-none {
+    flex: none;
+  }
   .lg\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
+  .lg\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
   .lg\:flex-col {
     flex-direction: column;
   }
@@ -2184,9 +2275,10 @@ html {
     margin-right: calc(2rem * var(--tw-space-x-reverse));
     margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
   }
-  .lg\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
+  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]) {
+    --tw-space-x-reverse: 0;
+    margin-right: calc(0px * var(--tw-space-x-reverse));
+    margin-left: calc(0px * (1 - var(--tw-space-x-reverse)));
   }
   .lg\:text-center {
     text-align: center;
@@ -2200,6 +2292,9 @@ html {
   .xl\:w-4\/12 {
     width: 33.333333%;
   }
+  .xl\:w-2\/4 {
+    width: 50%;
+  }
 }
 @media (min-width: 1536px) {
   .\32 xl\:w-3\/12 {
@@ -2319,7 +2414,7 @@ body.login {
   position: relative;
   overflow: hidden;
   transition: 0.6s ease-in-out;
-  padding: 0 1rem;
+  padding: 0 0.5rem;
 }
 .accordion-title {
   margin: 0 35px 0 0;
@@ -2531,6 +2626,27 @@ body.login {
   background-color: var(--cadet-200); /* Odd row background color */
 }
 
+.precautions-columns:nth-child(even) {
+  background-color: var(--cadet-500); /* Odd row background color */
+}
+
+.identity-columns:nth-child(odd) {
+  background-color: var(--copper-200); /* Odd row background color */
+}
+
+.oneca-links-columns:nth-child(odd) {
+  background-color: var(--copper-200); /* Odd row background color */
+}
+
+.tribal-council-logo {
+  width: 55px;
+}
+@media (min-width: 1024px) {
+  .tribal-council-logo {
+    width: auto;
+  }
+}
+
 .flip {
   transform: scaleX(-1);
 }

front-page.php

@@ -12,6 +12,90 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
     <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 -->
+  <div class="px-4 py-4 bg-cadet-200">
+    <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;
+        $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="w-full py-8 px-4 space-x-4 flex items-center lg:flex-col lg:justify-center" href="<?php echo $pageSlug ?>">
+
+            <i class="<?php echo $pageBootstrapIcon ?> text-2xl" aria-hidden="true"></i>
+            <h2 class="font-medium text-sm md:text-center"><?php echo $pageTitle ?></h2>
+            <!-- <p class="font-medium lg:text-center"><?php echo get_field('description', $pageID); ?></p> -->
+
+          </a>
+
+        </li>
+
+      <?php } ?>
+
+    </ul>
+  </div>
+
+  <!-- Introduction Quote -->
+  <section>
+    <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="flex items-center p-8 bg-cadet-200 space-x-4">
+          <img class="inline h-36 lg:h-64" src="<?= get_template_directory_uri() ?>/assets/images/people/deputy-grand-chief-derek-fox.png" alt="Student With Children">
+          <div>
+            <p class="mb-2 font-medium">Derek Fox</p>
+            <p>Deputy Grand Chief</p>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </section>
+
+  <!-- Congratulations Quote -->
+  <section>
+    <div class="italic py-8 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 mb-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>
+          <li>You may know where you want to go.</li>
+          <li>You may know the program you want to take.</li>
+          <li>In any case, this handbook has information to help you on this next step in your education journey</li>
+        </ul>
+
+        <div class="flex items-center p-8 bg-cadet-200 space-x-4">
+          <img class="inline h-36 lg:h-64" src="<?= get_template_directory_uri() ?>/assets/images/people/bachelor-of-nursing-student.png" alt="Student With Children">
+          <div>
+            <p class="mb-2 font-medium">Catherine Sergerie, Moose Cree First Nation</p>
+            <p>Lakehead University, BScN (Bachelor of Science in Nursing) and a Minor in Indigenous Learning</p>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </section>
+
   <section class="bg-white">
     <div class="max-w-7xl mx-auto">
       <div class="bg-white">
@@ -37,41 +121,6 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
     </div>
   </section>
 
-
-  <!-- Top Level Pages Section -->
-  <div class="px-4 py-2 lg:h-full">
-    <ul class="grid grid-cols-1 lg:grid-cols-2 gap-2 lg:h-full place-items-stretch">
-
-      <!-- Home Top Level Pages Loop -->
-      <?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="w-full py-8 px-8 space-y-2 lg:flex lg:flex-col lg:items-center lg:justify-center" href="<?php echo $pageSlug ?>">
-
-            <i class="<?php echo $pageBootstrapIcon ?> text-2xl" aria-hidden="true"></i>
-            <h2 class="font-bold uppercase"><?php echo $pageTitle ?></h2>
-            <p class="font-medium lg:text-center"><?php echo get_field('description', $pageID); ?></p>
-
-          </a>
-
-        </li>
-
-      <?php } ?>
-
-    </ul>
-  </div>
-
 </section>
 
 

includes/front-end/styles_and_scripts.php

@@ -12,7 +12,7 @@ function themeStarter_enqueue()
 
   /* Register and Enqueue Styles */
 
-  wp_register_style('themeStarter-styles', get_parent_theme_file_uri('/assets/css/styles.css'), [], '1.0', 'all');
+  wp_register_style('themeStarter-styles', get_parent_theme_file_uri('/assets/css/styles.css'), [], null, 'all');
   wp_enqueue_style('themeStarter-styles');
 
   wp_register_style('bootstrap-icons', get_parent_theme_file_uri('/assets/css/bootstrap-icons.css'), [], '1.11.1', 'all');

package.json

@@ -10,7 +10,8 @@
     "build:wp": "wp-scripts build",
     "dev:wp": "wp-scripts start --output-path=assets/js --webpack-no-externals",
     "sync": "browser-sync start --proxy playground.test --files '**/*.scss, **/*.js, **/*.php",
-    "dev": "npm-run-all --parallel dev:tailwind dev:sass dev:wp"
+    "dev": "npm-run-all --parallel dev:tailwind dev:sass",
+    "dev:withwp": "npm-run-all --parallel dev:tailwind dev:sass dev:wp"
   },
   "keywords": [],
   "author": "",

page.php

@@ -19,13 +19,13 @@ get_header(); ?>
 
       <?php get_template_part('/templates/partials/page_header'); ?>
 
-      <div class="my-4 px-4 text-center">
+      <!-- <div class="my-4 px-4 text-center">
         <h2 class="font-medium underline uppercase">Overview</h2>
-      </div>
+      </div> -->
 
       <!-- Page Editor Content -->
       <div class="prose max-w-7xl mx-auto">
-        <?php the_content(); ?>
+        <?php /** the_content(); */ ?>
       </div>
 
       <?php get_template_part('/templates/top-level/' . $pageSlug); ?>

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

@@ -21,11 +21,11 @@ $firstTimeRentIssues = [
   <div class="bg-white">
     <h2 class="text-l p-4 text-red-500 font-bold">Questions to ask the landlords</h2>
 
-    <div class="p-4 bg-cadet-800 text-white">
+    <div class="py-4 px-4 bg-cadet-800 text-white">
 
       <p>Here are a few questions to ask your future landlord about the rental:</p>
 
-      <ul class="list-disc px-4 space-y-2 py-2">
+      <ul class="list-disc list-inside space-y-2 py-2">
         <li>What is the total square footage and room configuration?</li>
         <li>Are some or all of the utilities covered by the rent? If not, can you give me an estimate for those costs?</li>
         <li>What are your parking options?</li>
@@ -81,7 +81,7 @@ $firstTimeRentIssues = [
   <!-- Student Renting Issues -->
   <div class="flex flex-col bg-white mb-4">
 
-    <div class="py-4 bg-green-600 px-6">
+    <div class="py-4 bg-red-500 px-6">
       <p class="font-bold text-white">The following are some common problems first-time renters might run into</p>
     </div>
 

templates/internal/career-goals.php

@@ -2,11 +2,11 @@
 
   <div class="flex flex-col bg-white">
 
-    <div class="py-8 px-4"">
+    <div class="py-4 px-4"">
       <p class=" max-w-7xl italic font-medium text-red-500 mx-auto">What you want for yourself in life</p>
     </div>
 
-    <div class="py-8 px-2 bg-white text-cadet-900">
+    <div class="py-4 px-2 bg-white text-cadet-900">
       <div class="max-w-7xl mx-auto">
 
         <div class="px-6">

templates/internal/education-level-differences.php

@@ -153,12 +153,13 @@ $educationLevelDifferences = [
                   </button>
 
                 </div>
+
                 <div class="accordion-content space-y-4">
 
                   <!-- High School Information  -->
                   <div>
                     <h3 class="font-medium underline mb-2">High School</h3>
-                    <ul class="list-disc">
+                    <ul class="list-disc list-inside">
                       <?php
                       foreach ($difference['high-school-info'] as $info) { ?>
                         <li class="mb-2">
@@ -172,7 +173,7 @@ $educationLevelDifferences = [
                   <!-- College University Information  -->
                   <div>
                     <h3 class="font-medium underline mb-2">College/University</h3>
-                    <ul class="list-disc">
+                    <ul class="list-disc list-inside">
                       <?php
                       foreach ($difference['college-university-info'] as $info) { ?>
                         <li class="mb-2">
@@ -182,6 +183,7 @@ $educationLevelDifferences = [
                       <?php } ?>
                     </ul>
                   </div>
+
                 </div>
               </li>
 

templates/internal/educational-goals.php

@@ -1,13 +1,13 @@
 <article>
 
-  <div class="flex flex-col bg-white">
+  <div class="flex flex-col bg-white px-4">
 
-    <div class="py-8 px-4"">
+    <div class="py-4"">
       <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-8 px-8 bg-cadet-500 text-cadet-900">
+    <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>
         <li>It is important to find a program that is a good fit for you. It is a great idea to talk to other students who have been in the program.</li>

templates/internal/financial-goals.php

@@ -2,11 +2,11 @@
 
   <div class="flex flex-col bg-white">
 
-    <div class="py-8 px-4">
+    <div class="py-4 px-4">
       <p class="max-w-7xl italic font-medium text-red-500 mx-auto">Will help you achieve your other goals</p>
     </div>
 
-    <div class="italic py-8 px-8 bg-cadet-500 text-cadet-900">
+    <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>

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

@@ -0,0 +1,280 @@
+<?php
+
+$genderTerms = [
+  [
+    'title' => 'Gender Identity:',
+    'content' => [
+      'Person’s internal sense of masculinity, femininity, both, or neither, which may or may not be expressed outwardly and may or may not correspond to one’s physical sex characteristics and/or sex assignment at birth'
+    ]
+  ],
+  [
+    'title' => 'Gender Assignment:',
+    'content' => [
+      'A person’s gender designation at birth, correlated with sex assignment'
+    ]
+  ],
+  [
+    'title' => 'Gender Roles:',
+    'content' => [
+      'Expectations imposed on someone based on their gender'
+    ]
+  ],
+  [
+    'title' => 'Gender Attribution:',
+    'content' => [
+      'A term generally referring to gender identities or expressions outside the gender binary'
+    ]
+  ],
+  [
+    'title' => 'Gender Expression:',
+    'content' => [
+      'A person’s external presentation of their gender'
+    ]
+  ]
+];
+
+$genderIdentities = [
+  [
+    'title' => 'Cisgender',
+    'content' => [
+      'A term for individuals whose gender identity aligns with their sex assigned at birth'
+    ]
+  ],
+  [
+    'title' => 'Gender Non-Conforming (GNC) or Genderqueer',
+    'content' => [
+      'A person’s gender designation at birth, correlated with sex assignment'
+    ]
+  ],
+  [
+    'title' => 'Transgender',
+    'content' => [
+      'Term used when an individual’s gender identity or expression differs from conventional expectations for their sex assigned at birth'
+    ]
+  ]
+];
+
+?>
+
+<article>
+
+  <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>
+
+      <p class="mt-4 font-medium">
+        Gender—the culturally specific presentation of masculinity or femininity—involves:
+      </p>
+
+    </div>
+
+    <!-- Gender 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>
+
+      <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 ($genderTerms as $term) {
+
+              ?>
+
+                <li class="accordion terms-columns">
+                  <div class="flex px-2 rounded-md justify-between">
+                    <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
+                      <p class="font-bold"><?php echo $term['title'] ?></p>
+                    </div>
+
+                    <button class="accordion-toggle">
+                      <i class="fas fa-chevron-down items-center ml-auto rounded-m px-2.5 py-2 " aria-hidden="true"></i>
+                      <i class="fas fa-times items-center ml-auto rounded-md px-3 py-2" aria-hidden="true"></i>
+                    </button>
+
+                  </div>
+                  <div class="accordion-content space-y-4">
+
+                    <!-- Term Content  -->
+                    <div>
+                      <ul class="<?php
+                                  if (count($term['content']) > 1) {
+                                    echo (count($term['content']) > 1) ? 'list-disc' : '';
+                                  } ?>">
+                        <?php
+                        foreach ($term['content'] as $info) { ?>
+                          <li class="mb-2">
+                            <?php echo $info ?>
+                          </li>
+                        <?php } ?>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+
+
+              <?php } ?>
+
+            </ul>
+          </div>
+
+        </div>
+      </div>
+
+    </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:
+      </p>
+    </div>
+
+    <div class="flex flex-col bg-white mb-4">
+
+      <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">
+
+              <!-- Loop -->
+              <?php
+
+              foreach ($genderIdentities as $identity) {
+
+              ?>
+
+                <li class="accordion identity-columns">
+                  <div class="flex px-2 rounded-md justify-between">
+                    <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
+                      <p class="font-bold"><?php echo $identity['title'] ?></p>
+                    </div>
+
+                    <button class="accordion-toggle">
+                      <i class="fas fa-chevron-down items-center ml-auto rounded-m px-2.5 py-2 " aria-hidden="true"></i>
+                      <i class="fas fa-times items-center ml-auto rounded-md px-3 py-2" aria-hidden="true"></i>
+                    </button>
+
+                  </div>
+                  <div class="accordion-content space-y-4">
+
+                    <!-- Identity Content  -->
+                    <div>
+                      <ul class="<?php
+                                  if (count($identity['content']) > 1) {
+                                    echo (count($identity['content']) > 1) ? 'list-disc' : '';
+                                  } ?>">
+                        <?php
+                        foreach ($identity['content'] as $info) { ?>
+                          <li class="mb-2">
+                            <?php echo $info ?>
+                          </li>
+                        <?php } ?>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+
+
+              <?php } ?>
+
+            </ul>
+          </div>
+
+        </div>
+      </div>
+
+    </div>
+
+    <div class="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 inline text-cadet-300"></i>
+        <p class="inline">Source: di Bartolo, Adriana. 2013. “Is there a difference? The impact of Campus Climate on Sexual Minority and Gender Minority Students’ Levels of Outness.” PhD diss., Claremont Graduate University. ProQuest (LLC ED553093).</p>
+        <br><br>
+        <a class="font-medium underline" href="https://dgmg81phhvh63.cloudfront.net/content/user-photos/Publications/Archives/Diversity-Democracy/DD_18-2_SP15.pdf">Gender Equity in Higher Education</a>
+      </div>
+    </div>
+
+    <div class="py-4 px-8 space-y-4 w-full text-white bg-cadet-900 shadow-md">
+      <p class="font-bold">What is Sexual Orientation?</p>
+      <p>Sexual orientation refers to an enduring pattern of emotional, romantic and/or sexual attractions to men, women or both sexes. Sexual orientation also refers to a person’s sense of identity based on those attractions, related behaviors and membership in a community of others who share those attractions.</p>
+      <p>Sexual orientation is usually discussed in terms of three categories:</p>
+      <ul class="list-disc px-4 space-y-2">
+        <li><strong>Heterosexual: </strong>Having emotional, romantic or sexual attractions to members of the other sex</li>
+        <li><strong>Gay/Lesbian: </strong>Having emotional, romantic or sexual attractions to members of one’s own sex)</li>
+        <li><strong>Bisexual: </strong>Having emotional, romantic or sexual attractions to both men and women</li>
+      </ul>
+    </div>
+
+    <div class="py-4 px-6">
+
+      <p>People express their sexual orientation through behaviors with others, including such simple actions as holding hands or kissing. Thus, sexual orientation is closely tied to the intimate personal relationships that meet deeply felt needs for love, attachment and intimacy.</p>
+
+
+    </div>
+
+    <div class="px-4">
+
+      <ul class="p-4 bg-cadet-300 space-y-4">
+        <li>In addition to sexual behaviors, these bonds include nonsexual physical affection between partners, shared goals and values, mutual support, and ongoing commitment.</li>
+        <li>Therefore, sexual orientation is not merely a personal characteristic within an individual. Rather, one’s sexual orientation defines the group of people in which one is likely to find the satisfying and fulfilling romantic relationships that are an essential component of personal identity for many people.</li>
+      </ul>
+
+      <div class="py-8 px-4 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 inline text-cadet-300"></i>
+          <p class="inline">Source: American Psychological Association. (2008). Answers to your questions for a better understanding of sexual orientation & homosexuality.</p>
+          <br><br>
+          <a class="font-medium underline" href="https://dgmg81phhvh63.cloudfront.net/content/user-photos/Publications/Archives/Diversity-Democracy/DD_18-2_SP15.pdf">Understanding Sexual Orientation and Homosexuality</a>
+        </div>
+      </div>
+
+    </div>
+
+
+    <div class="px-4">
+      <p class="mt-4">
+        Most campuses have student associations or centres that provide services and host events to support lesbian, gay, bisexual, transgender, two-spirit, and queer students. They also work to promote gender equity on campus.
+      </p>
+      <ul class="list-disc px-8 space-y-2 py-2">
+        <li>The centres are a safe and supportive environment for students to meet and talk with peers.</li>
+        <li>Counselling services may be provided or referrals made if requested.</li>
+        <li>The <a class="font-medium underline" href="htps://www.nativeyouthsexualhealth.com/">Native Youth Sexual Health Network (NYSHN)</a> has resources and information about different aspects of Sexual Health.</li>
+        <li><a class="font-medium underline" href="https://www.nativeyouthsexualhealth.com/two-spirit-resource-directory">Two Spirit Resource Directory</a> is published by the Confederacy of Two Spirit Organizations. Links are included for resources in both Canada and the United States.</li>
+        <li><a class="font-medium underline" href="https://thelifelinecanada.ca/lbgtq2/">The LifeLine Canada Foundation (TLC)</a> also offers links to LGBTQ resources.</li>
+      </ul>
+    </div>
+
+    <div class="mt-8 px-4 space-y-4 py-4 w-full text-white bg-cadet-900 shadow-md">
+      <p class="italic font-medium">Keep numbers handy for taxis in case of emergency, or if you cannot take a bus or use a rideshare app like Uber or Lyft.</p>
+    </div>
+
+    <div class="p-4 space-y-4">
+      <p class="">If you drive, be aware of parking restrictions at the college or university, and in the community. Parking passes are available to students to park on-campus.</p>
+    </div>
+
+    <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">
+      </div>
+      <div class=px-4 mx-auto">
+        <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/be-yourself.png" alt="Online Learning">
+      </div>
+    </div>
+
+
+  </div>
+
+</article>

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

@@ -79,7 +79,7 @@ $studentFinancialTerms = [
                     <div>
                       <ul class="<?php
                                   if (count($term['content']) > 1) {
-                                    echo (count($term['content']) > 1) ? 'list-disc' : '';
+                                    echo (count($term['content']) > 1) ? 'list-disc list-inside' : '';
                                   } ?>">
                         <?php
                         foreach ($term['content'] as $info) { ?>
@@ -121,7 +121,7 @@ $studentFinancialTerms = [
 
       </div>
     </div>
-    
+
   </div>
 
   <div class="py-8 space-y-4 px-4 lg:w-1/2  mx-auto">

templates/internal/living-in-balance.php

@@ -87,6 +87,9 @@ $statesOfWellness = [
           <div>
             <ul role="list" class="text-blue-900">
 
+            <!-- Force Generate -->
+            <!-- bg-yellow-500, bg-black -->
+
               <!-- States Loop -->
               <?php
 

templates/internal/making-healthy-choices.php

@@ -22,20 +22,15 @@
 
       </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">
-      </div>
-
     </div>
 
+    <p class="mt-4 p-4 bg-cadet-200 font-medium">
+      In Ontario, www.thehealthline.ca has links for up-to-date supports and services that are available to you.
+    </p>
+
     <div class="py-4 px-6">
 
-
-      <p class="mt-4 font-medium">
-        In Ontario, www.thehealthline.ca has links for up-to-date supports and services that are available to you.
-      </p>
-
-      <div class="py-8 space-y-4 lg:w-1/4 mx-auto">
+      <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">
       </div>
 

templates/internal/managing-stress.php

@@ -0,0 +1,68 @@
+<article>
+
+  <div class="bg-white">
+    <h2 class="text-xl p-4 text-red-500 font-bold">Stress</h2>
+    <div class="px-4">
+      <p class="font-medium">
+        As a college or university student, there are expectations placed on you that may be new to you. School assignments combined with the responsibilities of living on your own can cause stress.
+      </p>
+      <ul class="list-disc px-8 space-y-2 py-2">
+        <li>Some stress is normal and is actually good for you, especially if it motivates you to do your work and maintain a healthy lifestyle. Too much stress can be harmful to your health. Be sure to check in with yourself and your education counsellor.</li>
+        <li>Deep breathing exercises and mindfulness can help you manage daily stressors.</li>
+        <li>Do not be afraid to talk about your stress or anxieties with people you trust.</li>
+      </ul>
+    </div>
+  </div>
+
+
+  <div class="px-4 mx-auto">
+    <img src=" <?= get_template_directory_uri() ?>/assets/images/people/stressed_student.png" alt="Public Transit">
+  </div>
+
+
+
+  <div class="mt-8 px-4 space-y-4 py-4 w-full text-white bg-red-500 shadow-md">
+    <p class="italic font-medium">Managing Stress</p>
+  </div>
+
+  <div class="px-4 pb-8 pt-4">
+    <p class="">
+      The following site provides online support, resources and strategies to help you deal with stress.
+    </p>
+
+    <div class="mt-4">
+      <h3 class="font-bold">Stress Strategies</h3>
+      <a class="font-medium underline" href="https://www.stressstrategies.ca/">(www.stressstrategies.ca/)</a>
+      <!-- Links -->
+      <div class="accordion bg-red-500 text-white 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>
+
+          <button class="accordion-toggle">
+            <i class="fas fa-chevron-down items-center ml-auto rounded-m px-2.5 py-2 " aria-hidden="true"></i>
+            <i class="fas fa-times items-center ml-auto rounded-md px-3 py-2" aria-hidden="true"></i>
+          </button>
+
+        </div>
+        <div class="accordion-content space-y-4">
+          <ul class="space-y-2">
+            <li><a class="underline" href="https://vimeo.com/126413423">Overview</a></li>
+            <li><a class="underline" href="https://www.stressstrategies.ca/resources">Resources and Personalized Strategies to Deal with Stress</a></li>
+          </ul>
+        </div>
+      </div>
+
+      <p class="mt-2">
+        This website provides free resources and videos to help you learn to manage stress.
+      </p>
+    </div>
+
+    <!-- Horizontal Rule -->
+    <div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
+
+  </div>
+
+
+</article>

templates/internal/nan-tribal-councils.php

@@ -0,0 +1,257 @@
+<?php
+
+$tribalCouncils = [
+  [
+    'name' => 'Independent Bands',
+    'logo' => '',
+    'website' => '',
+    'contact' => [],
+    'tribal-councils' => [
+      ['1', 'Hornepayne'],
+      ['2', 'Mishkeegogamang'],
+      ['3', 'Mocreebec Council of the Cree Nation'],
+      ['4', 'Sandy Lake'],
+      ['5', 'Wahgoshig'],
+      ['6', 'Weenusk (Peawanuck)']
+    ]
+  ],
+  [
+    'name' => 'Independent First Nations Alliance',
+    'logo' => 'ifna_logo',
+    'website' => 'https://ifna.ca/',
+    'contact' => [
+      'po_box' => '98 King Street Box 5010',
+      'address' => 'Sioux Lookout, Ontario P8T 1K6',
+      'phone' => '1-807-737-1902',
+      'fax' => '1-807-737-3501'
+    ],
+    'tribal-councils' => [
+      ['7', 'Lac Seul'],
+      ['8', 'Muskrat Dam'],
+      ['9', 'Pikangikum']
+    ]
+  ],
+  [
+    'name' => 'Keewaytinook Okimakanak',
+    'logo' => 'keewaytinook_okimakanak_logo',
+    'website' => 'https://www.kochiefs.ca/',
+    'contact' => [
+      'po_box' => 'PO Box 340',
+      'address' => '8 Mine Lake Road Balmertown, ON P0V 1C0',
+      'phone' => '1-807-735-1381',
+      'fax' => '1-807-735-1383'
+    ],
+    'tribal-councils' => [
+      ['10', 'Deer Lake'],
+      ['11', 'Fort Severn'],
+      ['12', 'Keewaywin'],
+      ['13', 'McDowell Lake'],
+      ['14', 'North Spirit Lake'],
+      ['15', 'Poplar Hill']
+    ]
+  ],
+  [
+    'name' => 'Matawa First Nations',
+    'logo' => 'matawa_first_nations_logo',
+    'website' => 'https://www.matawa.on.ca/',
+    'contact' => [
+      'po_box' => '',
+      'address' => '233 Court St South Thunder Bay, ON P7B 2X9',
+      'phone' => '1-807-344-4575',
+      'fax' => '1-807-344-2977'
+    ],
+    'tribal-councils' => [
+      ['16', 'Aroland'],
+      ['17', 'Constance Lake'],
+      ['18', 'Eabametoong'],
+      ['19', 'Ginoogaming'],
+      ['20', 'Long Lake #58'],
+      ['21', 'Marten Falls'],
+      ['22', 'Neskantaga'],
+      ['23', 'Nibinamik'],
+      ['24', 'Webequie']
+    ]
+  ],
+  [
+    'name' => 'Mushkegowuk Council',
+    'logo' => 'mushkegowuk_council_logo',
+    'website' => 'https://www.mushkegowuk.ca/',
+    'contact' => [
+      'po_box' => 'PO Box 370',
+      'address' => 'Moose Factory, ON P0L 1W0',
+      'phone' => '1-705-658-4222',
+      'fax' => '1-705-658-4250'
+    ],
+    'tribal-councils' => [
+      ['25', 'Attawapiskat'],
+      ['26', 'Chapleau Cree'],
+      ['27', 'Fort Albany'],
+      ['28', 'Kashechewan'],
+      ['29', 'Missanabie Cree'],
+      ['30', 'Moose Cree'],
+      ['31', 'aykwa Tagamou']
+    ]
+  ],
+  [
+    'name' => 'Shibogama First Nations Council',
+    'logo' => 'shibogama_first_nations_logo',
+    'website' => 'https://www.shibogama.on.ca/',
+    'contact' => [
+      'po_box' => 'PO Box 449',
+      'address' => 'Sioux Lookout, ON P8T 1A5',
+      'phone' => '1-807-737-2662',
+      'fax' => '1-807-737-1583'
+    ],
+    'tribal-councils' => [
+      ['32', 'Kasabonika Lake'],
+      ['33', 'Kingfisher Lake'],
+      ['34', 'Wapekeka'],
+      ['35', 'Wawakapewin'],
+      ['36', 'Wunnumin Lake']
+    ]
+  ],
+  [
+    'name' => 'Wabun Tribal Council',
+    'logo' => 'wabum_tribal_council_logo',
+    'website' => 'https://www.wabuntribalcouncil.ca/',
+    'contact' => [
+      'po_box' => '',
+      'address' => '313 Railway St Timmins, ON P4N 2P4',
+      'phone' => '1-705-268-9066',
+      'fax' => '1-705-268-8554'
+    ],
+    'tribal-councils' => [
+      ['37', 'Beaverhouse'],
+      ['38', 'Brunswick House'],
+      ['39', 'Chapleau Ojibway'],
+      ['40', 'Flying Post'],
+      ['41', 'Matachewan'],
+      ['42', 'Mattagami']
+    ]
+  ],
+  [
+    'name' => 'Windigo First Nations Council',
+    'logo' => 'windigo_first_nations_council_logo',
+    'website' => 'https://www.windigo.on.ca/',
+    'contact' => [
+      'po_box' => 'PO Box 229',
+      'address' => 'Sioux Lookout, ON P8T 1A3',
+      'phone' => '1-807-737-1585',
+      'fax' => '1-807-737-3133'
+    ],
+    'tribal-councils' => [
+      ['43', 'Bearskin Lake'],
+      ['44', 'Cat Lake'],
+      ['45', 'Koocheching'],
+      ['46', 'North Caribou Lake'],
+      ['47', 'Sachigo Lake'],
+      ['48', 'Slate Falls'],
+      ['49', 'Whitewater Lake']
+    ]
+  ],
+]
+
+
+
+?>
+
+
+<article>
+
+  <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>
+  </div>
+
+  <div class="px-4">
+
+    <div class="h-1 my-4 bg-blue-500"></div>
+
+    <!-- Tribal Council Info Components Loop -->
+    <?php foreach ($tribalCouncils as $tribalCouncil) { ?>
+      <div>
+
+        <div class="relative flex items-center space-x-2">
+
+          <?php if ($tribalCouncil['logo']) : ?>
+            <img class="tribal-council-logo object-cover" src="<?php echo get_template_directory_uri() . '/assets/images/logos/tribal-councils/new/' . $tribalCouncil['logo'] . '.png' ?>" alt="Tribal Council Logo">
+          <?php endif; ?>
+
+          <h3 class="font-bold"><?= $tribalCouncil['name'] ?></h3>
+          <a class="absolute inset-0 w-full h-full font-medium underline" href="<?= $tribalCouncil['website'] ?>"></a>
+
+        </div>
+
+        <!-- Contact Information -->
+        <?php if ($tribalCouncil['contact']) : ?>
+          <div class="accordion bg-red-500 text-white my-2">
+            <div class="flex px-2 rounded-md justify-between">
+              <p class="gap-x-3 rounded-md p-2 text-sm leading-6 flex items-center align-middle font-bold">Contact Information</p>
+
+              <button class="accordion-toggle">
+                <i class="fas fa-chevron-down items-center ml-auto rounded-m px-2.5 py-2 " aria-hidden="true"></i>
+                <i class="fas fa-times items-center ml-auto rounded-md px-3 py-2" aria-hidden="true"></i>
+              </button>
+
+            </div>
+            <div class="accordion-content space-y-4">
+              <ul class="space-y-2">
+
+                <?php if ($tribalCouncil['contact']['po_box']) : ?>
+                  <li>
+                    <p><strong>PO Box: </strong><?= $tribalCouncil['contact']['po_box'] ?></p>
+                  </li>
+                <?php endif; ?>
+
+                <li>
+                  <p><strong>Address: </strong><a class="font-medium underline" href=""><?= $tribalCouncil['contact']['address'] ?></a></p>
+                </li>
+
+                <li>
+                  <p><strong>Phone: </strong><a class="font-medium underline" href=""><?= $tribalCouncil['contact']['phone'] ?></a></p>
+                </li>
+
+                <li>
+                  <p><strong>Fax: </strong><a class="font-medium underline" href=""><?= $tribalCouncil['contact']['fax'] ?></a></p>
+                </li>
+
+              </ul>
+            </div>
+          </div>
+        <?php endif; ?>
+
+        <!-- Tribal Councils -->
+        <div class="accordion bg-green-900 text-white my-2">
+          <div class="flex px-2 rounded-md justify-between">
+            <p class="gap-x-3 rounded-md p-2 text-sm leading-6 flex items-center align-middle font-bold">Tribal Councils</p>
+
+            <button class="accordion-toggle">
+              <i class="fas fa-chevron-down items-center ml-auto rounded-m px-2.5 py-2 " aria-hidden="true"></i>
+              <i class="fas fa-times items-center ml-auto rounded-md px-3 py-2" aria-hidden="true"></i>
+            </button>
+
+          </div>
+          <div class="accordion-content space-y-4">
+            <ul class="space-y-2">
+
+              <?php foreach ($tribalCouncil['tribal-councils'] as $tribalCouncil) : ?>
+                <li class="flex space-x-2">
+                  <p><strong><?= $tribalCouncil[0] ?></strong></p>
+                  <p><?= $tribalCouncil[1] ?></p>
+                </li>
+              <?php endforeach; ?>
+
+            </ul>
+          </div>
+        </div>
+
+      </div>
+
+
+      <div class="h-1 my-4 bg-blue-500"></div>
+    <?php } ?>
+
+  </div>
+
+
+</article>

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

@@ -179,7 +179,7 @@ $onlineLearningTips = [
                   <div>
                     <ul class="<?php
                                 if (count($tip['content']) > 1) {
-                                  echo (count($tip['content']) > 1) ? 'list-disc' : '';
+                                  echo (count($tip['content']) > 1) ? 'list-disc list-inside' : '';
                                 } ?>">
                       <?php
                       foreach ($tip['content'] as $info) { ?>

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

@@ -0,0 +1,114 @@
+<?php
+
+$onecaLinks = [
+  [
+    'title' => 'Being Prepared',
+    'content' => [
+      '<a href="https://www.youtube.com/watch?v=nIPEwMHU3U0">FNMI Transitions - Remote to Urban - 1 Being Prepared</a>'
+    ]
+  ],
+  [
+    'title' => 'The Change and the Challenge',
+    'content' => [
+      '<a href="https://www.youtube.com/watch?v=A806SJpi0aw&t=51s">FNMI Transitions - Remote to Urban - 2 The Change & The Challenge</a>'
+    ]
+  ],
+  [
+    'title' => 'The Helping Hand Counsellors',
+    'content' => [
+      '<a href="https://www.youtube.com/watch?v=bMiToo6bx1E">FNMI Transitions - Remote to Urban - 3 Being Prepared</a>'
+    ]
+  ],
+  [
+    'title' => 'The Helping Hand Student',
+    'content' => [
+      '<a href="https://www.youtube.com/watch?v=ICzNDVQ0pUQ&t=138s">FNMI Transitions - Remote to Urban - 4 The Helping Hand Student</a>'
+    ]
+  ],
+  [
+    'title' => 'The Importance of Education',
+    'content' => [
+      '<a href="https://www.youtube.com/watch?v=2v5-7xb_KTg">FNMI Transitions - Remote to Urban - 5 The Importance of Education</a>'
+    ]
+  ],
+  [
+    'title' => 'Visit the ONECA transitions website',
+    'content' => [
+      '<a href="https://oneca.com/transitions/remotetourban/">The ONECA transitions website</a>'
+    ]
+  ]
+];
+
+?>
+
+<article>
+
+  <div class="bg-white">
+    <h2 class="text-l p-4 text-red-500 font-bold">ONECA has many videos about post-secondary education.</h2>
+    <p class="px-4 mb-4">These videos include students and instructors talking about learning and living as a college or university student.</p>
+
+    <div class="flex flex-col bg-white mb-4">
+
+      <div class="py-4 bg-green-600 px-6">
+        <p class="font-bold text-white">ONECA Links</p>
+      </div>
+
+      <!-- Links 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">
+
+              <?php
+
+              foreach ($onecaLinks as $onecaLink) {
+
+              ?>
+
+                <li class="accordion oneca-links-columns">
+                  <div class="flex px-2 rounded-md justify-between">
+                    <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
+                      <p><?php echo $onecaLink['title'] ?></p>
+                    </div>
+
+                    <button class="accordion-toggle">
+                      <i class="fas fa-chevron-down items-center ml-auto rounded-m px-2.5 py-2 " aria-hidden="true"></i>
+                      <i class="fas fa-times items-center ml-auto rounded-md px-3 py-2" aria-hidden="true"></i>
+                    </button>
+
+                  </div>
+                  <div class="accordion-content space-y-4">
+
+                    <!-- OnecaLink Content  -->
+                    <div>
+                      <ul class="<?php
+                                  if (count($onecaLink['content']) > 1) {
+                                    echo (count($onecaLink['content']) > 1) ? 'list-disc' : '';
+                                  } ?>">
+                        <?php
+                        foreach ($onecaLink['content'] as $info) { ?>
+                          <li class="mb-2 font-medium underline">
+                            <?php echo $info ?>
+                          </li>
+                        <?php } ?>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+
+
+              <?php } ?>
+
+            </ul>
+          </div>
+
+        </div>
+      </div>
+
+    </div>
+
+  </div>
+
+
+</article>

templates/internal/personal-goals.php

@@ -2,11 +2,11 @@
 
   <div class="flex flex-col bg-white">
 
-    <div class="py-8 px-4"">
+    <div class="py-4 px-4"">
       <p class=" max-w-7xl italic font-medium text-red-500 mx-auto">What you want for yourself in life</p>
     </div>
 
-    <div class="py-8 px-4 bg-cadet-500 text-cadet-900">
+    <div class="py-4 px-4 bg-cadet-500 text-cadet-900">
       <div class="max-w-7xl mx-auto">
 
         <div class="px-4">

templates/internal/physical-health.php

@@ -0,0 +1,44 @@
+<article>
+
+  <div>
+
+    <div class="px-4">
+      <h2 class="text-xl text-red-500 mb-2 font-bold">Keep Active!</h2>
+      <p class="font-medium">
+        All colleges and universities will give students access to their fitness centres. The fees are included in your tuition. These often include a gym, an indoor track, and a pool.
+      </p>
+      <p class="text-center italic p-4">Walk to school if you can</p>
+      <p class="text-xl text-red-500 mb-2 font-bold">IF YOU ARE SICK</p>
+    </div>
+
+    <ul class="list-disc bg-cadet-200 px-8 space-y-2 py-4">
+      <li>Go to your on-campus clinic, or a walk-in clinic if you are feeling sick.</li>
+      <li>Have your Student Card, Ontario Health Card and Status Card with you if you have to see a health care provider.</li>
+      <li>Make sure your government ID is up to date and is not expired.</li>
+      <li>Tuition may cover some of your health care needs, such as:
+        <ul>
+          <li>- Dentist</li>
+          <li>- Optometrist</li>
+          <li>- Checkups and vaccines</li>
+          <li>- Prescriptions</li>
+          <li>- Glasses</li>
+          <li>- School fitness center</li>
+          <li>- Specialists</li>
+        </ul>
+      </li>
+      <li>Most colleges and universities have walk-in clinics and counselling centres.</li>
+      <li>If you use cultural medicines, you can approach your Indigenous Student Centre within the college or university. They can help you find these medicines.</li>
+      <li>Once you move into your home or residence, locate the nearest walk-in clinic.</li>
+      <li>For serious or life-threatening emergencies, call 911 or go to the emergency centre at the nearest hospital.</li>
+      <li>The Healthline shows you all walk-in clinics in your region: www.thehealthline.ca/</li>
+      <li>Call Telehealth Ontario if you have questions about your health:
+        <ul>
+          <li>Toll-free: <a class="font-medium underline" href="tel:18667970000">1-866-797-0000</a></li>
+          <li>Toll-free TTY<a class="font-medium underline" href="tel:18667970007">1-866-797-0007</a></li>
+        </ul>
+      </li>
+    </ul>
+
+  </div>
+
+</article>

templates/internal/safety.php

@@ -0,0 +1,137 @@
+<?php
+
+$safetyPrecaution = [
+  [
+    'title' => 'Buddy System',
+    'content' => [
+      'Use the buddy system especially after dark. It can be tempting to go for a run alone or make a quick trip to the library by yourself after dark, but it’s not worth the risk. Never be alone at night or in remote areas.'
+    ]
+  ], [
+    'title' => 'Campus Resources',
+    'content' => [
+      'Use campus security escorts and safe rides.'
+    ]
+  ],
+  [
+    'title' => 'Safety Training',
+    'content' => [
+      'Take advantage of safety training. Many campuses offer self-defence classes, or you can sign up for one at a local recreation centre.'
+    ]
+  ],
+  [
+    'title' => 'Contact Information',
+    'content' => [
+      'Exchange family contact information with your roommate(s). It’s a good idea for parents to have the roommate’s phone number, too, so everyone can connect during an emergency.'
+    ]
+  ],
+  [
+    'title' => 'Alcohol Moderation',
+    'content' => [
+      'Alcohol can make almost any situation more dangerous. Students who drink excessively are at higher risk of being involved in car accidents, hazing and sexual assault. Don’t drink or use before you drive or get into the car with someone you suspect might be under the influence.'
+    ]
+  ]
+];
+
+?>
+
+<article>
+
+  <div class="py-2 px-6">
+    <p class="font-bold text-red-500 mb-4">You are responsible for your own safety.</p>
+  </div>
+
+  <!-- Safety Tips -->
+  <div class="flex flex-col bg-white">
+
+    <div class="py-2 bg-green-600 px-6">
+      <p class="font-bold text-white">Here are some ways to keep yourself safe:</p>
+    </div>
+
+    <!-- Tips 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 ($safetyPrecaution as $precaution) {
+
+            ?>
+
+              <li class="accordion precautions-columns">
+                <div class="flex px-2 rounded-md justify-between">
+                  <div href="" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
+                    <p><?php echo $precaution['title'] ?></p>
+                  </div>
+
+                  <button class="accordion-toggle">
+                    <i class="fas fa-chevron-down items-center ml-auto rounded-m px-2.5 py-2 " aria-hidden="true"></i>
+                    <i class="fas fa-times items-center ml-auto rounded-md px-3 py-2" aria-hidden="true"></i>
+                  </button>
+
+                </div>
+                <div class="accordion-content space-y-4">
+
+                  <!-- Precaution Content  -->
+                  <div>
+                    <ul class="<?php
+                                if (count($precaution['content']) > 1) {
+                                  echo (count($precaution['content']) > 1) ? 'list-disc' : '';
+                                } ?>">
+                      <?php
+                      foreach ($precaution['content'] as $info) { ?>
+                        <li class="mb-2">
+                          <?php echo $info ?>
+                        </li>
+                      <?php } ?>
+                    </ul>
+                  </div>
+                </div>
+              </li>
+
+
+            <?php } ?>
+
+          </ul>
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+
+  <ul class="py-2 px-6 space-y-4 w-full bg-cadet-100 shadow-md">
+
+    <li>
+      <p class="mt-4">
+        If you are involved with the police, know your rights and your responsibilities.
+      </p>
+      <p class="mt-4">
+        For information about your legal rights, Nishnawbe Aski Legal Services (NALS) has information that can help you. <br> <a class="font-medium underline" href="https://nanlegal.on.ca/public-legal-education/">Public Legal Education</a>
+      </p>
+    </li>
+
+    <div class="h-1 my-2 bg-blue-500"></div>
+
+    <li>
+      <p class="mt-4">
+        If you are a victim of sexual harassment, get help.
+      </p>
+
+      <ul class="list-disc list-inside space-y-2">
+        <li>Let someone know right away – police, campus security, a friend.</li>
+        <li>
+          The link below has information about sexual harassment and what you can do if you are a victim. <br> <a class="font-medium underline" href="https://www.ontario.ca/page/sexual-violence">Let's Stop Sexual Harassment and Violence.</a>
+        </li>
+        <li>If you are a victim of sexual assault, call 911 right away.</li>
+      </ul>
+    </li>
+
+
+  </ul>
+
+
+</article>

templates/internal/sexual-health.php

@@ -0,0 +1,33 @@
+<article>
+
+  <div class="py-2 px-6">
+    <p class="font-bold text-red-500 mb-4">Healthy relationships, behaviours and attitudes,</p>
+  </div>
+
+  <div class="bg-white">
+    <div class="px-6">
+      <p class="">
+        From healthy relationships to healthy behaviours and attitudes, understanding your sexual health is an important part of your overall well-being. It isn’t just about preventing sexually transmitted infections. It’s about being aware of your body, and your overall health. It’s also about making the right decisions and having respect for others.
+      </p>
+    </div>
+  </div>
+
+  <div class="mt-8 px-4 space-y-4 py-4 w-full text-white bg-cadet-900 shadow-md">
+    <p class="italic font-medium">Confidential counselling and medical services are available at the on-campus clinic. If they cannot provide the help you need, they can refer you to community specialists or clinics.
+    </p>
+    <p><a class="font-medium underline" href="https://sexualhealthontario.ca/en/home">Sexual Health Ontario</a></p>
+  </div>
+
+  <div class="p-4 space-y-4">
+    <p class="">The <a class="font-medium underline" href="https://www.nativeyouthsexualhealth.com">Native Youth Sexual Health</a> Network has information about different areas of sexual health and well-being.
+    </p>
+  </div>
+
+  <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">
+    </div>
+  </div>
+
+
+</article>

templates/internal/stay-in-touch.php

@@ -0,0 +1,33 @@
+<article>
+
+  <div class="bg-white">
+    <h2 class="text-xl p-4 text-red-500 font-bold">Remember your friends and family</h2>
+    <div class="px-4">
+      <p class="font-medium">
+        Remember, family and friends are only a phone call – or Snapchat – away.
+      </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">
+      </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>
+        <li>Do things with your friends
+          <ul class="list-none space-y-1 mt-2">
+            <li>- Go for coffee or for a walk.</li>
+            <li>- Shop together for groceries. (Buying
+              larger quantities and splitting things up when you get back home can save you money).</li>
+            <li>- Schedule times to study together,
+              either at school or at home.</li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </div>
+
+
+  <div class="px-4 mx-auto">
+    <img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/student-staying-connected.png" alt="Public Transit">
+  </div>
+
+</article>

templates/internal/strategies-for-success.php

@@ -185,7 +185,7 @@ $strategiesForSuccess = [
                       <h3 class="italic mb-2 font-medium"><?= $strategy['subtitle'] ?></h3>
                     <?php endif; ?>
 
-                    <ul class="list-disc space-y-2">
+                    <ul class="list-disc list-inside space-y-2">
 
                       <?php foreach ($strategy['content'] as $content) { ?>
                         <li>

templates/internal/students-with-children.php

@@ -15,7 +15,7 @@
 
     </div>
 
-    <div class="py-4 px-6">
+    <div class="py-4 bg-cadet-200 px-6">
 
       <p class="font-bold text-red-500">CHILDREN:</p>
 
@@ -62,10 +62,13 @@
       <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">I don’t go to university for just myself. I go to university to inspire that a mother can persevere. I go to university to educate myself and bring it back to my people. I go to university to set an example that I am an educated, civilized, strong Indigenous woman and we exist.”</p>
-        <img class="inline h-60 aspect-video object-cover object-center mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/student-with-two-children.png" alt="Student With Children">
-
-        <p class="mt-4 mb-2 font-medium">Skye Fiddler, Sandy Lake First Nation</p>
-        <p>Graduated 2019 with Bachelor of Arts, Lakehead University</p>
+        <div class="flex items-center space-x-4">
+          <img class="inline mt-4 h-64 lg:h-96" src="<?= get_template_directory_uri() ?>/assets/images/people/student-with-two-children.png" alt="Student With Children">
+          <div>
+            <p class="mt-4 mb-2 font-medium">Skye Fiddler, Sandy Lake First Nation</p>
+            <p>Graduated 2019 with Bachelor of Arts, Lakehead University</p>
+          </div>
+        </div>
       </div>
     </div>
 

templates/internal/support-and-accommodations.php

@@ -45,7 +45,7 @@
             <li>Academic advisor</li>
             <li>Mentor / Tutor</li>
             <li>Health Services</li>
-            <li>FAmily Doctor</li>
+            <li>Family Doctor</li>
             <li>Your family and friends</li>
           </ul>
 

templates/internal/understanding-your-treaties.php

@@ -0,0 +1,57 @@
+<article>
+
+  <div class="flex flex-col bg-white">
+
+    <div class="py-4 px-6">
+
+      <p class="font-bold text-red-500">Nishnawbe Aski Nation (known as Grand Council Treaty No. 9 until 1983) was established in 1973.</p>
+
+      <p class="mt-4 font-medium">
+        It represents the legitimate, socioeconomic, and political aspirations of its First Nation members of Northern Ontario to all levels of government in order to allow local self-determination while establishing spiritual, cultural, social, and economic independence.
+      </p>
+
+      <p class="mt-4">
+        In 1977, Grand Council Treaty No. 9 made a public declaration of the rights and
+        principles of Nishnawbe Aski.
+      </p>
+
+    </div>
+
+    <div class="py-4 px-4">
+      <p class="font-bold text-red-500 mb-4 px-2">NAN’s objectives are:</p>
+
+      <div>
+
+        <div class="p-4 space-y-4 w-full bg-cadet-100 shadow-md">
+
+          <ul class="list-disc list-inside space-y-2 py-2">
+            <li>Implementing advocacy and policy directives from NAN Chiefs-in-Assembly.</li>
+            <li>Advocating to improve the quality of life for the people in areas of education, lands and resources, health, governance, and justice.</li>
+            <li>Improving the awareness and sustainability of traditions, culture, and language of the people through unity and nationhood.</li>
+            <li>Developing and implementing policies which reflect the aspirations and betterment of the people</li>
+            <li>Developing strong partnerships with other organizations</li>
+          </ul>
+
+        </div>
+
+      </div>
+    </div>
+
+    <div class="py-8 px-6 bg-cadet-500 text-cadet-900 space-y-4">
+      <div class="max-w-7xl mx-auto lg:flex flex-col items-center">
+        <p>NAN is a political territorial organization representing 49 First Nation communities within northern Ontario with the total population of membership (on and off reserve) estimated around 45,000 These communities are grouped by Tribal Council (Windigo First Nations Council, Wabun Tribal Shibogama First Nations Council, Mushkegowuk Council, Matawa First Nations, Keewaytinook Okimakanak, Independent First Nations Alliance) according to region. Six of the 49 communities are not affiliated a specific Tribal Council.</p>
+      </div>
+    </div>
+
+
+    <div class="py-4 px-6 space-y-4 w-full text-white bg-cadet-900 shadow-md">
+      <p>NAN encompasses James Bay Treaty No. 9 and Ontario’s portion of Treaty No. 5, and has a total land-mass covering two-thirds of the province of Ontario spanning 210,000 square miles. The traditionally speak four languages: OjiCree in the west, Ojibway in the central-south area, and Cree Algonquin in the east.</p>
+    </div>
+
+    <div class="py-4 px-6">
+      <p>NAN continues to work to improve the quality of life for the Nishnawbe Aski territory. Through existing partnerships and agreements with Treaty partners (governments of Canada and Ontario), continues to advocate on behalf of the communities it represents for self-determination functioning self-government.</p>
+    </div>
+
+  </div>
+
+</article>

templates/partials/page_header.php

@@ -21,7 +21,7 @@ if ($page->post_parent !== 0) {
   <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:px-0 lg:text-4xl my-4"><?php echo $pageTitle ?></h1>
+<!-- 
+<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'); ?>