current progress

templates/internal/career-goals.php

@@ -0,0 +1,41 @@
+<article>
+
+  <div class="flex flex-col bg-white">
+
+    <div class="font-mono py-8 px-12">
+      <p class="max-w-7xl mx-auto">What you want for yourself in life</p>
+    </div>
+
+    <div class="py-8 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>
+            </li>
+            <li>
+              <p>How important is family in your life? How will you stay connected?</p>
+            </li>
+            <li>
+              <p>Do you want to travel?</p>
+            </li>
+            <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 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>
+
+</article>

templates/internal/educational-goals.php

@@ -0,0 +1,21 @@
+<article>
+
+  <div class="flex flex-col bg-white">
+
+    <div class="font-mono py-8 px-12">
+      <p class="max-w-7xl 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">
+      <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>
+        <li>Sometimes students have a dream about a program but when they get there it is not what they expected. This is normal and you can change programs.</li>
+        <li>Research what you will need in your chosen career. Be sure your final diploma or degree will get you the job you want.</li>
+        <li>Most programs have admission requirements. That means there are certain courses and marks that you require to get into programs. Be sure you have all the courses you need by the end of Grade 12.</li>
+      </ul>
+    </div>
+
+  </div>
+
+</article>

templates/internal/financial-goals.php

@@ -0,0 +1,20 @@
+<article>
+
+  <div class="flex flex-col bg-white">
+
+    <div class="font-mono py-8 px-12">
+      <p class="max-w-7xl mx-auto">Will help you achieve your other goals</p>
+    </div>
+
+    <div class="italic py-8 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>
+
+</article>

templates/internal/personal-goals.php

@@ -0,0 +1,40 @@
+<article>
+
+  <div class="flex flex-col bg-white">
+
+    <div class="font-mono py-8 px-12">
+      <p class="max-w-7xl 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="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>
+            <li>
+              <p>How important is family in your life? How will you stay connected?</p>
+            </li>
+            <li>
+              <p>Do you want to travel?</p>
+            </li>
+            <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">
+          <p class="italic font-medium">Be honest with yourself. The career and education you choose should guide you to achieve your personal goals.</p>
+        </div>
+
+      </div>
+
+    </div>
+
+  </div>
+
+</article>

templates/partials/page_header.php

@@ -0,0 +1,28 @@
+<!-- Page Header -->
+<?php 
+$current_slug = get_post_field('post_name', get_post());
+
+$pages = get_pages_as_array();
+$page = getPageForSlug($pages, $current_slug);
+$pageID = $page->ID;
+$pageTitle = $page->post_title;
+$pageSlug = $page->post_name;
+
+if ($page->post_parent !== 0) {
+  $parent_page = $pages[$page->post_parent]['page'];
+  $pageBG = $parent_page->post_name . '.png';
+} else {
+  $pageBG = $page->post_name . '.png';
+}
+
+?>
+<!-- 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">
+</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>
+
+<?php get_template_part('/templates/partials/quick_links'); ?>

templates/partials/quick_links.php

@@ -0,0 +1,36 @@
+<!-- Quick Links Section -->
+<?php
+
+$current_slug = get_post_field('post_name', get_post());
+$pages = get_pages_as_array();
+$subpages = getSubpagesForSlug($pages, $current_slug);
+
+if (count($subpages) > 0) { ?>
+
+  <!-- Quick Links -->
+  <div class="px-2">
+    <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">
+        <div class="flex px-2 rounded-md justify-between">
+          <div class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
+            <p>Quick Links</p>
+          </div>
+          <button class="accordion-toggle">
+            <i class="fas fa-chevron-down items-center ml-auto rounded-md bg-gray-900 px-2.5 py-2 text-white ring-1 ring-inset ring-gray-700" aria-hidden="true"></i>
+            <i class="fas fa-times items-center ml-auto rounded-md bg-gray-900 px-3 py-2 text-white ring-1 ring-inset ring-gray-700" aria-hidden="true"></i>
+          </button>
+        </div>
+        <ul class="accordion-content space-y-2">
+          <?php
+          foreach ($subpages as $subpage) { ?>
+            <li class="p-2">
+              <a href="<?php echo get_site_url() . '/' . $pages[$subpage->post_parent]['page']->post_name . '/' . $subpage->post_name ?>" class="flex space-x-2 items-center"><i class="bi-caret-right-fill"></i>
+                <p><?php echo $subpage->post_title ?></p>
+              </a>
+            </li>
+          <?php } ?>
+        </ul>
+      </li>
+    </ul>
+  </div>
+<?php }

templates/partials/subcategory_accordions.php

@@ -0,0 +1,47 @@
+<!-- Quick Links Section -->
+<?php
+
+require(get_theme_file_path('/includes/front-end/menu_data.php'));
+
+$current_slug = get_post_field('post_name', get_post());
+$subcategories = getSubcategoriesBySlug($menuData, $current_slug);
+
+
+if (count($subcategories) > 0) { ?>
+
+  <?php
+  foreach ($subcategories as $subcategory) {
+
+    $content = $subcategory['description'] ?? $subcategory['title']
+
+  ?>
+
+
+    <div class="px-2">
+      <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">
+          <div class="flex px-2 rounded-md justify-between">
+            <div class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
+              <p><?php echo $subcategory['title']; ?></p>
+            </div>
+            <button class="accordion-toggle">
+              <i class="fas fa-chevron-down items-center ml-auto rounded-md bg-gray-900 px-2.5 py-2 text-white ring-1 ring-inset ring-gray-700" aria-hidden="true"></i>
+              <i class="fas fa-times items-center ml-auto rounded-md bg-gray-900 px-3 py-2 text-white ring-1 ring-inset ring-gray-700" aria-hidden="true"></i>
+            </button>
+          </div>
+          <ul class="accordion-content space-y-2">
+
+
+            <li class="p-2">
+              <a href="<?php echo get_site_url() . '/' . $current_slug . '/' . $subcategory['slug'] ?>" class="flex space-x-2 items-center"><i class="bi-caret-right-fill"></i>
+                <p><?php echo $content ?></p>
+              </a>
+            </li>
+
+          </ul>
+        </li>
+      </ul>
+    </div>
+
+<?php }
+}

templates/partials/subcategory_cards.php

@@ -0,0 +1,38 @@
+<!-- Quick Links Section -->
+<?php
+
+$current_slug = get_post_field('post_name', get_post());
+$pages = get_pages_as_array();
+$subpages = getSubpagesForSlug($pages, $current_slug);
+
+
+if (count($subpages) > 0) { ?>
+
+  <!-- Sub Level Pages Section -->
+  <div class="p-4 lg:h-full">
+    <ul class="grid grid-cols-1 lg:grid-cols-2 gap-2 lg:h-full place-items-stretch">
+      <?php
+      foreach ($subpages as $subpage) {
+
+        $pageID = $subpage->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 $subpage->post_name ?>.png');">
+          <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 get_site_url() . '/' . $pages[$subpage->post_parent]['page']->post_name . '/' . $subpage->post_name ?>">
+
+
+            <h2 class="font-bold uppercase"><?php echo $subpage->post_title ?></h2>
+            
+            <?php if (get_field('description', $pageID) != '') { ?>
+              <p class="lg:text-center"><?php echo get_field('description', $pageID); ?></p>
+            <?php } ?>
+          </a>
+
+        </li>
+
+      <?php } ?>
+    </ul>
+  </div>
+
+<?php }

templates/top-level/preparing-for-college-and-university.php

@@ -0,0 +1,24 @@
+<article>
+
+  <div class="flex flex-col bg-white">
+
+    <div class="font-mono py-8 px-12 text-white bg-prep-for-col-uni">
+      <p class="max-w-7xl mx-auto">Take some time to look at what you want for your
+        future. Talk to your family, friends, teachers and
+        other people who will listen to help you decide
+        where you want to go.</p>
+    </div>
+
+    <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">Set goals and work hard. This is an
+          opportunity to explore your future!”</p>
+        <p class="mt-4 mb-2 font-medium">Daeshawn Sutherland, Constance Lake First Nation</p>
+        <p>Industrial Millwright Program, Northern College</p>
+      </div>
+    </div>
+
+  </div>
+
+</article>