WordPress_Themes/NAN_Student_Handbook
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feedback implemented

Browse Source
This commit is contained in:
Prospect
2024-02-21 14:46:21 -05:00
parent 0d3674d31e
commit 04313d7198
81 changed files with 15570 additions and 14689 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
.gitignore vendored
View File

@@ -1,5 +1,5 @@
/src
/node_modules
/config/db.php
.env
/src
/node_modules
/config/db.php
.env
.vscode

126
404.php
View File

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

21140
assets/css/font-awesome.css vendored
View File

File diff suppressed because it is too large Load Diff

153
assets/css/styles.css
View File

@@ -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;

509
assets/images/resources/ChatGPT.html Normal file
View File

File diff suppressed because one or more lines are too long

3
assets/images/resources/ChatGPT_files/141e63fd73f26239.css Normal file
View File

File diff suppressed because one or more lines are too long

2
assets/images/resources/ChatGPT_files/[[...default]]-6395e1f389afa57e.js.download Normal file
View File

@@ -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

93
assets/images/resources/ChatGPT_files/_app-9ead1453f19e792d.js.download Normal file
View File

File diff suppressed because one or more lines are too long

1
assets/images/resources/ChatGPT_files/_buildManifest.js.download Normal file
View File

@@ -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();

1
assets/images/resources/ChatGPT_files/_ssgManifest.js.download Normal file
View File

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

1
assets/images/resources/ChatGPT_files/api(1).js.download Normal file
View File

File diff suppressed because one or more lines are too long

1
assets/images/resources/ChatGPT_files/api.js.download Normal file
View File

File diff suppressed because one or more lines are too long

1
assets/images/resources/ChatGPT_files/dgkjq2bp Normal file
View File

File diff suppressed because one or more lines are too long

BIN
assets/images/resources/ChatGPT_files/f3176ea64b23341f29cfd81282588e36 Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 784 B

34
assets/images/resources/ChatGPT_files/framework-31ffa51d236da229.js.download Normal file
View File

File diff suppressed because one or more lines are too long

2
assets/images/resources/ChatGPT_files/main-6da2aad3a6c32aae.js.download Normal file
View File

File diff suppressed because one or more lines are too long

1
assets/images/resources/ChatGPT_files/polyfills-c67a75d1b6f99dc8.js.download Normal file
View File

File diff suppressed because one or more lines are too long

28
assets/images/resources/ChatGPT_files/saved_resource.html Normal file
View File

@@ -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>

2
assets/images/resources/ChatGPT_files/webpack-9769dc8f797ce987.js.download Normal file
View File

File diff suppressed because one or more lines are too long

BIN
assets/images/resources/nan-map-full.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 656 KiB

BIN
assets/images/resources/sample-budget.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

BIN
assets/images/resources/sample-contacts.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
assets/images/resources/sample-timetable.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 81 KiB

80
assets/js/index.js
View File

@@ -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_HammerGestures__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modules/HammerGestures */ "./src/modules/HammerGestures.js");
/* harmony import */ var _modules_ImageModal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modules/ImageModal */ "./src/modules/ImageModal.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 hammerGestures = new _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_5__["default"]();
const imageModal = new _modules_ImageModal__WEBPACK_IMPORTED_MODULE_4__["default"]();
const pageTransitions = new _modules_PageTransitions__WEBPACK_IMPORTED_MODULE_5__["default"]();
const hammerGestures = new _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_6__["default"]();
})();
/******/ })()

2
assets/js/index.js.map
View File

File diff suppressed because one or more lines are too long

8
footer.php
View File

@@ -1,5 +1,5 @@
</main>
<?php wp_footer() ?>
</body>
</main>
<?php wp_footer() ?>
</body>
</html>

33
front-page.php
View File

@@ -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>

98
functions.php
View File

@@ -1,49 +1,49 @@
<?php
// <----- Variables ----->
// <----- Includes ----->
include(get_theme_file_path('/includes/front-end/theme_starter_setup.php'));
include(get_theme_file_path('/includes/front-end/styles_and_scripts.php'));
// include(get_theme_file_path('/includes/back-end/template_content_update.php'));
include(get_theme_file_path('/includes/back-end/editor_styles_and_scripts.php'));
include(get_theme_file_path('/includes/back-end/query_adjustments.php'));
include(get_theme_file_path('/includes/front-end/technical_seo.php'));
include(get_theme_file_path('/includes/front-end/registration_form_message.php'));
include(get_theme_file_path('/includes/front-end/custom_login_screen.php'));
// include(get_theme_file_path('/'));
// <----- Hooks ----->
// Theme Starter Features
add_action('after_setup_theme', 'themeStarter_setup');
// Theme Starter Init
add_action('init', 'themeStarter_init');
// Enqueue front-end styles and script
add_action('wp_enqueue_scripts', 'themeStarter_enqueue');
// Enqueue back-end/editor styles and script
add_action('after_setup_theme', 'themeStarter_editor_enqueue');
// Hook the function to run when you visit the WordPress admin area
// add_action('admin_init', 'update_page_content_from_file');
// Adjust Queries
add_action('pre_get_posts', 'themeStarter_adjust_queries');
// Add Facebook Open Graph and Twitter Card to Head
add_action('wp_head', 'open_graph_twitter_card', 2);
// Change Registration Message
add_action('login_message', 'change_reg_message');
// Customize Login Screen Title
add_filter('login_headertitle', 'ourLoginTitle');
// Change Login Page header url
add_filter('login_headerurl', 'ourHeaderUrl');
// Enqueue out stylesheet for login screen
add_action('login_enqueue_scripts', 'ourLoginCSS');
<?php
// <----- Variables ----->
// <----- Includes ----->
include(get_theme_file_path('/includes/front-end/theme_starter_setup.php'));
include(get_theme_file_path('/includes/front-end/styles_and_scripts.php'));
// include(get_theme_file_path('/includes/back-end/template_content_update.php'));
include(get_theme_file_path('/includes/back-end/editor_styles_and_scripts.php'));
include(get_theme_file_path('/includes/back-end/query_adjustments.php'));
include(get_theme_file_path('/includes/front-end/technical_seo.php'));
include(get_theme_file_path('/includes/front-end/registration_form_message.php'));
include(get_theme_file_path('/includes/front-end/custom_login_screen.php'));
// include(get_theme_file_path('/'));
// <----- Hooks ----->
// Theme Starter Features
add_action('after_setup_theme', 'themeStarter_setup');
// Theme Starter Init
add_action('init', 'themeStarter_init');
// Enqueue front-end styles and script
add_action('wp_enqueue_scripts', 'themeStarter_enqueue');
// Enqueue back-end/editor styles and script
add_action('after_setup_theme', 'themeStarter_editor_enqueue');
// Hook the function to run when you visit the WordPress admin area
// add_action('admin_init', 'update_page_content_from_file');
// Adjust Queries
add_action('pre_get_posts', 'themeStarter_adjust_queries');
// Add Facebook Open Graph and Twitter Card to Head
add_action('wp_head', 'open_graph_twitter_card', 2);
// Change Registration Message
add_action('login_message', 'change_reg_message');
// Customize Login Screen Title
add_filter('login_headertitle', 'ourLoginTitle');
// Change Login Page header url
add_filter('login_headerurl', 'ourHeaderUrl');
// Enqueue out stylesheet for login screen
add_action('login_enqueue_scripts', 'ourLoginCSS');

24
includes/back-end/editor_styles_and_scripts.php
View File

@@ -1,12 +1,12 @@
<?php
function themeStarter_editor_enqueue()
{
add_theme_support('editor-styles');
add_editor_style([
'assets/css/styles.css',
'assets/css/bootstrap-icons.css',
'assets/css/font-awesome.css'
]);
}
<?php
function themeStarter_editor_enqueue()
{
add_theme_support('editor-styles');
add_editor_style([
'assets/css/styles.css',
'assets/css/bootstrap-icons.css',
'assets/css/font-awesome.css'
]);
}

128
includes/back-end/helper_functions.php
View File

@@ -1,64 +1,64 @@
<?php
// Get List of Sub Categories for Slug
function getSubpagesForSlug($arrayOfWPPages, $slug)
{
foreach ($arrayOfWPPages as $page) {
if ($page['page']->post_name === $slug) {
return $page['subpages'];
}
}
// Return an empty array if the slug is not found
return [];
}
// Return WordPress Page For A Slug
function getPageForSlug($arrayOfWPPages, $slug)
{
foreach ($arrayOfWPPages as $page) {
if ($page['page']->post_name === $slug) {
return $page['page'];
}
foreach ($page['subpages'] as $index => $subpage) {
if ($subpage->post_name === $slug) {
return $page['subpages'][$index];
}
}
}
// Return an empty array if the slug is not found
return [];
}
function ddd($variable)
{
echo '<pre>';
var_dump($variable);
echo '<pre>';
}
// Get An Array of Top Level Pages and their Subpages
function get_pages_as_array()
{
$pages = get_pages();
$page_hierarchy = array();
foreach ($pages as $page) {
$parent_id = $page->post_parent;
// If it's a top-level page
if ($parent_id == 0) {
$page_hierarchy[$page->ID] = array(
'page' => $page,
'subpages' => array()
);
} else {
// If it's a child page, add it under its parent
$page_hierarchy[$parent_id]['subpages'][] = $page;
}
}
return $page_hierarchy;
}
<?php
// Get List of Sub Categories for Slug
function getSubpagesForSlug($arrayOfWPPages, $slug)
{
foreach ($arrayOfWPPages as $page) {
if ($page['page']->post_name === $slug) {
return $page['subpages'];
}
}
// Return an empty array if the slug is not found
return [];
}
// Return WordPress Page For A Slug
function getPageForSlug($arrayOfWPPages, $slug)
{
foreach ($arrayOfWPPages as $page) {
if ($page['page']->post_name === $slug) {
return $page['page'];
}
foreach ($page['subpages'] as $index => $subpage) {
if ($subpage->post_name === $slug) {
return $page['subpages'][$index];
}
}
}
// Return an empty array if the slug is not found
return [];
}
function ddd($variable)
{
echo '<pre>';
var_dump($variable);
echo '<pre>';
}
// Get An Array of Top Level Pages and their Subpages
function get_pages_as_array()
{
$pages = get_pages();
$page_hierarchy = array();
foreach ($pages as $page) {
$parent_id = $page->post_parent;
// If it's a top-level page
if ($parent_id == 0) {
$page_hierarchy[$page->ID] = array(
'page' => $page,
'subpages' => array()
);
} else {
// If it's a child page, add it under its parent
$page_hierarchy[$parent_id]['subpages'][] = $page;
}
}
return $page_hierarchy;
}

22
includes/back-end/query_adjustments.php
View File

@@ -1,11 +1,11 @@
<?php
function themeStarter_adjust_queries($query)
{
// Search Archive Query Adjustment
if ($query->is_search()) {
$query->set('posts_per_page', '-1');
$query->set('order', 'ASC');
}
}
<?php
function themeStarter_adjust_queries($query)
{
// Search Page Query Adjustment
if ($query->is_search()) {
$query->set('posts_per_page', '-1');
$query->set('order', 'ASC');
}
}

108
includes/back-end/template_content_update.php
View File

@@ -1,54 +1,54 @@
<?php
// function update_page_content_from_file()
// {
// // Get all pages
// $pages = get_pages();
// foreach ($pages as $page) {
// $slug = $page->post_name;
// $file_path = get_template_directory() . '/templates/internal/' . $slug . '.php';
// // Check if the file exists
// if (file_exists($file_path)) {
// // Read the content from the file
// $file_content = file_get_contents($file_path);
// // Update the page content
// wp_update_post(array(
// 'ID' => $page->ID,
// 'post_content' => $file_content,
// ));
// }
// }
// }
function update_page_content_from_file()
{
// Get all pages
$pages = get_pages();
foreach ($pages as $page) {
$slug = $page->post_name;
$file_path = get_template_directory() . '/templates/internal/' . $slug . '.php';
// Check if the file exists
if (file_exists($file_path)) {
// Start output buffering to capture PHP output
ob_start();
// Include the file to execute its PHP code
include($file_path);
// Get the output and clean the output buffer
$file_content = ob_get_clean();
// Update the page content
wp_update_post(array(
'ID' => $page->ID,
'post_content' => $file_content,
));
}
}
}
<?php
// function update_page_content_from_file()
// {
// // Get all pages
// $pages = get_pages();
// foreach ($pages as $page) {
// $slug = $page->post_name;
// $file_path = get_template_directory() . '/templates/internal/' . $slug . '.php';
// // Check if the file exists
// if (file_exists($file_path)) {
// // Read the content from the file
// $file_content = file_get_contents($file_path);
// // Update the page content
// wp_update_post(array(
// 'ID' => $page->ID,
// 'post_content' => $file_content,
// ));
// }
// }
// }
function update_page_content_from_file()
{
// Get all pages
$pages = get_pages();
foreach ($pages as $page) {
$slug = $page->post_name;
$file_path = get_template_directory() . '/templates/internal/' . $slug . '.php';
// Check if the file exists
if (file_exists($file_path)) {
// Start output buffering to capture PHP output
ob_start();
// Include the file to execute its PHP code
include($file_path);
// Get the output and clean the output buffer
$file_content = ob_get_clean();
// Update the page content
wp_update_post(array(
'ID' => $page->ID,
'post_content' => $file_content,
));
}
}
}

38
includes/front-end/custom_login_screen.php
View File

@@ -1,19 +1,19 @@
<?php
// Change Login Page header url
function ourHeaderUrl()
{
return esc_url(site_url('/'));
}
// Make login title the name of our website
function ourLoginTitle()
{
return get_bloginfo('name');
}
// Enqueue out stylesheet for login screen
function ourLoginCSS()
{
wp_enqueue_style('login styles', get_theme_file_uri('/assets/css/styles.css'));
}
<?php
// Change Login Page header url
function ourHeaderUrl()
{
return esc_url(site_url('/'));
}
// Make login title the name of our website
function ourLoginTitle()
{
return get_bloginfo('name');
}
// Enqueue out stylesheet for login screen
function ourLoginCSS()
{
wp_enqueue_style('login styles', get_theme_file_uri('/assets/css/styles.css'));
}

206
includes/front-end/menu_data.php
View File

@@ -1,103 +1,103 @@
<?php
$menuData = [
// Daily Living and Housing
[
'slug' => 'daily-living-and-housing',
'title' => 'Daily Living and Housing',
'description' => 'Tips for independent living, housing options, and creating a comfortable daily routine.',
'subcategories' => [
['title' => 'Before Signing The Lease', 'slug' => 'before-signing-the-lease', 'description' => ''],
['title' => 'Finding A Place To Stay', 'slug' => 'finding-a-place-to-stay', 'description' => ''],
['title' => 'First Time Renting FAQs', 'slug' => 'first-time-renting-faqs', 'description' => ''],
['title' => 'House vs. Apartment', 'slug' => 'house-vs-apartment', 'description' => ''],
['title' => 'Off Campus Housing', 'slug' => 'off-campus-housing', 'description' => ''],
['title' => 'Students With Children', 'slug' => 'students-with-children', 'description' => ''],
['title' => 'Transportation', 'slug' => 'transportation', 'description' => ''],
],
'bootstrap_icon' => 'bi-building',
],
// Goals and Objectives
[
'slug' => 'goals-and-objectives',
'title' => 'Goals and Objectives',
'description' => 'Clarify aspirations, set achievable targets, and foster personal growth.',
'subcategories' => [
['title' => 'Career Goals', 'slug' => 'career-goals', 'description' => 'What kind of work you would like to do'],
['title' => 'Educational Goals', 'slug' => 'educational-goals', 'description' => 'To get the career and life you want'],
['title' => 'Financial Goals', 'slug' => 'financial-goals', 'description' => 'Will help you achieve your other goals'],
['title' => 'Personal Goals', 'slug' => 'personal-goals', 'description' => 'What you want for yourself in life'],
],
'bootstrap_icon' => 'bi-bullseye',
],
// Managing Your Finances
[
'slug' => 'managing-your-finances',
'title' => 'Managing Your Finances',
'description' => 'Master budgeting, savings, and financial literacy for a secure financial future.',
'subcategories' => [
['title' => 'Band Funding', 'slug' => 'band-funding', 'description' => ''],
['title' => 'Budgeting Your Money', 'slug' => 'budgeting-your-money', 'description' => ''],
['title' => 'Financial Awards For Students With Special Needs', 'slug' => 'special-needs-financial-awards', 'description' => ''],
['title' => 'Grants, Bursaries and Loans', 'slug' => 'grants-bursaries-and-loans', 'description' => ''],
['title' => 'Income Tax', 'slug' => 'income-tax', 'description' => ''],
['title' => 'Tips To Increase Income', 'slug' => 'tips-to-increase-income', 'description' => ''],
['title' => 'Tips To Reduce Expenses', 'slug' => 'tips-to-reduce-expenses', 'description' => ''],
],
'bootstrap_icon' => 'bi-cash-coin',
],
// Mental Health and Wellness
[
'slug' => 'mental-health-and-wellness',
'title' => 'Mental Health and Wellness',
'description' => 'Prioritize well-being with strategies for mental health, stress management, and resilience.',
'subcategories' => [
['title' => 'Gender Identity and Sexual Orientation', 'slug' => 'gender-identity-and-sexual-orientation', 'description' => ''],
['title' => 'Living In Balance', 'slug' => 'living-in-balance', 'description' => ''],
['title' => 'Making Healthy Choices', 'slug' => 'making-healthy-choices', 'description' => ''],
['title' => 'Managing Stress', 'slug' => 'managing-stress', 'description' => ''
],
['title' => 'Physical Health', 'slug' => 'physical-health', 'description' => ''
],
['title' => 'Safety', 'slug' => 'safety', 'description' => ''],
['title' => 'Sexual Health', 'slug' => 'sexual-health', 'description' => ''],
['title' => 'Stay in Touch', 'slug' => 'stay-in-touch', 'description' => ''],
],
'bootstrap_icon' => 'bi-heart-pulse-fill',
],
// Preparing for College or University
[
'slug' => 'preparing-for-college-and-university',
'title' => 'Preparing for College and University',
'description' => 'Navigate academia successfully with insights on admissions, majors, and preparation.',
'subcategories' => [
['title' => 'Applying to Post Secondary', 'slug' => 'applying-to-post-secondary', 'description' => ''],
['title' => 'Education Level Differences', 'slug' => 'education-level-differences', 'description' => ''],
['title' => 'Online Learning and Remote Work', 'slug' => 'online-learning-and-remote-work', 'description' => ''],
['title' => 'Strategies For Success', 'slug' => 'strategies-for-success', 'description' => ''],
['title' => 'Support and Accommodations', 'slug' => 'support-and-accommodations', 'description' => ''],
],
'bootstrap_icon' => 'bi-journal-bookmark-fill',
],
// Forms and Additional Information
[
'slug' => 'resources-and-additional-information',
'title' => 'Resources and Additional Information',
'description' => 'Access a wealth of tools, guides, and external links for comprehensive support.',
'subcategories' => [
['title' => 'NAN Map', 'slug' => 'nan-map', 'description' => ''],
['title' => 'NAN Tribe Councils', 'slug' => 'nan-tribe-councils', 'description' => ''],
['title' => 'Ontario Native Education Counseling Associations', 'slug' => 'ontario-native-education-counseling-associations', 'description' => ''],
['title' => 'Resources Samples', 'slug' => 'resources-samples', 'description' => ''],
['title' => 'Understanding Your Treaties', 'slug' => 'understanding-your-treaties', 'description' => ''],
],
'bootstrap_icon' => 'bi-info-circle-fill',
],
];
<?php
$menuData = [
// Daily Living and Housing
[
'slug' => 'daily-living-and-housing',
'title' => 'Daily Living and Housing',
'description' => 'Tips for independent living, housing options, and creating a comfortable daily routine.',
'subcategories' => [
['title' => 'Before Signing The Lease', 'slug' => 'before-signing-the-lease', 'description' => ''],
['title' => 'Finding A Place To Stay', 'slug' => 'finding-a-place-to-stay', 'description' => ''],
['title' => 'First Time Renting FAQs', 'slug' => 'first-time-renting-faqs', 'description' => ''],
['title' => 'House vs. Apartment', 'slug' => 'house-vs-apartment', 'description' => ''],
['title' => 'Off Campus Housing', 'slug' => 'off-campus-housing', 'description' => ''],
['title' => 'Students With Children', 'slug' => 'students-with-children', 'description' => ''],
['title' => 'Transportation', 'slug' => 'transportation', 'description' => ''],
],
'bootstrap_icon' => 'bi-building',
],
// Goals and Objectives
[
'slug' => 'goals-and-objectives',
'title' => 'Goals and Objectives',
'description' => 'Clarify aspirations, set achievable targets, and foster personal growth.',
'subcategories' => [
['title' => 'Career Goals', 'slug' => 'career-goals', 'description' => 'What kind of work you would like to do'],
['title' => 'Educational Goals', 'slug' => 'educational-goals', 'description' => 'To get the career and life you want'],
['title' => 'Financial Goals', 'slug' => 'financial-goals', 'description' => 'Will help you achieve your other goals'],
['title' => 'Personal Goals', 'slug' => 'personal-goals', 'description' => 'What you want for yourself in life'],
],
'bootstrap_icon' => 'bi-bullseye',
],
// Managing Your Finances
[
'slug' => 'managing-your-finances',
'title' => 'Managing Your Finances',
'description' => 'Master budgeting, savings, and financial literacy for a secure financial future.',
'subcategories' => [
['title' => 'Band Funding', 'slug' => 'band-funding', 'description' => ''],
['title' => 'Budgeting Your Money', 'slug' => 'budgeting-your-money', 'description' => ''],
['title' => 'Financial Awards For Students With Special Needs', 'slug' => 'special-needs-financial-awards', 'description' => ''],
['title' => 'Grants, Bursaries and Loans', 'slug' => 'grants-bursaries-and-loans', 'description' => ''],
['title' => 'Income Tax', 'slug' => 'income-tax', 'description' => ''],
['title' => 'Tips To Increase Income', 'slug' => 'tips-to-increase-income', 'description' => ''],
['title' => 'Tips To Reduce Expenses', 'slug' => 'tips-to-reduce-expenses', 'description' => ''],
],
'bootstrap_icon' => 'bi-cash-coin',
],
// Mental Health and Wellness
[
'slug' => 'mental-health-and-wellness',
'title' => 'Mental Health and Wellness',
'description' => 'Prioritize well-being with strategies for mental health, stress management, and resilience.',
'subcategories' => [
['title' => 'Gender Identity and Sexual Orientation', 'slug' => 'gender-identity-and-sexual-orientation', 'description' => ''],
['title' => 'Living In Balance', 'slug' => 'living-in-balance', 'description' => ''],
['title' => 'Making Healthy Choices', 'slug' => 'making-healthy-choices', 'description' => ''],
['title' => 'Managing Stress', 'slug' => 'managing-stress', 'description' => ''
],
['title' => 'Physical Health', 'slug' => 'physical-health', 'description' => ''
],
['title' => 'Safety', 'slug' => 'safety', 'description' => ''],
['title' => 'Sexual Health', 'slug' => 'sexual-health', 'description' => ''],
['title' => 'Stay in Touch', 'slug' => 'stay-in-touch', 'description' => ''],
],
'bootstrap_icon' => 'bi-heart-pulse-fill',
],
// Preparing for College or University
[
'slug' => 'preparing-for-college-and-university',
'title' => 'Preparing for College and University',
'description' => 'Navigate academia successfully with insights on admissions, majors, and preparation.',
'subcategories' => [
['title' => 'Applying to Post Secondary', 'slug' => 'applying-to-post-secondary', 'description' => ''],
['title' => 'Education Level Differences', 'slug' => 'education-level-differences', 'description' => ''],
['title' => 'Online Learning and Remote Work', 'slug' => 'online-learning-and-remote-work', 'description' => ''],
['title' => 'Strategies For Success', 'slug' => 'strategies-for-success', 'description' => ''],
['title' => 'Support and Accommodations', 'slug' => 'support-and-accommodations', 'description' => ''],
],
'bootstrap_icon' => 'bi-journal-bookmark-fill',
],
// Forms and Additional Information
[
'slug' => 'resources-and-additional-information',
'title' => 'Resources and Additional Information',
'description' => 'Access a wealth of tools, guides, and external links for comprehensive support.',
'subcategories' => [
['title' => 'NAN Map', 'slug' => 'nan-map', 'description' => ''],
['title' => 'NAN Tribe Councils', 'slug' => 'nan-tribe-councils', 'description' => ''],
['title' => 'Ontario Native Education Counseling Associations', 'slug' => 'ontario-native-education-counseling-associations', 'description' => ''],
['title' => 'Resources Samples', 'slug' => 'resources-samples', 'description' => ''],
['title' => 'Understanding Your Treaties', 'slug' => 'understanding-your-treaties', 'description' => ''],
],
'bootstrap_icon' => 'bi-info-circle-fill',
],
];

26
includes/front-end/registration_form_message.php
View File

@@ -1,13 +1,13 @@
<?php
// Change Registration Message
function change_reg_message($message)
{
// change messages that contain 'Register'
if (strpos($message, 'Register') !== FALSE) {
$newMessage = "Register with " . get_bloginfo('name');
return '<p class="message register">' . $newMessage . '</p>';
} else {
return $message;
}
}
<?php
// Change Registration Message
function change_reg_message($message)
{
// change messages that contain 'Register'
if (strpos($message, 'Register') !== FALSE) {
$newMessage = "Register with " . get_bloginfo('name');
return '<p class="message register">' . $newMessage . '</p>';
} else {
return $message;
}
}

56
includes/front-end/styles_and_scripts.php
View File

@@ -1,28 +1,28 @@
<?php
// Enqueue styles and scripts
function themeStarter_enqueue()
{
$theme_version = filemtime(get_stylesheet_directory() . '/style.css');
/* Register and Enqueue Scripts */
wp_register_script('themeStarter-app', get_parent_theme_file_uri('/assets/js/index.js'), [], $theme_version, true);
wp_enqueue_script('themeStarter-app');
wp_register_script('hammer-js', 'https://hammerjs.github.io/dist/hammer.js', [], '2.0.8', true);
wp_enqueue_script('hammer-js');
/* Register and Enqueue Styles */
wp_register_style('themeStarter-styles', get_parent_theme_file_uri('/assets/css/styles.css'), [], $theme_version, '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');
wp_enqueue_style('bootstrap-icons');
wp_register_style('font-awesome', get_parent_theme_file_uri('/assets/css/font-awesome.css'), [], '6.4.2', 'all');
wp_enqueue_style('font-awesome');
}
<?php
// Enqueue styles and scripts
function themeStarter_enqueue()
{
$theme_version = filemtime(get_stylesheet_directory() . '/style.css');
/* Register and Enqueue Scripts */
wp_register_script('themeStarter-app', get_parent_theme_file_uri('/assets/js/index.js'), [], $theme_version, true);
wp_enqueue_script('themeStarter-app');
wp_register_script('hammer-js', 'https://hammerjs.github.io/dist/hammer.js', [], '2.0.8', true);
wp_enqueue_script('hammer-js');
/* Register and Enqueue Styles */
wp_register_style('themeStarter-styles', get_parent_theme_file_uri('/assets/css/styles.css'), [], $theme_version, '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');
wp_enqueue_style('bootstrap-icons');
wp_register_style('font-awesome', get_parent_theme_file_uri('/assets/css/font-awesome.css'), [], '6.4.2', 'all');
wp_enqueue_style('font-awesome');
}

70
includes/front-end/technical_seo.php
View File

@@ -1,35 +1,35 @@
<?php
function open_graph_twitter_card()
{
// Get the post or page ID
$post_id = get_the_ID();
// Get the post or page title
$title = get_the_title($post_id);
// Get the post or page excerpt (description)
$description = (get_the_excerpt()) ? get_the_excerpt() : get_bloginfo('description');
// Get the post or page URL
$url = get_permalink($post_id);
// Set default image url
$default_image_url = get_theme_file_uri('/screenshot.png');
// Get the post thumbnail (featured image) URL
$thumbnail = get_the_post_thumbnail_url($post_id);
?>
<!-- Open Graph meta tags -->
<meta property="og:title" content="<?php echo $title . ' - ' . get_bloginfo('name'); ?>" />
<meta property="og:description" content="<?php echo $description ?>" />
<meta property="og:url" content="<?php echo $url ?>" />
<meta property="og:image" content="<?php echo $default_image_url ?>" />
<!-- Twitter Card meta tags -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="<?php echo $title . ' - ' . get_bloginfo('name'); ?>" />
<meta name="twitter:description" content="<?php echo $description ?>" />
<meta name="twitter:image" content="<?php echo $default_image_url ?>" />
<?php
}
<?php
function open_graph_twitter_card()
{
// Get the post or page ID
$post_id = get_the_ID();
// Get the post or page title
$title = get_the_title($post_id);
// Get the post or page excerpt (description)
$description = (get_the_excerpt()) ? get_the_excerpt() : get_bloginfo('description');
// Get the post or page URL
$url = get_permalink($post_id);
// Set default image url
$default_image_url = get_theme_file_uri('/screenshot.png');
// Get the post thumbnail (featured image) URL
$thumbnail = get_the_post_thumbnail_url($post_id);
?>
<!-- Open Graph meta tags -->
<meta property="og:title" content="<?php echo $title . ' - ' . get_bloginfo('name'); ?>" />
<meta property="og:description" content="<?php echo $description ?>" />
<meta property="og:url" content="<?php echo $url ?>" />
<meta property="og:image" content="<?php echo $default_image_url ?>" />
<!-- Twitter Card meta tags -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="<?php echo $title . ' - ' . get_bloginfo('name'); ?>" />
<meta name="twitter:description" content="<?php echo $description ?>" />
<meta name="twitter:image" content="<?php echo $default_image_url ?>" />
<?php
}

158
includes/front-end/theme_starter_setup.php
View File

@@ -1,79 +1,79 @@
<?php
function themeStarter_setup()
{
/*
* Make theme available for translation.
* Translations can be filed in the /languages/ directory.
*/
load_theme_textdomain('themeStarter', get_template_directory() . '/languages');
// Add default posts and comments RSS feed links to head.
add_theme_support('automatic-feed-links');
/*
* Let WordPress manage the document title.
*/
add_theme_support('title-tag');
/*
* Enable support for Post Thumbnails on posts and pages.
*/
add_theme_support('post-thumbnails');
//Support custom logo
add_theme_support('custom-logo');
// Add menus.
register_nav_menus(
array(
'primary' => __('Primary Menu', 'themeStarter'),
'secondary' => __('Secondary Menu', 'themeStarter'),
)
);
/*
* Switch default core markup for search form, comment form, and comments
* to output valid HTML5.
*/
add_theme_support(
'html5',
array(
'search-form',
'comment-form',
'comment-list',
'gallery',
'caption',
'style',
'script'
)
);
/*
* Enable support for Post Formats.
*/
add_theme_support(
'post-formats',
array(
'aside',
'image',
'video',
'quote',
'link',
'gallery',
'status',
'audio',
'chat'
)
);
}
function themeStarter_init()
{
// Use categories and tags with attachments
register_taxonomy_for_object_type('category', 'attachment');
register_taxonomy_for_object_type('post_tag', 'attachment');
}
<?php
function themeStarter_setup()
{
/*
* Make theme available for translation.
* Translations can be filed in the /languages/ directory.
*/
load_theme_textdomain('themeStarter', get_template_directory() . '/languages');
// Add default posts and comments RSS feed links to head.
add_theme_support('automatic-feed-links');
/*
* Let WordPress manage the document title.
*/
add_theme_support('title-tag');
/*
* Enable support for Post Thumbnails on posts and pages.
*/
add_theme_support('post-thumbnails');
//Support custom logo
add_theme_support('custom-logo');
// Add menus.
register_nav_menus(
array(
'primary' => __('Primary Menu', 'themeStarter'),
'secondary' => __('Secondary Menu', 'themeStarter'),
)
);
/*
* Switch default core markup for search form, comment form, and comments
* to output valid HTML5.
*/
add_theme_support(
'html5',
array(
'search-form',
'comment-form',
'comment-list',
'gallery',
'caption',
'style',
'script'
)
);
/*
* Enable support for Post Formats.
*/
add_theme_support(
'post-formats',
array(
'aside',
'image',
'video',
'quote',
'link',
'gallery',
'status',
'audio',
'chat'
)
);
}
function themeStarter_init()
{
// Use categories and tags with attachments
register_taxonomy_for_object_type('category', 'attachment');
register_taxonomy_for_object_type('post_tag', 'attachment');
}

24
index.php
View File

@@ -1,12 +1,12 @@
<!-- Get Header -->
<?php
get_header(); ?>
<section class="h-full overflow-scroll no-scrollbar bg-white pt-16 pb-24">
<?php the_content(); ?>
</section>
<?php get_footer();
<!-- Get Header -->
<?php
get_header(); ?>
<section class="h-full overflow-scroll no-scrollbar bg-white pt-16 pb-24">
<?php the_content(); ?>
</section>
<?php get_footer();

25
package-lock.json generated
View File

@@ -10789,9 +10789,9 @@
"dev": true
},
"node_modules/follow-redirects": {
"version": "1.15.3",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.3.tgz",
"integrity": "sha512-1VzOtuEM8pC9SFU1E+8KfTjZyMztRsgEfwQl44z8A25uy13jSzTj6dyK2Df52iV0vgHCfBwLhDWevLn95w5v6Q==",
"version": "1.15.5",
"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.5.tgz",
"integrity": "sha512-vSFWUON1B+yAw1VN4xMfxgn5fTUiaOzAJCKBwIIgT/+7CuGy9+r+5gITvP62j3RmaD5Ph65UaERdOSRGUzZtgw==",
"dev": true,
"funding": [
{
@@ -11921,9 +11921,9 @@
"dev": true
},
"node_modules/ip": {
"version": "1.1.8",
"resolved": "https://registry.npmjs.org/ip/-/ip-1.1.8.tgz",
"integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg==",
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/ip/-/ip-2.0.1.tgz",
"integrity": "sha512-lJUL9imLTNi1ZfXT+DU6rBBdbiKGBuay9B6xGSPVjUeQwaH1RIGqef8RZkUtHioLmSNpPR5M4HVKJGm1j8FWVQ==",
"dev": true
},
"node_modules/ipaddr.js": {
@@ -15607,13 +15607,12 @@
}
},
"node_modules/pac-resolver": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.0.tgz",
"integrity": "sha512-Fd9lT9vJbHYRACT8OhCbZBbxr6KRSawSovFpy8nDGshaK99S/EBhVIHp9+crhxrsZOuvLpgL1n23iyPg6Rl2hg==",
"version": "7.0.1",
"resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
"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",

114
page.php
View File

@@ -1,57 +1,57 @@
<!-- Get Header -->
<?php
get_header(); ?>
<section class="h-full overflow-scroll no-scrollbar bg-white pt-16 pb-24">
<?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);
if (is_page($pageSlug)) { ?>
<?php get_template_part('/templates/partials/page_header'); ?>
<div class="p-4 text-center">
<h2 class="font-medium underline uppercase">Overview</h2>
</div>
<p class="font-medium px-4 lg:text-center"><?php echo get_field('description', $pageID); ?></p>
<?php get_template_part('/templates/partials/subcategory_cards'); ?>
<?php }
foreach ($page['subpages'] as $subpage) {
$pageID = $subpage->ID;
$pageTitle = $subpage->post_title;
$pageSlug = $subpage->post_name;
$pageBG = $subpage->post_name . '.png';
$pageBootstrapIcon = get_field('bootstrap_icon', $subpage->ID);
if (is_page($pageSlug)) {
get_template_part('/templates/partials/page_header'); ?>
<div class="max-w-7xl mx-auto">
<?php get_template_part('/templates/internal/' . $pageSlug); ?>
<?php /** the_content(); */ ?>
</div>
<?php }
}
}
?>
</section>
<?php get_footer();
<!-- Get Header -->
<?php
get_header(); ?>
<section class="h-full overflow-scroll no-scrollbar bg-white pt-16 pb-24">
<?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);
if (is_page($pageSlug)) { ?>
<?php get_template_part('/templates/partials/page_header'); ?>
<div class="p-4 text-center">
<h2 class="font-medium underline uppercase">Overview</h2>
</div>
<p class="font-medium px-4 lg:text-center"><?php echo get_field('description', $pageID); ?></p>
<?php get_template_part('/templates/partials/subcategory_cards'); ?>
<?php }
foreach ($page['subpages'] as $subpage) {
$pageID = $subpage->ID;
$pageTitle = $subpage->post_title;
$pageSlug = $subpage->post_name;
$pageBG = $subpage->post_name . '.png';
$pageBootstrapIcon = get_field('bootstrap_icon', $subpage->ID);
if (is_page($pageSlug)) {
get_template_part('/templates/partials/page_header'); ?>
<div class="max-w-7xl mx-auto">
<?php get_template_part('/templates/internal/' . $pageSlug); ?>
<?php /** the_content(); */ ?>
</div>
<?php }
}
}
?>
</section>
<?php get_footer();

180
search.php
View File

@@ -1,91 +1,91 @@
<!-- Get Header -->
<?php get_header(); ?>
<section class="h-full overflow-scroll no-scrollbar bg-white pt-16 pb-24">
<div class="flex flex-col">
<div class="flex flex-col items-center justify-center">
<a class="flex items-center space-x-2 p-4" href="<?php echo get_site_url(); ?>">
<img width="40px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/header__logo.png" alt="NAN Logo">
<h1 class="text-2xl">Search</h1>
</a>
<?php
$numberOfPostsFound = count($posts);
?>
<div class="w-full bg-blue-500 p-4 text-white">
<p class="text-2xl max-w-7xl mx-auto">Results for "<?= esc_html(get_search_query(false)) ?>" (<?= $numberOfPostsFound ?>)</p>
</div>
</div>
<div class="py-8">
<?php if (have_posts()) { ?>
<ul class="relative max-w-7xl mx-auto space-y-4 px-4">
<?php while (have_posts()) {
the_post(); ?>
<li class="w-full">
<div>
<a class="font-medium underline" href="<?= the_permalink() ?>">
<?= the_title() ?>
<?php /** ddd($posts); */ ?>
</a>
</div>
</li>
<?php } ?>
</ul> <?php } else { ?>
<div class="w-full px-4">
<p class="max-w-7xl mx-auto text-2xl">
No results for "<?= esc_html(get_search_query(false)) ?>"
</p>
</div>
<?php } ?>
</div>
<div class="px-2 pt-4 pb-8 bg-cadet-200">
<div class="flex items-center justify-center">
<h1 class="font-medium text-2xl p-4">Visit category pages</h1>
<i class="bi-arrow-down inline font-medium text-2xl p-4"></i>
</div>
<ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2 max-w-7xl mx-auto">
<?php $pages = get_pages_as_array();
foreach ($pages as $page) {
$pageID = $page['page']->ID;
$pageTitle = $page['page']->post_title;
$pageSlug = $page['page']->post_name;
$pageBG = $page['page']->post_name . '.png';
$pageBootstrapIcon = get_field('bootstrap_icon', $page['page']->ID);
?>
<li class="category-cards flex rounded-md shadow-md relative overflow-hidden w-full" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/bgs/<?php echo $pageBG ?>');">
<a class="relative w-full text-center py-10 space-y-2 flex items-center flex-col justify-center" href="<?php echo $pageSlug ?>">
<div class="absolute inset-0 flex items-center justify-center bg-blue-500 bg-opacity-50 rounded-md py-2 px-2">
<!-- <i class="<?php echo $pageBootstrapIcon ?> text-2xl" aria-hidden="true"></i> -->
<h2 class="text-sm font-medium text-white"><?php echo $pageTitle ?></h2>
<!-- <p class="font-medium lg:text-center"><?php echo get_field('description', $pageID); ?></p> -->
</div>
</a>
</li>
<?php } ?>
</ul>
</div>
</div>
</section>
<!-- Get Footer -->
<!-- Get Header -->
<?php get_header(); ?>
<section class="h-full overflow-scroll no-scrollbar bg-white pt-16 pb-24">
<div class="flex flex-col">
<div class="flex flex-col items-center justify-center">
<a class="flex items-center space-x-2 p-4" href="<?php echo get_site_url(); ?>">
<img width="40px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/header__logo.png" alt="NAN Logo">
<h1 class="text-2xl">Search</h1>
</a>
<?php
$numberOfPostsFound = count($posts);
?>
<div class="w-full bg-blue-500 p-4 text-white">
<p class="text-2xl max-w-7xl mx-auto">Results for "<?= esc_html(get_search_query(false)) ?>" (<?= $numberOfPostsFound ?>)</p>
</div>
</div>
<div class="py-8">
<?php if (have_posts()) { ?>
<ul class="relative max-w-7xl mx-auto space-y-4 px-4">
<?php while (have_posts()) {
the_post(); ?>
<li class="w-full">
<div>
<a class="font-medium underline" href="<?= the_permalink() ?>">
<?= the_title() ?>
<?php /** ddd($posts); */ ?>
</a>
</div>
</li>
<?php } ?>
</ul> <?php } else { ?>
<div class="w-full px-4">
<p class="max-w-7xl mx-auto text-2xl">
No results for "<?= esc_html(get_search_query(false)) ?>"
</p>
</div>
<?php } ?>
</div>
<div class="px-2 pt-4 pb-8 bg-cadet-200">
<div class="flex items-center justify-center">
<h1 class="font-medium text-2xl p-4">Visit category pages</h1>
<i class="bi-arrow-down inline font-medium text-2xl p-4"></i>
</div>
<ul class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-2 max-w-7xl mx-auto">
<?php $pages = get_pages_as_array();
foreach ($pages as $page) {
$pageID = $page['page']->ID;
$pageTitle = $page['page']->post_title;
$pageSlug = $page['page']->post_name;
$pageBG = $page['page']->post_name . '.png';
$pageBootstrapIcon = get_field('bootstrap_icon', $page['page']->ID);
?>
<li class="category-cards flex rounded-md shadow-md relative overflow-hidden w-full" style="background-image: url('<?php echo get_template_directory_uri(); ?>/assets/images/bgs/<?php echo $pageBG ?>');">
<a class="relative w-full text-center py-10 space-y-2 flex items-center flex-col justify-center" href="<?php echo $pageSlug ?>">
<div class="absolute inset-0 flex items-center justify-center bg-blue-500 bg-opacity-50 rounded-md py-2 px-2">
<!-- <i class="<?php echo $pageBootstrapIcon ?> text-2xl" aria-hidden="true"></i> -->
<h2 class="text-sm font-medium text-white"><?php echo $pageTitle ?></h2>
<!-- <p class="font-medium lg:text-center"><?php echo get_field('description', $pageID); ?></p> -->
</div>
</a>
</li>
<?php } ?>
</ul>
</div>
</div>
</section>
<!-- Get Footer -->
<?php get_footer(); ?>

6
searchform.php
View File

@@ -1,4 +1,4 @@
<form method="get" action="<?= esc_url(site_url('/')) ?>" class="relative md:w-2/4 flex flex-1 items-center">
<div class="absolute z-20 left-4 h-full flex items-center w-1/12"><i class="text-black bi bi-search"></i></div>
<input type="search" id="s" name="s" class="absolute pl-10 rounded-md" type="text" placeholder="Search...">
<form method="get" action="<?= esc_url(site_url('/')) ?>" class="relative md:w-2/4 flex flex-1 items-center">
<div class="absolute z-20 left-4 h-full flex items-center w-1/12"><i class="text-black bi bi-search"></i></div>
<input type="search" id="s" name="s" class="absolute pl-10 rounded-md" type="text" placeholder="Search...">
</form>

13
single.php
View File

@@ -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(); ?>

114
templates/internal/applying-to-post-secondary.php
View File

@@ -1,58 +1,58 @@
<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>
<div class="bg-white">
<h2 class="text-xl p-4 text-red-500 font-bold">Post-Secondary Admission</h2>
<div class="px-4">
<p class="">
Check with your teachers, counsellors, and the university or college calendar to:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Make sure you have all of the prerequisites for the program.</li>
<li>Sign up for all the courses you want or need
to take.</li>
<li>If you don’t have all the courses needed, ask if they offer upgrading courses or programs such as Native Access Program.</li>
<li>February 1st is the college Equal Consideration Date: if you apply after this date, the college will only look at applications as first come first serve until the program is filled.</li>
<li>Mid-January is the deadline to complete your Ontario Universities’ Application Centre application to attend a University.</li>
<li>If you are applying to a private college or university, like an Indigenous post-secondary institute, you will need to get the application information from them.</li>
<li>Apply early to make sure all the forms you
need have been filled out and the institution
has them.</li>
</ul>
</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">In Ontario, post-secondary applications are done online.</p>
<p class="">To apply to a college, go to:</p>
<a class="underline" href="https://www.ontariocolleges.ca/en/">https://www.ontariocolleges.ca/en/</a>
</div>
<div class="py-8 px-8 space-y-4">
<div class="max-w-64 mx-auto bg-yellow-300 px-12 py-16 shadow-md">
<p class="-skew-y-6 font-bold text-center">MID-JANUARY IS THE DEADLINE TO APPLY TO COLLEGE OR UNIVERSITY</p>
</div>
</div>
<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>
<div class="bg-white">
<h2 class="text-xl p-4 text-red-500 font-bold">Post-Secondary Admission</h2>
<div class="px-4">
<p class="">
Check with your teachers, counsellors, and the university or college calendar to:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Make sure you have all of the prerequisites for the program.</li>
<li>Sign up for all the courses you want or need
to take.</li>
<li>If you don’t have all the courses needed, ask if they offer upgrading courses or programs such as Native Access Program.</li>
<li>February 1st is the college Equal Consideration Date: if you apply after this date, the college will only look at applications as first come first serve until the program is filled.</li>
<li>Mid-January is the deadline to complete your Ontario Universities’ Application Centre application to attend a University.</li>
<li>If you are applying to a private college or university, like an Indigenous post-secondary institute, you will need to get the application information from them.</li>
<li>Apply early to make sure all the forms you
need have been filled out and the institution
has them.</li>
</ul>
</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">In Ontario, post-secondary applications are done online.</p>
<p class="">To apply to a college, go to:</p>
<a class="underline" href="https://www.ontariocolleges.ca/en/">https://www.ontariocolleges.ca/en/</a>
</div>
<div class="py-8 px-8 space-y-4">
<div class="max-w-64 mx-auto bg-yellow-300 px-12 py-16 shadow-md">
<p class="-skew-y-6 font-bold text-center">MID-JANUARY IS THE DEADLINE TO APPLY TO COLLEGE OR UNIVERSITY</p>
</div>
</div>
</article>

50
templates/internal/band-funding.php
View File

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

326
templates/internal/before-signing-the-lease.php
View File

@@ -1,164 +1,164 @@
<?php
$firstTimeRentIssues = [
[
'issue' => 'They are requesting references, but I’m a first-time renter and don’t have any.',
'content' => [
'Don’t worry! There are ways around not having any previous landlord references. Often landlords or apartment community managers will simply require a larger security deposit as an alternative, or perhaps a guarantor to sign the lease as well. Alternative references may also be requested, such as an employer or character reference.'
]
], [
'issue' => 'I’ve been asked for a credit report/check, but I don’t have a credit history.',
'content' => [
'No credit? Well it’s probably time to start building one! The easiest way to build a positive credit score is to sign up for a credit card from your bank, then make small purchases on it and always pay the balance off on time. If you don’t want a credit card, you can secure a small loan from your bank, then make on-time payments or pay it off right away. Many landlords will require a credit check, so it’s a wise move to be prepared and create a positive credit history beforehand.'
]
]
];
?>
<article>
<div class="bg-white">
<h2 class="text-l p-4 text-red-500 font-bold">Questions to ask the landlords</h2>
<div class="py-4 px-4 bg-cadet-800 text-white">
<p>Here are a few questions to ask your future landlord about the rental:</p>
<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>
<li>Is there on-site maintenance, security, and/or property managers?</li>
<li>What is the refund policy for security deposits?</li>
<li>Is there a secure area for mail and inbound packages?</li>
<li>What types of customizations can you make to a property (paint, nails for hanging pictures, etc.)? Which ones are prohibited?</li>
<li>Will facilities staff conduct inspections, and how much notice do they need to give?</li>
<li>Are there any safety or health concerns associated with the property (mould, lead paint, etc.)?</li>
<li>When are quiet hours?</li>
<li>Are there guest restrictions?</li>
<li>Are there any fees associated with the rental that we haven’t discussed?</li>
</ul>
</div>
</div>
<div class="p-4">
<div class="px-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Walkthrough</p>
<p class="font-medium">You should always conduct a formal walkthrough with your landlord or property manager before signing a lease.</p>
</div>
</div>
<div class="bg-white">
<div class="p-4">
<h2 class="text-l text-red-500 font-bold mb-2">Review the Lease</h2>
<p>Always read the entire lease agreement. You may notice some restrictions and procedures you were not expecting on how the issues of a lease agreement work. Most lease agreements are detailed to avoid any uncertainties.</p>
</div>
<div class="px-4">
<ul class=" bg-cadet-800 text-white list-disc list-inside p-4 space-y-2">
<li>What is the total square footage and room configuration?</li>
<li>What charges are you liable for?</li>
<li>If you decide to move away during summer break on a one-year lease, are you allowed to sublet your room for those months?</li>
<li>Are you allowed to add roommates to your lease?</li>
<li>Pet policies?</li>
</ul>
</div>
</div>
<div class="p-4 font-medium">
<p>The Landlord Tennent Act outlines the legal rights and responsibilities of the Landlord and you, the Tenant. You can learn more at: <a class="font-bold underline" href="http://www.ontario.ca/page/renting-ontario-your-rights">Renting in Ontario: Your rights</a></p>
</div>
<div class="flex justify-center max-w-xl mx-auto mb-4">
<img class="w-3/5" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/housing-graphics.png" alt="Housing">
</div>
<!-- Student Renting Issues -->
<div class="flex flex-col bg-white mb-4">
<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>
<!-- Issues Loop -->
<div class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<!-- Issues Loop -->
<?php
foreach ($firstTimeRentIssues as $issue) {
?>
<li class="accordion issues-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 $issue['issue'] ?></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">
<!-- Issue Content -->
<div>
<ul class="<?php
if (count($issue['content']) > 1) {
echo (count($issue['content']) > 1) ? 'list-disc' : '';
} ?>">
<?php
foreach ($issue['content'] as $info) { ?>
<li class="mb-2">
<?php echo $info ?>
</li>
<?php } ?>
</ul>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
</div>
<div class="px-4">
<p>
For more information, please check out the following:
</p>
<ul class="p-4 mt-2 bg-cadet-200 space-y-2">
<li>- <a class="font-medium underline" href="https://www.bestcolleges.com/resources/student-renters-guide/">Student Renters Guide</a></li>
<li>- <a class="font-medium underline" href="https://www.places4students.com/Blog/BlogView?BlogID=33">Potential Problems For Students As First-Time Renters</a></li>
</ul>
</div>
<?php
$firstTimeRentIssues = [
[
'issue' => 'They are requesting references, but I’m a first-time renter and don’t have any.',
'content' => [
'Don’t worry! There are ways around not having any previous landlord references. Often landlords or apartment community managers will simply require a larger security deposit as an alternative, or perhaps a guarantor to sign the lease as well. Alternative references may also be requested, such as an employer or character reference.'
]
], [
'issue' => 'I’ve been asked for a credit report/check, but I don’t have a credit history.',
'content' => [
'No credit? Well it’s probably time to start building one! The easiest way to build a positive credit score is to sign up for a credit card from your bank, then make small purchases on it and always pay the balance off on time. If you don’t want a credit card, you can secure a small loan from your bank, then make on-time payments or pay it off right away. Many landlords will require a credit check, so it’s a wise move to be prepared and create a positive credit history beforehand.'
]
]
];
?>
<article>
<div class="bg-white">
<h2 class="text-l p-4 text-red-500 font-bold">Questions to ask the landlords</h2>
<div class="py-4 px-4 bg-cadet-800 text-white">
<p>Here are a few questions to ask your future landlord about the rental:</p>
<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>
<li>Is there on-site maintenance, security, and/or property managers?</li>
<li>What is the refund policy for security deposits?</li>
<li>Is there a secure area for mail and inbound packages?</li>
<li>What types of customizations can you make to a property (paint, nails for hanging pictures, etc.)? Which ones are prohibited?</li>
<li>Will facilities staff conduct inspections, and how much notice do they need to give?</li>
<li>Are there any safety or health concerns associated with the property (mould, lead paint, etc.)?</li>
<li>When are quiet hours?</li>
<li>Are there guest restrictions?</li>
<li>Are there any fees associated with the rental that we haven’t discussed?</li>
</ul>
</div>
</div>
<div class="p-4">
<div class="px-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Walkthrough</p>
<p class="font-medium">You should always conduct a formal walkthrough with your landlord or property manager before signing a lease.</p>
</div>
</div>
<div class="bg-white">
<div class="p-4">
<h2 class="text-l text-red-500 font-bold mb-2">Review the Lease</h2>
<p>Always read the entire lease agreement. You may notice some restrictions and procedures you were not expecting on how the issues of a lease agreement work. Most lease agreements are detailed to avoid any uncertainties.</p>
</div>
<div class="px-4">
<ul class=" bg-cadet-800 text-white list-disc list-inside p-4 space-y-2">
<li>What is the total square footage and room configuration?</li>
<li>What charges are you liable for?</li>
<li>If you decide to move away during summer break on a one-year lease, are you allowed to sublet your room for those months?</li>
<li>Are you allowed to add roommates to your lease?</li>
<li>Pet policies?</li>
</ul>
</div>
</div>
<div class="p-4 font-medium">
<p>The Landlord Tennent Act outlines the legal rights and responsibilities of the Landlord and you, the Tenant. You can learn more at: <a class="font-bold underline" href="http://www.ontario.ca/page/renting-ontario-your-rights">Renting in Ontario: Your rights</a></p>
</div>
<div class="flex justify-center max-w-xl mx-auto mb-4">
<img class="w-3/5" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/housing-graphics.png" alt="Housing">
</div>
<!-- Student Renting Issues -->
<div class="flex flex-col bg-white mb-4">
<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>
<!-- Issues Loop -->
<div class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<!-- Issues Loop -->
<?php
foreach ($firstTimeRentIssues as $issue) {
?>
<li class="accordion issues-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 $issue['issue'] ?></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">
<!-- Issue Content -->
<div>
<ul class="<?php
if (count($issue['content']) > 1) {
echo (count($issue['content']) > 1) ? 'list-disc' : '';
} ?>">
<?php
foreach ($issue['content'] as $info) { ?>
<li class="mb-2">
<?php echo $info ?>
</li>
<?php } ?>
</ul>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
</div>
<div class="px-4">
<p>
For more information, please check out the following:
</p>
<ul class="p-4 mt-2 bg-cadet-200 space-y-2">
<li>- <a class="font-medium underline" href="https://www.bestcolleges.com/resources/student-renters-guide/">Student Renters Guide</a></li>
<li>- <a class="font-medium underline" href="https://www.places4students.com/Blog/BlogView?BlogID=33">Potential Problems For Students As First-Time Renters</a></li>
</ul>
</div>
</article>

232
templates/internal/budgeting-your-money.php
View File

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

86
templates/internal/career-goals.php
View File

@@ -1,44 +1,44 @@
<article>
<div class="flex flex-col bg-white">
<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-4 px-2 bg-white text-cadet-900">
<div class="max-w-7xl mx-auto">
<div class="px-6">
<h3 class="text-xl font-medium mb-4">To determine your personal goals ask yourself:</h3>
<ul class="list-disc space-y-2 px-4">
<li>
<p>Where do you want to live and work?</p>
</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>
<div class="flex flex-col bg-white">
<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-4 px-2 bg-white text-cadet-900">
<div class="max-w-7xl mx-auto">
<div class="px-6">
<h3 class="text-xl font-medium mb-4">To determine your personal goals ask yourself:</h3>
<ul class="list-disc space-y-2 px-4">
<li>
<p>Where do you want to live and work?</p>
</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>

386
templates/internal/education-level-differences.php
View File

@@ -1,194 +1,194 @@
<?php
$educationLevelDifferences = [
[
'title' => 'Registering for School',
'high-school-info' => [
'Registration is only needed for Grade 9, or if the student is new to the school.',
'There are no fees to attend high school.'
],
'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'
]
],
[
'title' => 'Registering for Classes',
'high-school-info' => [
'Students choose courses in February or March for the following school year.',
'Some classes have a limited number of spaces, so you need to register early.'
],
'college-university-info' => [
'Students must ensure they have the correct prerequisites and meet grade requirements. Many courses are only available to students in certain programs.',
'Some classes or programs have limited student capacity, so you need to apply early and/or complete additional paperwork to be considered.'
]
],
[
'title' => 'Class Size',
'high-school-info' => ['Classes are usually less than 30.'],
'college-university-info' => [
'College classroom sizes range from 25-150.',
'University Class sizes range from 50-400.',
'Class size tends to shrink as classes and years progress.',
'Supplementary class (i.e., labs) sizes range from 15 to 60 people.'
]
],
[
'title' => 'Teachers',
'high-school-info' => [
'You see your teachers every day.',
'Teachers are available after school if you need help.'
],
'college-university-info' => [
'You might only see your instructors one to three times a week.',
'Instructors are usually the primary source of instruction in both lectures and labs.',
'Generally, you must make an appointment to talk with your instructor during their office hours.',
'Most teacher/professors will meet with you before or after class for a quick discussion.'
]
],
[
'title' => 'Routines',
'high-school-info' => [
'Students are given a schedule which is the same for most days.',
'There are classes every day.',
'School hours are between 8:30 a.m. to 4 p.m.'
],
'college-university-info' => [
'Students choose classes in June - July based on program requirements.',
'Most classes are held 1 to 3 times a week.',
'Classes are held between 8 a.m. - 10 p.m.'
]
],
[
'title' => 'Responsibility',
'high-school-info' => [
'Teachers assign work, make deadlines, and remind you of due dates.',
'The office will call home if you are not at school. The teachers may send work home if you miss a class.',
'If you miss an exam or test, you can write it later.'
],
'college-university-info' => [
'You must make sure your assignments are completed and handed in on time. Instructors may not remind you of due dates.',
'Some courses do track attendance and may be a contributor to marks, however it is your responsibility to obtain any notes missed.',
'If you think you will miss an exam or test, you must talk with your instructor. You won’t be able to write it later if you fail to make arrangements.'
]
],
[
'title' => 'How Clases Are Taught',
'high-school-info' => [
'Teachers use different methods when they teach.',
'Often there is time during class to work on assignments and homework.'
],
'college-university-info' => [
'Instructors often lecture and there is no time for independent work during class. A lot of your learning will be done through reading (i.e., textbooks, assigned materials) and online components.',
'Labs typically spend 50% of the time teaching and 50% of the time for practice or completion of assignments. Labs are a great time to ask questions and seek additional support from instructors. Labs are often taught by Graduate Assistants or Teaching Assistants.'
]
],
[
'title' => 'Individual Support',
'high-school-info' => [
'Education assistants and special education teachers are provided by the school.',
'The school ensures any assessments are done.',
'Students get an Individual Education Plan'
],
'college-university-info' => [
'Students must talk to student services to get special accommodations or supports.',
'Students must provide assessments if necessary. If the student wants to get an assessment, they need to self-advocate by going to the student support center.',
'Students create a Post-Secondary Learning Plan with the Student Support Centre.',
]
],
[
'title' => 'Assignments, Tests and Grades',
'high-school-info' => [
'Different kinds of assignments are given. Late assignments are usually accepted.',
'Teachers prepare students before a test (reviews, how to write the test, how to study)',
'Final grades are based on many assignments.'
],
'college-university-info' => [
'Read course syllabus carefully!',
'Assignments have strict deadlines. Marks are taken off for late assignments.',
'If you are caught plagiarizing, you will be given an automatic ZERO and can be expelled.',
'Students are responsible for preparing for exams and tests.',
'Exams may be written in classrooms or gyms with students from other courses.',
'Some courses base marks on multiple assignments, lab performance and tests. Some courses will only base marks on 2-3 tests.'
]
]
];
?>
<article>
<div class="flex flex-col bg-white">
<div class="py-4 bg-red-500 px-6">
<p class="font-bold text-white">DIFFERENCES BETWEEN HIGH SCHOOL AND POST-SECONDARY</p>
</div>
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<?php foreach ($educationLevelDifferences as $difference) { ?>
<li class="accordion differences-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 $difference['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">
<!-- High School Information -->
<div>
<h3 class="font-medium underline mb-2">High School</h3>
<ul class="list-disc list-inside">
<?php
foreach ($difference['high-school-info'] as $info) { ?>
<li class="mb-2">
<?php echo $info ?>
</li>
<?php } ?>
</ul>
</div>
<!-- College University Information -->
<div>
<h3 class="font-medium underline mb-2">College/University</h3>
<ul class="list-disc list-inside">
<?php
foreach ($difference['college-university-info'] as $info) { ?>
<li class="mb-2">
<?php echo $info ?>
</li>
<?php } ?>
</ul>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
<?php
$educationLevelDifferences = [
[
'title' => 'Registering for School',
'high-school-info' => [
'Registration is only needed for Grade 9, or if the student is new to the school.',
'There are no fees to attend high school.'
],
'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 <a href="/preparing-for-college-and-university/applying-to-post-secondary">here</a>'
]
],
[
'title' => 'Registering for Classes',
'high-school-info' => [
'Students choose courses in February or March for the following school year.',
'Some classes have a limited number of spaces, so you need to register early.'
],
'college-university-info' => [
'Students must ensure they have the correct prerequisites and meet grade requirements. Many courses are only available to students in certain programs.',
'Some classes or programs have limited student capacity, so you need to apply early and/or complete additional paperwork to be considered.'
]
],
[
'title' => 'Class Size',
'high-school-info' => ['Classes are usually less than 30.'],
'college-university-info' => [
'College classroom sizes range from 25-150.',
'University Class sizes range from 50-400.',
'Class size tends to shrink as classes and years progress.',
'Supplementary class (i.e., labs) sizes range from 15 to 60 people.'
]
],
[
'title' => 'Teachers',
'high-school-info' => [
'You see your teachers every day.',
'Teachers are available after school if you need help.'
],
'college-university-info' => [
'You might only see your instructors one to three times a week.',
'Instructors are usually the primary source of instruction in both lectures and labs.',
'Generally, you must make an appointment to talk with your instructor during their office hours.',
'Most teacher/professors will meet with you before or after class for a quick discussion.'
]
],
[
'title' => 'Routines',
'high-school-info' => [
'Students are given a schedule which is the same for most days.',
'There are classes every day.',
'School hours are between 8:30 a.m. to 4 p.m.'
],
'college-university-info' => [
'Students choose classes in June - July based on program requirements.',
'Most classes are held 1 to 3 times a week.',
'Classes are held between 8 a.m. - 10 p.m.'
]
],
[
'title' => 'Responsibility',
'high-school-info' => [
'Teachers assign work, make deadlines, and remind you of due dates.',
'The office will call home if you are not at school. The teachers may send work home if you miss a class.',
'If you miss an exam or test, you can write it later.'
],
'college-university-info' => [
'You must make sure your assignments are completed and handed in on time. Instructors may not remind you of due dates.',
'Some courses do track attendance and may be a contributor to marks, however it is your responsibility to obtain any notes missed.',
'If you think you will miss an exam or test, you must talk with your instructor. You won’t be able to write it later if you fail to make arrangements.'
]
],
[
'title' => 'How Clases Are Taught',
'high-school-info' => [
'Teachers use different methods when they teach.',
'Often there is time during class to work on assignments and homework.'
],
'college-university-info' => [
'Instructors often lecture and there is no time for independent work during class. A lot of your learning will be done through reading (i.e., textbooks, assigned materials) and online components.',
'Labs typically spend 50% of the time teaching and 50% of the time for practice or completion of assignments. Labs are a great time to ask questions and seek additional support from instructors. Labs are often taught by Graduate Assistants or Teaching Assistants.'
]
],
[
'title' => 'Individual Support',
'high-school-info' => [
'Education assistants and special education teachers are provided by the school.',
'The school ensures any assessments are done.',
'Students get an Individual Education Plan'
],
'college-university-info' => [
'Students must talk to student services to get special accommodations or supports.',
'Students must provide assessments if necessary. If the student wants to get an assessment, they need to self-advocate by going to the student support center.',
'Students create a Post-Secondary Learning Plan with the Student Support Centre.',
]
],
[
'title' => 'Assignments, Tests and Grades',
'high-school-info' => [
'Different kinds of assignments are given. Late assignments are usually accepted.',
'Teachers prepare students before a test (reviews, how to write the test, how to study)',
'Final grades are based on many assignments.'
],
'college-university-info' => [
'Read course syllabus carefully!',
'Assignments have strict deadlines. Marks are taken off for late assignments.',
'If you are caught plagiarizing, you will be given an automatic ZERO and can be expelled.',
'Students are responsible for preparing for exams and tests.',
'Exams may be written in classrooms or gyms with students from other courses.',
'Some courses base marks on multiple assignments, lab performance and tests. Some courses will only base marks on 2-3 tests.'
]
]
];
?>
<article>
<div class="flex flex-col bg-white">
<div class="py-4 bg-red-500 px-6">
<p class="font-bold text-white">DIFFERENCES BETWEEN HIGH SCHOOL AND POST-SECONDARY</p>
</div>
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<?php foreach ($educationLevelDifferences as $difference) { ?>
<li class="accordion differences-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 $difference['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">
<!-- High School Information -->
<div>
<h3 class="font-medium underline mb-2">High School</h3>
<ul class="list-disc list-inside">
<?php
foreach ($difference['high-school-info'] as $info) { ?>
<li class="mb-2">
<?php echo $info ?>
</li>
<?php } ?>
</ul>
</div>
<!-- College University Information -->
<div>
<h3 class="font-medium underline mb-2">College/University</h3>
<ul class="list-disc list-inside">
<?php
foreach ($difference['college-university-info'] as $info) { ?>
<li class="mb-2">
<?php echo $info ?>
</li>
<?php } ?>
</ul>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
</article>

40
templates/internal/educational-goals.php
View File

@@ -1,21 +1,21 @@
<article>
<div class="flex flex-col bg-white 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-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>
<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>
<div class="flex flex-col bg-white 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-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>
<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>

42
templates/internal/financial-goals.php
View File

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

128
templates/internal/finding-a-place-to-stay.php
View File

@@ -1,65 +1,65 @@
<article>
<div class="bg-white">
<div class="px-4">
<p class="font-medium">
There are a few choices for accommodation, depending on what you want and what is available.
</p>
<ul class="space-y-4 py-2">
<li>
<div class="lg:grid grid-cols-5 gap-4">
<div>
<h3 class="font-bold">Residence</h3>
<img class="mb-2" src="<?= get_template_directory_uri() ?>/assets/images/bgs/residence.png" alt="Residence">
</div>
<p class="col-span-3">This is on-campus accommodation and ideal for schools away from home. It is a single or shared room, with access to a common bathroom, laundry, and common room. Students in residence often get a meal plan at the cafeteria. You will meet with many other students, and many lifelong friendships are made!
</p>
</div>
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
</li>
<li>
<div class="lg:grid grid-cols-5 gap-4">
<div>
<h3 class="font-bold">Rent a room or apartment</h3>
<img class="mb-2" src="<?= get_template_directory_uri() ?>/assets/images/bgs/rent-apartment.png" alt="Rent Room/Apartment">
</div>
<p class="col-span-3">This is off-campus housing. Depending on what you want and what you can afford, you might get a room in a house or apartment. Remember to consider the costs that are not included in the rent.</p>
</div>
<!-- Horizontal Rule -->
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
</li>
<li>
<div class="lg:grid grid-cols-5 gap-4">
<div>
<h3 class="font-bold">Room with friends or family</h3>
<img class="mb-2" src="<?= get_template_directory_uri() ?>/assets/images/bgs/room-with-family-or-friends.png" alt="Room with friends or family">
</div>
<p class="col-span-3">If you have friends or family living in the city, you may be able to live with them. Again, ask questions about sharing their home.</p>
</div>
</li>
</ul>
<h2 class="text-l p-4 text-red-500 font-bold">Whatever you decide, make your arrangements as early as you can.</h2>
<div class="py-8 space-y-4 lg:grid grid-cols-2 mx-auto items-center">
<img class="lg:w-1/2 mx-auto" src="<?= get_template_directory_uri() ?>/assets/images/bgs/make-plans-early.png" alt="Fit School Into Life">
</div>
</div>
<article>
<div class="bg-white">
<div class="px-4">
<p class="font-medium">
There are a few choices for accommodation, depending on what you want and what is available.
</p>
<ul class="space-y-4 py-2">
<li>
<div class="lg:grid grid-cols-5 gap-4">
<div>
<h3 class="font-bold">Residence</h3>
<img class="mb-2" src="<?= get_template_directory_uri() ?>/assets/images/bgs/residence.png" alt="Residence">
</div>
<p class="col-span-3">This is on-campus accommodation and ideal for schools away from home. It is a single or shared room, with access to a common bathroom, laundry, and common room. Students in residence often get a meal plan at the cafeteria. You will meet with many other students, and many lifelong friendships are made!
</p>
</div>
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
</li>
<li>
<div class="lg:grid grid-cols-5 gap-4">
<div>
<h3 class="font-bold">Rent a room or apartment</h3>
<img class="mb-2" src="<?= get_template_directory_uri() ?>/assets/images/bgs/rent-apartment.png" alt="Rent Room/Apartment">
</div>
<p class="col-span-3">This is off-campus housing. Depending on what you want and what you can afford, you might get a room in a house or apartment. Remember to consider the costs that are not included in the rent.</p>
</div>
<!-- Horizontal Rule -->
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
</li>
<li>
<div class="lg:grid grid-cols-5 gap-4">
<div>
<h3 class="font-bold">Room with friends or family</h3>
<img class="mb-2" src="<?= get_template_directory_uri() ?>/assets/images/bgs/room-with-family-or-friends.png" alt="Room with friends or family">
</div>
<p class="col-span-3">If you have friends or family living in the city, you may be able to live with them. Again, ask questions about sharing their home.</p>
</div>
</li>
</ul>
<h2 class="text-l p-4 text-red-500 font-bold">Whatever you decide, make your arrangements as early as you can.</h2>
<div class="py-8 space-y-4 lg:grid grid-cols-2 mx-auto items-center">
<img class="lg:w-1/2 mx-auto" src="<?= get_template_directory_uri() ?>/assets/images/bgs/make-plans-early.png" alt="Fit School Into Life">
</div>
</div>
</article>

538
templates/internal/gender-identity-and-sexual-orientation.php
View File

@@ -1,270 +1,270 @@
<?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">
<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="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="NAN LGBTQ">
</div>
<div class=px-4 mx-auto">
<img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/be-yourself.png" alt="Be Yourself">
</div>
</div>
</div>
<?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">
<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="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="NAN LGBTQ">
</div>
<div class=px-4 mx-auto">
<img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/be-yourself.png" alt="Be Yourself">
</div>
</div>
</div>
</article>

256
templates/internal/grants-bursaries-and-loans.php
View File

@@ -1,129 +1,129 @@
<?php
$studentFinancialTerms = [
[
'title' => 'Grant',
'content' => [
'DOES NOT have to be repaid',
'Usually provided by the government See: <a class="underline" href="http://www.ontario.ca/page/osap-ontario-student-assistance-program">(Ontario Student Assistance Program - OSAP).</a>.',
'Students MUST meet the funding criteria'
]
], [
'title' => 'Bursary',
'content' => [
'DOES NOT have to be repaid',
'For students with a demonstrated financial need',
'Various needs in the application process'
]
],
[
'title' => 'Loan',
'content' => [
'MUST be repaid',
'Repayment usually begins after you have graduated or been out of school for 6 months (Student Line of Credit through bank, OSAP, etc.)',
'Students must meet criteria set out by the lender'
]
],
[
'title' => 'Award or Scholarship',
'content' => [
'DOES NOT have to be repaid',
'Students must meet specific criteria, such as marks or community involvement'
]
]
];
?>
<article>
<div class="bg-white">
<h2 class="text-l p-4 text-red-500 font-bold">Talk to Student Services or your Educational Advisor about available funding opportunities.</h2>
<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>
<!-- Financial Terms Loop -->
<div class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<?php
foreach ($studentFinancialTerms 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><?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 list-inside' : '';
} ?>">
<?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="px-4">
<p>
For more information about grants, bursaries, loans, and scholarships, talk to the financial aid office at your college or university. You can also find information on the following websites:
</p>
<div class="px-4 mt-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Links</p>
<ul class="space-y-2">
<li><a class="underline" href="http://www.ontario.ca/page/osap-ontario-student-assistance-program">Ontario Student Assistance Program</a></li>
<li><a class="underline" href="https://www.sac-isc.gc.ca/eng/1351185180120/1351685455328">Indigenous Bursaries Search Tool</a></li>
<li><a class="underline" href="https://www.canada.ca/en/services/benefits/education/student-aid.html">Student Loan and other funding programs</a></li>
<li><a class="underline" href="http://aboriginalstudents.ca/resources/">AboriginalStudents.ca</a></li>
<li><a class="underline" href="https://indspire.ca/programs/students/bursaries-scholarships/">Indspire</a></li>
</ul>
</div>
</div>
</div>
<div class="py-8 space-y-4 px-4 lg:w-1/2 mx-auto">
<img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/check-all-your-options.png" alt="Check All Options">
</div>
<?php
$studentFinancialTerms = [
[
'title' => 'Grant',
'content' => [
'DOES NOT have to be repaid',
'Usually provided by the government See: <a class="underline" href="http://www.ontario.ca/page/osap-ontario-student-assistance-program">(Ontario Student Assistance Program - OSAP).</a>.',
'Students MUST meet the funding criteria'
]
], [
'title' => 'Bursary',
'content' => [
'DOES NOT have to be repaid',
'For students with a demonstrated financial need',
'Various needs in the application process'
]
],
[
'title' => 'Loan',
'content' => [
'MUST be repaid',
'Repayment usually begins after you have graduated or been out of school for 6 months (Student Line of Credit through bank, OSAP, etc.)',
'Students must meet criteria set out by the lender'
]
],
[
'title' => 'Award or Scholarship',
'content' => [
'DOES NOT have to be repaid',
'Students must meet specific criteria, such as marks or community involvement'
]
]
];
?>
<article>
<div class="bg-white">
<h2 class="text-l p-4 text-red-500 font-bold">Talk to Student Services or your Educational Advisor about available funding opportunities.</h2>
<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>
<!-- Financial Terms Loop -->
<div class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<?php
foreach ($studentFinancialTerms 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><?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 list-inside' : '';
} ?>">
<?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="px-4">
<p>
For more information about grants, bursaries, loans, and scholarships, talk to the financial aid office at your college or university. You can also find information on the following websites:
</p>
<div class="px-4 mt-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Links</p>
<ul class="space-y-2">
<li><a class="underline" href="http://www.ontario.ca/page/osap-ontario-student-assistance-program">Ontario Student Assistance Program</a></li>
<li><a class="underline" href="https://www.sac-isc.gc.ca/eng/1351185180120/1351685455328">Indigenous Bursaries Search Tool</a></li>
<li><a class="underline" href="https://www.canada.ca/en/services/benefits/education/student-aid.html">Student Loan and other funding programs</a></li>
<li><a class="underline" href="http://aboriginalstudents.ca/resources/">AboriginalStudents.ca</a></li>
<li><a class="underline" href="https://indspire.ca/programs/students/bursaries-scholarships/">Indspire</a></li>
</ul>
</div>
</div>
</div>
<div class="py-8 space-y-4 px-4 lg:w-1/2 mx-auto">
<img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/check-all-your-options.png" alt="Check All Options">
</div>
</article>

44
templates/internal/income-tax.php
View File

@@ -1,23 +1,23 @@
<article>
<div class="bg-white">
<h2 class="text-xl p-4 text-red-500 font-bold">If you have a part-time job, you will have to file your income tax.</h2>
<div class="px-4">
<ul class="list-disc px-8 space-y-2 py-2">
<li>Your employer will give you a T4 document. This shows how much money you made in the year and how much tax and other deductions were taken off.</li>
<li>You will receive your T4 in February. You will need to use this to complete your Income Tax Return.</li>
<li>Students who are also funded through OSAP will be required to submit their T4A when they file their income tax. These forms are found on your National Student Loans Service Centre (NSLSC) account.</li>
<li>You can complete your Income Tax Form yourself by hand, online, or through a tax professional for a fee (like H&R Block). Be sure to keep a copy for yourself.</li>
<li>Submit your Income Tax Return by mail or electronically no later than April 30.</li>
<li>You may get money back from the government after they process your income tax.</li>
<li>Keep your Income Tax Return and tax documents for 7 years.</li>
</ul>
</div>
</div>
<div class="flex justify-center max-w-xl mx-auto my-4">
<img class="w-4/5 lg:w-1/3" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/income-tax-t4.png" alt="Income Tax">
</div>
<article>
<div class="bg-white">
<h2 class="text-xl p-4 text-red-500 font-bold">If you have a part-time job, you will have to file your income tax.</h2>
<div class="px-4">
<ul class="list-disc px-8 space-y-2 py-2">
<li>Your employer will give you a T4 document. This shows how much money you made in the year and how much tax and other deductions were taken off.</li>
<li>You will receive your T4 in February. You will need to use this to complete your Income Tax Return.</li>
<li>Students who are also funded through OSAP will be required to submit their T4A when they file their income tax. These forms are found on your National Student Loans Service Centre (NSLSC) account.</li>
<li>You can complete your Income Tax Form yourself by hand, online, or through a tax professional for a fee (like H&R Block). Be sure to keep a copy for yourself.</li>
<li>Submit your Income Tax Return by mail or electronically no later than April 30.</li>
<li>You may get money back from the government after they process your income tax.</li>
<li>Keep your Income Tax Return and tax documents for 7 years.</li>
</ul>
</div>
</div>
<div class="flex justify-center max-w-xl mx-auto my-4">
<img class="w-4/5 lg:w-1/3" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/income-tax-t4.png" alt="Income Tax">
</div>
</article>

350
templates/internal/living-in-balance.php
View File

@@ -1,176 +1,176 @@
<?php
$statesOfWellness = [
[
'title' => 'Physical Wellness',
'color' => [
'text' => 'black',
'bg' => 'yellow-500'
],
'content' => [
'Being fit, exercising',
'Taking care of your body',
'Treating your illness, helping your immune system',
'Healthy environment',
'A clean home, mould free',
'Exercising, healthy eating habits'
]
],
[
'title' => 'Emotional Wellness',
'color' => [
'text' => 'white',
'bg' => 'red-500'
],
'content' => [
'Dealing with issues, coping with trauma',
'Accepting things you cannot change',
'Being at peace with yourself',
'Talking with others, communicating feelings'
]
],
[
'title' => 'Mental Wellness',
'color' => [
'text' => 'white',
'bg' => 'black'
],
'content' => [
'Being content, doing things that make you happy',
'Positive environment, surrounding yourself with good energy',
'Learning to deal with stress, coping skills',
'Meditating',
'Abstain from substances',
'Thinking positive thoughts',
'Get help with mental issues'
]
],
[
'title' => 'Spiritual Wellness',
'color' => [
'text' => 'black',
'bg' => 'white'
],
'content' => [
'Learning medicines',
'Ceremonies – practicing and bringing them back',
'Keeping in touch with Elders',
'Praying',
'Connecting with the land and animals'
]
]
];
?>
<article>
<div class="bg-white">
<h2 class="text-l p-4 text-red-500 font-bold">BALANCE</h2>
<p class="px-4 mb-4">
During the Nishnawbe Aski Nation Youth & Elders Gathering on Health Transformation
held in 2018, the youth delegates were asked about the concept of wellness and being
balanced. The chart below breaks it down into the 4 states of wellness and explains:
</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">States Of Wellness</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">
<!-- Force Generate -->
<!-- bg-yellow-500, bg-black -->
<!-- States of Wellness Loop -->
<?php
foreach ($statesOfWellness as $state) {
?>
<li class="accordion bg-<?= $state['color']['bg'] ?> text-<?= $state['color']['text'] ?>">
<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 $state['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">
<!-- State Content -->
<div>
<ul class="px-4 <?php
if (count($state['content']) > 1) {
echo (count($state['content']) > 1) ? 'list-disc' : '';
} ?>">
<?php
foreach ($state['content'] as $info) { ?>
<li class="mb-2">
<?php echo $info ?>
</li>
<?php } ?>
</ul>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
</div>
<div class="px-4">
<div class="px-4 mt-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Learning to manage your new independence and responsibilities can be challenging.</p>
<ul class="space-y-2 list-disc list-inside">
<li>You are responsible for your own safety.</li>
<li>Take part in group activities at your school or in the community. You can benefit from taking part in activities outside of the classroom. This can help you meet new people and be part of the community. There are many opportunities to join sports teams, clubs, and cultural activities. These can all contribute to your physical, spiritual, emotional, and mental well-being. To find these opportunities, you can visit the school’s website and social media outlets.</li>
<li>Many colleges and universities hold special events through Indigenous Student Services. Visit them for information and dates. (They can often use volunteers.)</li>
<li>Universities Canada has information about supports and services specifically for Indigenous students. <a class="font-medium underline" href="http://www.universitystudy.ca/indigenous-programs-and-services-directory">Indigenous Programs and Services Directory</a></li>
</ul>
</div>
</div>
</div>
<div class="">
<div class="p-4 bg-cadet-800 text-white">
<p>Rutgers University has 101 Health and Wellness Tips for College Students. These include suggestions for Diet, Exercise and Sleep, as well as Sexual Health, Illness, Stress, Mental Health and a few other ideas to keep you active and well. Visit their website at: <br> <a class="font-medium underline" href="https://wellnesscenter.camden.rutgers.edu/wellness-self-care/">Rutgers University Student Wellness Center</a></p>
</div>
</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">Wholistic well-being to me is when I strive for balance in all aspects of myself. For myself, the most influential factor that ensured my own well-being when transitioning to post-secondary was finding community within my college and building support systems that would help in my overall success throughout my time in my program.</p>
<img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/student_image.png" alt="Living In Balance Quote Student">
<p class="mt-4 mb-2 font-medium">Mackenzie Young, Mattagami First Nation</p>
<p>Northern College Graduate – Social Services Program</p>
</div>
</div>
<?php
$statesOfWellness = [
[
'title' => 'Physical Wellness',
'color' => [
'text' => 'black',
'bg' => 'yellow-500'
],
'content' => [
'Being fit, exercising',
'Taking care of your body',
'Treating your illness, helping your immune system',
'Healthy environment',
'A clean home, mould free',
'Exercising, healthy eating habits'
]
],
[
'title' => 'Emotional Wellness',
'color' => [
'text' => 'white',
'bg' => 'red-500'
],
'content' => [
'Dealing with issues, coping with trauma',
'Accepting things you cannot change',
'Being at peace with yourself',
'Talking with others, communicating feelings'
]
],
[
'title' => 'Mental Wellness',
'color' => [
'text' => 'white',
'bg' => 'black'
],
'content' => [
'Being content, doing things that make you happy',
'Positive environment, surrounding yourself with good energy',
'Learning to deal with stress, coping skills',
'Meditating',
'Abstain from substances',
'Thinking positive thoughts',
'Get help with mental issues'
]
],
[
'title' => 'Spiritual Wellness',
'color' => [
'text' => 'black',
'bg' => 'white'
],
'content' => [
'Learning medicines',
'Ceremonies – practicing and bringing them back',
'Keeping in touch with Elders',
'Praying',
'Connecting with the land and animals'
]
]
];
?>
<article>
<div class="bg-white">
<h2 class="text-l p-4 text-red-500 font-bold">BALANCE</h2>
<p class="px-4 mb-4">
During the Nishnawbe Aski Nation Youth & Elders Gathering on Health Transformation
held in 2018, the youth delegates were asked about the concept of wellness and being
balanced. The chart below breaks it down into the 4 states of wellness and explains:
</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">States Of Wellness</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">
<!-- Force Generate -->
<!-- bg-yellow-500, bg-black -->
<!-- States of Wellness Loop -->
<?php
foreach ($statesOfWellness as $state) {
?>
<li class="accordion bg-<?= $state['color']['bg'] ?> text-<?= $state['color']['text'] ?>">
<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 $state['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">
<!-- State Content -->
<div>
<ul class="px-4 <?php
if (count($state['content']) > 1) {
echo (count($state['content']) > 1) ? 'list-disc' : '';
} ?>">
<?php
foreach ($state['content'] as $info) { ?>
<li class="mb-2">
<?php echo $info ?>
</li>
<?php } ?>
</ul>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</div>
</div>
<div class="px-4">
<div class="px-4 mt-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Learning to manage your new independence and responsibilities can be challenging.</p>
<ul class="space-y-2 list-disc list-inside">
<li>You are responsible for your own safety.</li>
<li>Take part in group activities at your school or in the community. You can benefit from taking part in activities outside of the classroom. This can help you meet new people and be part of the community. There are many opportunities to join sports teams, clubs, and cultural activities. These can all contribute to your physical, spiritual, emotional, and mental well-being. To find these opportunities, you can visit the school’s website and social media outlets.</li>
<li>Many colleges and universities hold special events through Indigenous Student Services. Visit them for information and dates. (They can often use volunteers.)</li>
<li>Universities Canada has information about supports and services specifically for Indigenous students. <a class="font-medium underline" href="http://www.universitystudy.ca/indigenous-programs-and-services-directory">Indigenous Programs and Services Directory</a></li>
</ul>
</div>
</div>
</div>
<div class="">
<div class="p-4 bg-cadet-800 text-white">
<p>Rutgers University has 101 Health and Wellness Tips for College Students. These include suggestions for Diet, Exercise and Sleep, as well as Sexual Health, Illness, Stress, Mental Health and a few other ideas to keep you active and well. Visit their website at: <br> <a class="font-medium underline" href="https://wellnesscenter.camden.rutgers.edu/wellness-self-care/">Rutgers University Student Wellness Center</a></p>
</div>
</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">Wholistic well-being to me is when I strive for balance in all aspects of myself. For myself, the most influential factor that ensured my own well-being when transitioning to post-secondary was finding community within my college and building support systems that would help in my overall success throughout my time in my program.</p>
<img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/student_image.png" alt="Living In Balance Quote Student">
<p class="mt-4 mb-2 font-medium">Mackenzie Young, Mattagami First Nation</p>
<p>Northern College Graduate – Social Services Program</p>
</div>
</div>
</article>

174
templates/internal/making-healthy-choices.php
View File

@@ -1,88 +1,88 @@
<article>
<div class="flex flex-col bg-white">
<div class="py-4 px-6">
<p class="font-bold text-red-500">When you move from your home community to an urban centre, you will be more independent and responsible for your own life choices.</p>
<p class="mt-4 font-medium">
There are a variety of ways to live a healthy lifestyle and meet new people, such as:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Joining a sports team</li>
<li>Getting involved in a community group</li>
<li>Volunteering</li>
<li>Getting a part-time job</li>
<li>Attending community and cultural events</li>
<li>Surrounding yourself with others who are making healthy life choices</li>
</ul>
</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">
<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="The HealthLine">
</div>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Centre for Addiction and Mental Health – <a class="font-medium underline" href="http://www.camh.ca">www.camh.ca</a></li>
<li>211 – Will help you find mental health services in your area</li>
<li><a class="font-medium underline" href="https://www.beendigen.com/programs/talk4healing/">Talk 4 Healing</a> – 1-855-554-HEAL – counselling for Indigenous women </li>
<li><a class="font-medium underline" href="https://www.sac-isc.gc.ca/eng/1581971225188/1581971250953">Indian Residential School Crisis Line</a> – <a href="tel:18669254419">1-866-925-4419</a> – support services with trained Indigenous crisis counsellors</li>
<li><a class="font-medium underline" href="https://www.canada.ca/en/public-health/services/suicide-prevention/warning-signs.html">Crisis Services Canada</a> – <a href="tel:18334564566">1-833-456-4566</a> – suicide prevention and support</li>
</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="Get Involved">
</div>
</div>
<div class="py-4 px-4">
<p class="font-bold text-red-500 mb-4">The LifeLine Canada Foundation (TLC)</p>
<div>
<div class="p-4 space-y-4 w-full bg-cadet-100 shadow-md">
<p class="mt-4 font-medium">
The LifeLine Canada Foundation (TLC) has links to resources, an app, and crisis contact information that support positive mental health and suicide prevention.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li><a class="font-medium underline" href="https://thelifelinecanada.ca/lifeline-canada-foundation/lifeline-app/">The Lifeline Canada App</a></li>
<li><a class="font-medium underline" href="https://thelifelinecanada.ca/incrisisneedhelp/">The Lifeline Canada Help</a></li>
<li><a class="font-medium underline" href="https://thelifelinecanada.ca/resources/">The Lifeline Canada Resources</a></li>
</ul>
</div>
</div>
</div>
<!-- Quote -->
<div class="italic py-8 px-8 bg-cadet-500 text-cadet-900 space-y-4">
<div class="max-w-7xl mx-auto lg:flex flex-col items-center">
<i class="bi-quote text-7xl inline text-cadet-300"></i>
<p class="font-medium inline text-xl">Get involved with your community and make friends who help you achieve!</p>
<img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/young-female-student.png" alt="Young Female Student">
<p class="mt-4 mb-2 font-medium">Abby Davey, Moose Cree First Nation</p>
<p>Algonquin College – Indigenous Studies</p>
</div>
</div>
</div>
<article>
<div class="flex flex-col bg-white">
<div class="py-4 px-6">
<p class="font-bold text-red-500">When you move from your home community to an urban centre, you will be more independent and responsible for your own life choices.</p>
<p class="mt-4 font-medium">
There are a variety of ways to live a healthy lifestyle and meet new people, such as:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Joining a sports team</li>
<li>Getting involved in a community group</li>
<li>Volunteering</li>
<li>Getting a part-time job</li>
<li>Attending community and cultural events</li>
<li>Surrounding yourself with others who are making healthy life choices</li>
</ul>
</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">
<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="The HealthLine">
</div>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Centre for Addiction and Mental Health – <a class="font-medium underline" href="http://www.camh.ca">www.camh.ca</a></li>
<li>211 – Will help you find mental health services in your area</li>
<li><a class="font-medium underline" href="https://www.beendigen.com/programs/talk4healing/">Talk 4 Healing</a> – 1-855-554-HEAL – counselling for Indigenous women </li>
<li><a class="font-medium underline" href="https://www.sac-isc.gc.ca/eng/1581971225188/1581971250953">Indian Residential School Crisis Line</a> – <a href="tel:18669254419">1-866-925-4419</a> – support services with trained Indigenous crisis counsellors</li>
<li><a class="font-medium underline" href="https://www.canada.ca/en/public-health/services/suicide-prevention/warning-signs.html">Crisis Services Canada</a> – <a href="tel:18334564566">1-833-456-4566</a> – suicide prevention and support</li>
</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="Get Involved">
</div>
</div>
<div class="py-4 px-4">
<p class="font-bold text-red-500 mb-4">The LifeLine Canada Foundation (TLC)</p>
<div>
<div class="p-4 space-y-4 w-full bg-cadet-100 shadow-md">
<p class="mt-4 font-medium">
The LifeLine Canada Foundation (TLC) has links to resources, an app, and crisis contact information that support positive mental health and suicide prevention.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li><a class="font-medium underline" href="https://thelifelinecanada.ca/lifeline-canada-foundation/lifeline-app/">The Lifeline Canada App</a></li>
<li><a class="font-medium underline" href="https://thelifelinecanada.ca/incrisisneedhelp/">The Lifeline Canada Help</a></li>
<li><a class="font-medium underline" href="https://thelifelinecanada.ca/resources/">The Lifeline Canada Resources</a></li>
</ul>
</div>
</div>
</div>
<!-- Quote -->
<div class="italic py-8 px-8 bg-cadet-500 text-cadet-900 space-y-4">
<div class="max-w-7xl mx-auto lg:flex flex-col items-center">
<i class="bi-quote text-7xl inline text-cadet-300"></i>
<p class="font-medium inline text-xl">Get involved with your community and make friends who help you achieve!</p>
<img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/young-female-student.png" alt="Young Female Student">
<p class="mt-4 mb-2 font-medium">Abby Davey, Moose Cree First Nation</p>
<p>Algonquin College – Indigenous Studies</p>
</div>
</div>
</div>
</article>

132
templates/internal/managing-stress.php
View File

@@ -1,67 +1,67 @@
<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">
<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">Quick Links</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">
<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>
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
</div>
<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">
<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">Quick Links</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">
<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>
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
</div>
</article>

519
templates/internal/nan-tribal-councils.php
View File

@@ -1,254 +1,267 @@
<?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/' . $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><?= $tribalCouncil['contact']['address'] ?></p>
</li>
<li>
<p><strong>Phone: </strong><a class="font-medium underline" href="tel:+<?= str_replace("-", "", $tribalCouncil['contact']['phone']); ?>"><?= $tribalCouncil['contact']['phone'] ?></a></p>
</li>
<li>
<p><strong>Fax: </strong><a class="font-medium underline" href="fax:+<?= str_replace("-", "", $tribalCouncil['contact']['fax']); ?>"><?= $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>
<?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>
<!-- 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">
<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/' . $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><?= $tribalCouncil['contact']['address'] ?></p>
</li>
<li>
<p><strong>Phone: </strong><a class="font-medium underline" href="tel:+<?= str_replace("-", "", $tribalCouncil['contact']['phone']); ?>"><?= $tribalCouncil['contact']['phone'] ?></a></p>
</li>
<li>
<p><strong>Fax: </strong><a class="font-medium underline" href="fax:+<?= str_replace("-", "", $tribalCouncil['contact']['fax']); ?>"><?= $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>

380
templates/internal/off-campus-housing.php
View File

@@ -1,191 +1,191 @@
<?php
$rentProsCons = [
[
'title' => 'Apartment',
'pros' => [
'Secure and private entry to the building and unit',
'Typically fewer tenants per unit than are found in a house',
'Greater chance of an onsite, and more responsive, landlord or property manager'
],
'cons' => [
'Shared space with all other residents, especially laundry rooms, mail areas, and lounges',
'Buildings with many units have a greater potential for noise issues and hazards',
'Apartment hallways, trash rooms, and entryways may be neglected or abused'
]
],
[
'title' => 'House',
'pros' => [
'Typically more spacious than an apartment holding the same number of tenants',
'Much better way to live with a large group of people, which is one of the cheapest ways to rent',
'Better chance pets are permitted, especially if the house comes with a yard',
'More likely to have private amenities, such as a washer and dryer'
],
'cons' => [
'Oftentimes homes are less secure than apartments, especially if the property is isolated',
'Homes may require more maintenance, which can mean more reliance on the landlord',
'The fewer people you live with, or the nicer the house, the pricier the rent will be. Total rent for a house will tend to be more than the apartment equivalent',
'Shared bathroom, kitchen, and living areas can mean less privacy overall'
]
]
];
?>
<article>
<div class="px-4">
<p class="font-medium">
Living off-campus can be a great choice when attending post-secondary school. Remember to do your research and ask questions!
</p>
<p class="p-4 text-red-500 font-bold">Renting can be costly, and you will also need to think about any one-time costs:</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>First and Last Month’s Rent</li>
<li>Security Deposit</li>
<li>Pet Deposits</li>
</ul>
</div>
<div class="px-4 mt-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Remember, monthly costs include:</p>
<ul class="space-y-2">
<li>- Rent</li>
<li>- Utilities</li>
<li>- Miscellaneous Services Offered Onsite (Internet, Phone, Cable, etc.)</li>
</ul>
</div>
<div class="px-4 space-y-2 py-4">
<p class="">Some landlords will include one or more utilities in the rent. Any utility not included with the rent will need to be paid separately.</p>
<ul class="list-disc px-8 space-y-2">
<li>Water: cities charge for water being sent to the unit.</li>
<li>Electricity: this can be called Hydro One or Synergy North.</li>
<li>Heating: some units use natural gas from Enbridge to heat the property.</li>
</ul>
</div>
<div class="p-4 space-y-2 bg-cadet-900 text-white ">
<p class="font-bold">What rental period is best for you?</p>
<p>
In formal leasing agreements, there are different rental periods.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>One-year Lease (the most common)</li>
<li>Eight-month Lease (slightly difficult to find)</li>
<li>Month-to-month Lease (more difficult to find)</li>
</ul>
</div>
<div class="bg-white">
<h2 class="text-l p-4 text-red-500 font-bold">What kind of property should you rent?</h2>
<!-- Property Rental Pros and Cons -->
<div class="flex flex-col bg-white mb-4">
<div class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col">
<?php
foreach ($rentProsCons as $comparison) {
?>
<div class="py-4 bg-red-600 px-6">
<p class="font-bold text-white"><?php echo $comparison['title'] . ' Pros & Cons' ?></p>
</div>
<div>
<ul role="list" class="text-blue-900">
<!-- Pros Loop -->
<li class="accordion comparisons-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>Pros</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">
<ul class="space-y-2 list-disc px-4">
<?php foreach ($rentProsCons[0]['pros'] as $pro) { ?>
<li><?= $pro ?></li>
<?php } ?>
</ul>
</div>
</li>
<!-- Cons Loop -->
<li class="accordion comparisons-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>Cons</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">
<ul class="space-y-2 list-disc px-4">
<?php foreach ($rentProsCons[1]['cons'] as $con) { ?>
<li><?= $con ?></li>
<?php } ?>
</ul>
</div>
</li>
</ul>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<div class="py-4 space-y-4 px-4 lg:w-1/2 mx-auto">
<img class="w-3/5 lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/pros-and-cons-list.png" alt="Online Learning">
</div>
<div class="max-w-7xl mx-auto lg:flex flex-col items-center">
<div class="italic py-8 px-8 bg-cadet-500 text-cadet-900 space-y-4">
<i class="bi-quote text-7xl inline text-cadet-300"></i>
<p class="font-medium inline text-l">Overall, establishing safe and supportive allies, accessing resources, and participating in cultural events helped me the most when transitioning from high school to post-secondary and ensured my success when completing my program. I encourage all Indigenous students to access culturally safe supports and settings when moving onto post-secondary because it can make an immense difference in your overall well-being and success!”</p>
<p class="mt-4 mb-2 font-medium">Mackenzie Young, Mattagami First Nation</p>
<p>Northern College Graduate – Social Services Program</p>
</div>
</div>
<?php
$rentProsCons = [
[
'title' => 'Apartment',
'pros' => [
'Secure and private entry to the building and unit',
'Typically fewer tenants per unit than are found in a house',
'Greater chance of an onsite, and more responsive, landlord or property manager'
],
'cons' => [
'Shared space with all other residents, especially laundry rooms, mail areas, and lounges',
'Buildings with many units have a greater potential for noise issues and hazards',
'Apartment hallways, trash rooms, and entryways may be neglected or abused'
]
],
[
'title' => 'House',
'pros' => [
'Typically more spacious than an apartment holding the same number of tenants',
'Much better way to live with a large group of people, which is one of the cheapest ways to rent',
'Better chance pets are permitted, especially if the house comes with a yard',
'More likely to have private amenities, such as a washer and dryer'
],
'cons' => [
'Oftentimes homes are less secure than apartments, especially if the property is isolated',
'Homes may require more maintenance, which can mean more reliance on the landlord',
'The fewer people you live with, or the nicer the house, the pricier the rent will be. Total rent for a house will tend to be more than the apartment equivalent',
'Shared bathroom, kitchen, and living areas can mean less privacy overall'
]
]
];
?>
<article>
<div class="px-4">
<p class="font-medium">
Living off-campus can be a great choice when attending post-secondary school. Remember to do your research and ask questions!
</p>
<p class="p-4 text-red-500 font-bold">Renting can be costly, and you will also need to think about any one-time costs:</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>First and Last Month’s Rent</li>
<li>Security Deposit</li>
<li>Pet Deposits</li>
</ul>
</div>
<div class="px-4 mt-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Remember, monthly costs include:</p>
<ul class="space-y-2">
<li>- Rent</li>
<li>- Utilities</li>
<li>- Miscellaneous Services Offered Onsite (Internet, Phone, Cable, etc.)</li>
</ul>
</div>
<div class="px-4 space-y-2 py-4">
<p class="">Some landlords will include one or more utilities in the rent. Any utility not included with the rent will need to be paid separately.</p>
<ul class="list-disc px-8 space-y-2">
<li>Water: cities charge for water being sent to the unit.</li>
<li>Electricity: this can be called Hydro One or Synergy North.</li>
<li>Heating: some units use natural gas from Enbridge to heat the property.</li>
</ul>
</div>
<div class="p-4 space-y-2 bg-cadet-900 text-white ">
<p class="font-bold">What rental period is best for you?</p>
<p>
In formal leasing agreements, there are different rental periods.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>One-year Lease (the most common)</li>
<li>Eight-month Lease (slightly difficult to find)</li>
<li>Month-to-month Lease (more difficult to find)</li>
</ul>
</div>
<div class="bg-white">
<h2 class="text-l p-4 text-red-500 font-bold">What kind of property should you rent?</h2>
<!-- Property Rental Pros and Cons -->
<div class="flex flex-col bg-white mb-4">
<div class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col">
<?php
foreach ($rentProsCons as $comparison) {
?>
<div class="py-4 bg-red-600 px-6">
<p class="font-bold text-white"><?php echo $comparison['title'] . ' Pros & Cons' ?></p>
</div>
<div>
<ul role="list" class="text-blue-900">
<!-- Pros Loop -->
<li class="accordion comparisons-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>Pros</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">
<ul class="space-y-2 list-disc px-4">
<?php foreach ($comparison['pros'] as $pro) { ?>
<li><?= $pro ?></li>
<?php } ?>
</ul>
</div>
</li>
<!-- Cons Loop -->
<li class="accordion comparisons-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>Cons</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">
<ul class="space-y-2 list-disc px-4">
<?php foreach ($comparison['cons'] as $con) { ?>
<li><?= $con ?></li>
<?php } ?>
</ul>
</div>
</li>
</ul>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<div class="py-4 space-y-4 px-4 lg:w-1/2 mx-auto">
<img class="w-3/5 lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/pros-and-cons-list.png" alt="Online Learning">
</div>
<div class="max-w-7xl mx-auto lg:flex flex-col items-center">
<div class="italic py-8 px-8 bg-cadet-500 text-cadet-900 space-y-4">
<i class="bi-quote text-7xl inline text-cadet-300"></i>
<p class="font-medium inline text-l">Overall, establishing safe and supportive allies, accessing resources, and participating in cultural events helped me the most when transitioning from high school to post-secondary and ensured my success when completing my program. I encourage all Indigenous students to access culturally safe supports and settings when moving onto post-secondary because it can make an immense difference in your overall well-being and success!”</p>
<p class="mt-4 mb-2 font-medium">Mackenzie Young, Mattagami First Nation</p>
<p>Northern College Graduate – Social Services Program</p>
</div>
</div>
</article>

414
templates/internal/online-learning-and-remote-work.php
View File

@@ -1,208 +1,208 @@
<?php
$onlineLearningTips = [
[
'title' => 'Have Goals',
'content' => [
'Define your reasons for studying, set daily, weekly, and monthly goals for studying and doing assignments'
]
],
[
'title' => 'Be Focused',
'content' => [
'Create a quiet, organized study space'
]
],
[
'title' => 'Identify what works for you',
'content' => [
'Be aware of your daily responsibilities, how you study, and your energy levels during certain parts of the day, etc.'
]
],
[
'title' => 'Schedule your time',
'content' => [
'You are in charge of creating a routine that works for you'
]
],
[
'title' => 'Organize your work',
'content' => [
'Know your workload & due dates'
]
],
[
'title' => 'Attend your classes',
'content' => [
'Visit classes when they are live or set a schedule for you to do your async coursework'
]
],
[
'title' => 'Make the most of what your College/University has to offer',
'content' => [
'Contact the Student Support Centre for help managing your timetable and choosing courses',
'Career and employability resources e.g., help with writing or choosing a career path',
'Help for students with disabilities',
'Resources to help you learn the technology skills your course requires',
'Resources to improve your study skills',
'Connect with tutors'
]
],
[
'title' => 'Connect',
'content' => [
'Socialize and work with other online learners'
]
],
[
'title' => 'Make sure you have supports in place',
'content' => [
'Family & Friends',
'Childcare needs',
'Financial assistance',
'Employer communication'
]
],
[
'title' => 'Talk to your employer',
'content' => [
'Sponsorship: some companies may be able to fund or even partially fund your studies',
'Study leave: they may be willing to work around your exams or big assignments',
'Flexible work arrangement: your work may have a work from home policy which could allow you to use your saved commuting time to study',
'Unpaid leave: your company may be able to offer a few unpaid leave days if you need them to fit in your studying'
]
],
[
'title' => 'Embrace Technology',
'content' => [
'Make use of free productivity apps',
'“Calendar” app on your phone',
'“Evernote” for class notes',
'“Easybib” for citations or bibliographies',
'“Mendely” for sharing and keeping track of your research',
'“Doodle” for scheduling meetings'
]
],
[
'title' => 'Backup EVERYTHING',
'content' => [
'You never know when your computer will crash or when you might spill your 2:00 a.m. coffee on your computer'
]
],
[
'title' => 'Be mindful of online etiquette',
'content' => [
'Read out loud before pressing send. You will be able to check for errors as well as your tone'
]
],
];
?>
<article>
<div class="bg-white">
<h2 class="text-xl p-4 text-red-500 font-bold">Online Learning & Working From Home</h2>
<div class="px-4">
<p class="font-medium">
Benefits of online learning:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>You can study wherever you want</li>
<li>Most times you can build your own schedule</li>
<li>Could potentially save money (travel,parking, etc.)</li>
<li>Learn while balancing life and working</li>
</ul>
<div class="py-8 space-y-4 lg:w-1/2 lg:grid grid-cols-2 mx-auto">
<img src="<?= get_template_directory_uri() ?>/assets/images/bgs/online-learning.png" alt="Online Learning">
<img class="w-1/3 lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/remote-work.png" alt="Remote Work">
</div>
</div>
<div class="px-4">
<p class="font-medium">
Skills to support online learning:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Self-regulated</li>
<li>Effective Time Management (i.e., short term and long-term goals, due dates)</li>
<li>Independent Learner</li>
<li>Communication skills (it is important to reach out to your professors to arrange a time to ask questions or speak to them. Just because they are not there in person doesn’t mean you can’t build a good relationship with them).</li>
</ul>
<div class="py-8 space-y-4 lg:grid grid-cols-2 mx-auto items-center">
<img src="<?= get_template_directory_uri() ?>/assets/images/bgs/independent-learning.png" alt="Indepenedent Learning">
<img class="lg:w-1/2 mx-auto" src="<?= get_template_directory_uri() ?>/assets/images/bgs/fit-school-into-life.png" alt="Fit School Into Life">
</div>
</div>
</div>
<div class="flex flex-col bg-white">
<div class="py-4 bg-green-600 px-6">
<p class="font-bold text-white">Tips for Online Learning Success:</p>
</div>
<!-- Tips For Online Learning Success Loop -->
<div class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<?php
foreach ($onlineLearningTips as $tip) {
?>
<li class="accordion tips-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 $tip['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">
<!-- Tip Content -->
<div>
<ul class="<?php
if (count($tip['content']) > 1) {
echo (count($tip['content']) > 1) ? 'list-disc list-inside' : '';
} ?>">
<?php
foreach ($tip['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 space-y-4 px-4 lg:w-1/2 mx-auto">
<img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/share-achievements.png" alt="Share Your Achievements">
</div>
<?php
$onlineLearningTips = [
[
'title' => 'Have Goals',
'content' => [
'Define your reasons for studying, set daily, weekly, and monthly goals for studying and doing assignments'
]
],
[
'title' => 'Be Focused',
'content' => [
'Create a quiet, organized study space'
]
],
[
'title' => 'Identify what works for you',
'content' => [
'Be aware of your daily responsibilities, how you study, and your energy levels during certain parts of the day, etc.'
]
],
[
'title' => 'Schedule your time',
'content' => [
'You are in charge of creating a routine that works for you'
]
],
[
'title' => 'Organize your work',
'content' => [
'Know your workload & due dates'
]
],
[
'title' => 'Attend your classes',
'content' => [
'Visit classes when they are live or set a schedule for you to do your async coursework'
]
],
[
'title' => 'Make the most of what your College/University has to offer',
'content' => [
'Contact the Student Support Centre for help managing your timetable and choosing courses',
'Career and employability resources e.g., help with writing or choosing a career path',
'Help for students with disabilities',
'Resources to help you learn the technology skills your course requires',
'Resources to improve your study skills',
'Connect with tutors'
]
],
[
'title' => 'Connect',
'content' => [
'Socialize and work with other online learners'
]
],
[
'title' => 'Make sure you have supports in place',
'content' => [
'Family & Friends',
'Childcare needs',
'Financial assistance',
'Employer communication'
]
],
[
'title' => 'Talk to your employer',
'content' => [
'Sponsorship: some companies may be able to fund or even partially fund your studies',
'Study leave: they may be willing to work around your exams or big assignments',
'Flexible work arrangement: your work may have a work from home policy which could allow you to use your saved commuting time to study',
'Unpaid leave: your company may be able to offer a few unpaid leave days if you need them to fit in your studying'
]
],
[
'title' => 'Embrace Technology',
'content' => [
'Make use of free productivity apps',
'“Calendar” app on your phone',
'“Evernote” for class notes',
'“Easybib” for citations or bibliographies',
'“Mendely” for sharing and keeping track of your research',
'“Doodle” for scheduling meetings'
]
],
[
'title' => 'Backup EVERYTHING',
'content' => [
'You never know when your computer will crash or when you might spill your 2:00 a.m. coffee on your computer'
]
],
[
'title' => 'Be mindful of online etiquette',
'content' => [
'Read out loud before pressing send. You will be able to check for errors as well as your tone'
]
],
];
?>
<article>
<div class="bg-white">
<h2 class="text-xl p-4 text-red-500 font-bold">Online Learning & Working From Home</h2>
<div class="px-4">
<p class="font-medium">
Benefits of online learning:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>You can study wherever you want</li>
<li>Most times you can build your own schedule</li>
<li>Could potentially save money (travel,parking, etc.)</li>
<li>Learn while balancing life and working</li>
</ul>
<div class="py-8 space-y-4 lg:w-1/2 lg:grid grid-cols-2 mx-auto">
<img src="<?= get_template_directory_uri() ?>/assets/images/bgs/online-learning.png" alt="Online Learning">
<img class="w-1/3 lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/remote-work.png" alt="Remote Work">
</div>
</div>
<div class="px-4">
<p class="font-medium">
Skills to support online learning:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Self-regulated</li>
<li>Effective Time Management (i.e., short term and long-term goals, due dates)</li>
<li>Independent Learner</li>
<li>Communication skills (it is important to reach out to your professors to arrange a time to ask questions or speak to them. Just because they are not there in person doesn’t mean you can’t build a good relationship with them).</li>
</ul>
<div class="py-8 space-y-4 lg:grid grid-cols-2 mx-auto items-center">
<img src="<?= get_template_directory_uri() ?>/assets/images/bgs/independent-learning.png" alt="Indepenedent Learning">
<img class="lg:w-1/2 mx-auto" src="<?= get_template_directory_uri() ?>/assets/images/bgs/fit-school-into-life.png" alt="Fit School Into Life">
</div>
</div>
</div>
<div class="flex flex-col bg-white">
<div class="py-4 bg-green-600 px-6">
<p class="font-bold text-white">Tips for Online Learning Success:</p>
</div>
<!-- Tips For Online Learning Success Loop -->
<div class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<?php
foreach ($onlineLearningTips as $tip) {
?>
<li class="accordion tips-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 $tip['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">
<!-- Tip Content -->
<div>
<ul class="<?php
if (count($tip['content']) > 1) {
echo (count($tip['content']) > 1) ? 'list-disc list-inside' : '';
} ?>">
<?php
foreach ($tip['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 space-y-4 px-4 lg:w-1/2 mx-auto">
<img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/share-achievements.png" alt="Share Your Achievements">
</div>
</article>

226
templates/internal/ontario-native-education-counseling-associations.php
View File

@@ -1,114 +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>
<!-- ONECA 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>
<?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 The Helping Hand Councellors</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>
<!-- ONECA 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>

88
templates/internal/personal-goals.php
View File

@@ -1,45 +1,45 @@
<article>
<div class="flex flex-col bg-white">
<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-4 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>
<div class="flex flex-col bg-white">
<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-4 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>

86
templates/internal/physical-health.php
View File

@@ -1,44 +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>
<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>

58
templates/internal/resources-samples.php Normal file
View File

@@ -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>

272
templates/internal/safety.php
View File

@@ -1,137 +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>
<?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>

64
templates/internal/sexual-health.php
View File

@@ -1,33 +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="Contraceptives">
</div>
</div>
<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="Contraceptives">
</div>
</div>
</article>

58
templates/internal/special-needs-financial-awards.php
View File

@@ -1,30 +1,30 @@
<article>
<div class="px-4">
<div class="px-4 mt-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Ontario funding programs:</p>
<ul class="space-y-2">
<li><a class="underline" href="http://www.ontario.ca/page/osap-ontario-student-assistance-program">Ontario Student Assistance Program</a></li>
<li><a class="underline" href="https://www.sac-isc.gc.ca/eng/1351185180120/1351685455328">Indigenous Bursaries Search Tool</a></li>
<li><a class="underline" href="https://www.canada.ca/en/services/benefits/education/student-aid.html">Student Loan and other funding programs</a></li>
<li><a class="underline" href="http://aboriginalstudents.ca/resources/">AboriginalStudents.ca</a></li>
<li><a class="underline" href="https://indspire.ca/programs/students/bursaries-scholarships/">Indspire</a></li>
</ul>
</div>
<div class="p-4">
<p>
For more information, go to:
<a class="font-medium underline" href="http://www.ohrc.on.ca/en/opportunity-succeed-achieving-barrier-free-education-students-disabilities/post-secondary-education">Barrier Free Education For Students With Disabilities</a>
</p>
</div>
<div class="py-2 space-y-4 px-4 lg:w-1/2 mx-auto">
<img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/cash-in-hand.png" alt="Cash in hand">
</div>
</div>
<article>
<div class="px-4">
<div class="px-4 mt-4 space-y-2 py-4 bg-cadet-300">
<p class="font-bold">Ontario funding programs:</p>
<ul class="space-y-2">
<li><a class="underline" href="http://www.ontario.ca/page/osap-ontario-student-assistance-program">Ontario Student Assistance Program</a></li>
<li><a class="underline" href="https://www.sac-isc.gc.ca/eng/1351185180120/1351685455328">Indigenous Bursaries Search Tool</a></li>
<li><a class="underline" href="https://www.canada.ca/en/services/benefits/education/student-aid.html">Student Loan and other funding programs</a></li>
<li><a class="underline" href="http://aboriginalstudents.ca/resources/">AboriginalStudents.ca</a></li>
<li><a class="underline" href="https://indspire.ca/programs/students/bursaries-scholarships/">Indspire</a></li>
</ul>
</div>
<div class="p-4">
<p>
For more information, go to:
<a class="font-medium underline" href="http://www.ohrc.on.ca/en/opportunity-succeed-achieving-barrier-free-education-students-disabilities/post-secondary-education">Barrier Free Education For Students With Disabilities</a>
</p>
</div>
<div class="py-2 space-y-4 px-4 lg:w-1/2 mx-auto">
<img class="lg:w-1/2 mx-auto" src=" <?= get_template_directory_uri() ?>/assets/images/bgs/cash-in-hand.png" alt="Cash in hand">
</div>
</div>
</article>

64
templates/internal/stay-in-touch.php
View File

@@ -1,33 +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 Family Misses You Too">
</div>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Talk with family members on a regular basis. They will be missing you as well. Let them know where you are living and how they can get in touch with you.</li>
<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="Stay Connected">
</div>
<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 Family Misses You Too">
</div>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Talk with family members on a regular basis. They will be missing you as well. Let them know where you are living and how they can get in touch with you.</li>
<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="Stay Connected">
</div>
</article>

462
templates/internal/strategies-for-success.php
View File

@@ -1,232 +1,232 @@
<?php
$strategiesForSuccess = [
[
'title' => 'Get to know your college or university',
'subtitle' => 'Visit your college or university before you begin classes. If you can’t go in person, many institutions have videos and virtual tours of their campuses on their websites.',
'content' => [
"Ontario Native Education Counselling Association (ONECA) has produced videos of many colleges and universities in Ontario. These videos focus on supports, services and programs specifically for Indigenous students. To find your college or university, go to: <a class='underline font-medium' href='http://www.oneca.com/transitions/post-secondary-virtual-tours.html'>Post Secondary Virtual Tours</a>",
"Universities Canada has online tools to help you decide which university to attend. <a class='underline font-medium' href='https://www.universitystudy.ca/plan-for-university/'>Plan For University</a>",
"Universities Canada has online tools to help you decide which university to attend. <a class='underline font-medium' href='https://www.universitystudy.ca/indigenous-programs-and-services-directory/'>Indigenous Programs and Services</a>"
],
'image' => ''
],
[
'title' => 'Get to know your campus when you arrive.',
'subtitle' => 'Explore the campus and find what is there for you:',
'content' => [
'Locations of the classrooms/lecture halls/labs on your timetable. Before classes begin, locate your classrooms.',
'Cafeteria or food court',
'Coffee shop',
'Library',
'Indigenous Students’ Centre',
'Student Services',
'Athletic facilities',
'Financial Aid',
'Student Union',
'Parking and bus stops',
'Security'
],
'image' => ''
],
[
'title' => 'Attend your classes',
'subtitle' => '',
'content' => [
'If you miss a class, ask your instructor or a fellow student to share their notes with you. You can do the same for other students. (If you think you need help with note taking in class, ask for help at the academic support centre)',
'Instructors provide information that may not be in your readings.',
'Asking questions can help you get a better idea of what to expect on exams, tests and assignments. Most instructors don’t do reviews in class before exams or tests.'
],
'image' => 'attend-your-classes.png'
],
[
'title' => 'Get to know your instructors and fellow students.',
'subtitle' => '',
'content' => [
'Unless you make an appointment with your instructor, you will only see them during class hours. Meeting with instructors is a great way to ask for assistance with assignments.',
'It is important to talk to other students about assignments and readings, or to share notes if you miss a class. Some students like to study alone, while others like to study with classmates.',
'You will meet instructors and fellow students from other provinces and nationalities at college and university. Keep an open mind to the diversity.'
],
'image' => ''
],
[
'title' => 'Advocate for Yourself',
'subtitle' => '',
'content' => [
'If you need a better explanation from your instructor.',
'If you require learning assistance, contact the Student Accessibility Centre.',
'When in doubt, ask for help! This is part of your self-care and is important for your success!'
],
'image' => 'advocate-for-yourself.png'
],
[
'title' => 'Essay writing',
'subtitle' => '',
'content' => [
'You will be expected to write essays, reports, and create presentations.',
'If you need help, ask at the academic support centre. You might get free tutoring.',
'Always have someone read your work before you hand it in. Even good writers can miss their own mistakes.',
'Follow the essay guidelines outlined by your instructor as closely as possible.',
'Be sure to reference and cite all work that is not your own to avoid plagiarism.'
],
'image' => ''
],
[
'title' => 'Effective study skills',
'subtitle' => '',
'content' => [
'Be sure to visit the Student Support Services office when you arrive on campus.',
'You can get help through your student services office, or online.'
],
'image' => ''
],
[
'title' => 'Submitting assignments',
'subtitle' => '',
'content' => [
'There are strict deadlines for handing in assignments. In some cases, late assignments will not be accepted, or marks are deducted per day it’s late. Always check your course syllabus.',
'Talk to your instructor if you are having difficulty with an assignment or if you need an extension.',
'If you have personal or family emergencies that prevent you from finishing an assignment, inform your instructors and education counsellor as soon as possible.'
],
'image' => 'discipline-over-motivation.png'
],
[
'title' => 'Effective communication skills',
'subtitle' => '',
'content' => [
'Listening – Be attentive in your classes. Listen in class because exams will cover content from lectures, textbooks, assignments and handouts.',
'Speaking – Practice speaking in front of people as you might need to give presentations in class.',
'Reading – Courses require a lot of reading. Some tips for reading include looking for important information; highlighting key concepts; and making notes for yourself as you read.',
'Writing – Learn to write effectively for class notes, essays, assignments, tests and exams.'
],
'image' => 'effective-communication-skills.png'
],
[
'title' => 'Use the Academic Support Services',
'subtitle' => '',
'content' => [
'Tutors and Academic Advisors are available to all students to help with reading, writing, study skills, exam preparation, course selection and other academic concerns.',
'You can also find academic supports online',
"Visit here to <a href='https://www.youthcentral.vic.gov.au/study-and-training/help-with-study/how-to-study-better/top-10-study-tips' class='underline font-medium'>Find Study Tips</a>",
"Visit here to <a href='https://www.youthcentral.vic.gov.au/study-and-training/help-with-study/how-to-study-better/top-10-exam-tips' class='underline font-medium'>Find Exam Tips</a>"
],
'image' => ''
],
[
'title' => 'Short-Term and Long-Term Planning',
'subtitle' => 'Use a calendar to mark important dates and times:',
'content' => [
'Due dates for assignments',
'Exam and test dates',
'Holidays',
'Reading Week (Some schools schedule one in each semester.)',
'Birthdays',
'Appointments',
'Cultural events',
'Indigenous Initiatives events',
'Recreation (sports, movies, etc.)',
'Family events',
'Exercise / Gym'
],
'image' => ''
],
];
?>
<article>
<div class="flex flex-col bg-white">
<div class="py-4 px-6">
<p class="font-bold text-red-500">WHAT DOES IT TAKE TO BE SUCCESSFUL?</p>
</div>
<div class="mx-auto max-w-7xl mb-4">
<img class="" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/iceberg-illusion.png" alt="The Iceberg Illusion">
</div>
<nav class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<!-- Strategies Loop -->
<?php
foreach ($strategiesForSuccess as $strategy) {
?>
<li class="accordion differences-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 $strategy['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">
<!-- Strategy Information -->
<div>
<?php if ($strategy['subtitle']) : ?>
<h3 class="italic mb-2 font-medium"><?= $strategy['subtitle'] ?></h3>
<?php endif; ?>
<ul class="list-disc list-inside space-y-2">
<?php foreach ($strategy['content'] as $content) { ?>
<li>
<?php echo $content ?>
</li>
<?php } ?>
</ul>
<?php if ($strategy['image']) : ?>
<div class="py-8 space-y-4 lg:w-1/2 mx-auto">
<img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/' . $strategy['image'] ?>" alt="Strategy Info Image">
</div>
<?php endif; ?>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</nav>
<div class="p-4">
<div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
<p class="font-medium">Helpful tips:</p>
<ul class="list-disc px-4 space-y-2">
<li>Get a year-long calendar or planner. You can usually get these at the college or university bookstore.</li>
<li>Have a monthly or weekly calendar on your wall so you can see it every day.</li>
<li>Create a weekly study schedule. You should include at least 2-3 hours to study and work on assignments. You can buy student agendas/calendars or use a digital calendar. Free templates are available online at: <a class="underline" href="https://www.calendarpedia.com/weekly-schedule-word-templates.html">Weekly Schedule Template</a></li>
<li>Need some motivation? Watch this! <a class="underline" href="http://www.ted.com/talks/angela_lee_duckworth_grit_the_power_of_passion_and_perseverance">The Power of Passion and Perserverance.</a></li>
</ul>
</div>
</div>
</div>
<?php
$strategiesForSuccess = [
[
'title' => 'Get to know your college or university',
'subtitle' => 'Visit your college or university before you begin classes. If you can’t go in person, many institutions have videos and virtual tours of their campuses on their websites.',
'content' => [
"Ontario Native Education Counselling Association (ONECA) has produced videos of many colleges and universities in Ontario. These videos focus on supports, services and programs specifically for Indigenous students. To find your college or university, go to: <a class='underline font-medium' href='http://www.oneca.com/transitions/post-secondary-virtual-tours.html'>Post Secondary Virtual Tours</a>",
"Universities Canada has online tools to help you decide which university to attend. <a class='underline font-medium' href='https://www.universitystudy.ca/plan-for-university/'>Plan For University</a>",
"Universities Canada has online tools to help you decide which university to attend. <a class='underline font-medium' href='https://www.universitystudy.ca/indigenous-programs-and-services-directory/'>Indigenous Programs and Services</a>"
],
'image' => ''
],
[
'title' => 'Get to know your campus when you arrive.',
'subtitle' => 'Explore the campus and find what is there for you:',
'content' => [
'Locations of the classrooms/lecture halls/labs on your timetable. Before classes begin, locate your classrooms.',
'Cafeteria or food court',
'Coffee shop',
'Library',
'Indigenous Students’ Centre',
'Student Services',
'Athletic facilities',
'Financial Aid',
'Student Union',
'Parking and bus stops',
'Security'
],
'image' => ''
],
[
'title' => 'Attend your classes',
'subtitle' => '',
'content' => [
'If you miss a class, ask your instructor or a fellow student to share their notes with you. You can do the same for other students. (If you think you need help with note taking in class, ask for help at the academic support centre)',
'Instructors provide information that may not be in your readings.',
'Asking questions can help you get a better idea of what to expect on exams, tests and assignments. Most instructors don’t do reviews in class before exams or tests.'
],
'image' => 'attend-your-classes.png'
],
[
'title' => 'Get to know your instructors and fellow students.',
'subtitle' => '',
'content' => [
'Unless you make an appointment with your instructor, you will only see them during class hours. Meeting with instructors is a great way to ask for assistance with assignments.',
'It is important to talk to other students about assignments and readings, or to share notes if you miss a class. Some students like to study alone, while others like to study with classmates.',
'You will meet instructors and fellow students from other provinces and nationalities at college and university. Keep an open mind to the diversity.'
],
'image' => ''
],
[
'title' => 'Advocate for Yourself',
'subtitle' => '',
'content' => [
'If you need a better explanation from your instructor.',
'If you require learning assistance, contact the Student Accessibility Centre.',
'When in doubt, ask for help! This is part of your self-care and is important for your success!'
],
'image' => 'advocate-for-yourself.png'
],
[
'title' => 'Essay writing',
'subtitle' => '',
'content' => [
'You will be expected to write essays, reports, and create presentations.',
'If you need help, ask at the academic support centre. You might get free tutoring.',
'Always have someone read your work before you hand it in. Even good writers can miss their own mistakes.',
'Follow the essay guidelines outlined by your instructor as closely as possible.',
'Be sure to reference and cite all work that is not your own to avoid plagiarism.'
],
'image' => ''
],
[
'title' => 'Effective study skills',
'subtitle' => '',
'content' => [
'Be sure to visit the Student Support Services office when you arrive on campus.',
'You can get help through your student services office, or online.'
],
'image' => ''
],
[
'title' => 'Submitting assignments',
'subtitle' => '',
'content' => [
'There are strict deadlines for handing in assignments. In some cases, late assignments will not be accepted, or marks are deducted per day it’s late. Always check your course syllabus.',
'Talk to your instructor if you are having difficulty with an assignment or if you need an extension.',
'If you have personal or family emergencies that prevent you from finishing an assignment, inform your instructors and education counsellor as soon as possible.'
],
'image' => 'discipline-over-motivation.png'
],
[
'title' => 'Effective communication skills',
'subtitle' => '',
'content' => [
'Listening – Be attentive in your classes. Listen in class because exams will cover content from lectures, textbooks, assignments and handouts.',
'Speaking – Practice speaking in front of people as you might need to give presentations in class.',
'Reading – Courses require a lot of reading. Some tips for reading include looking for important information; highlighting key concepts; and making notes for yourself as you read.',
'Writing – Learn to write effectively for class notes, essays, assignments, tests and exams.'
],
'image' => 'effective-communication-skills.png'
],
[
'title' => 'Use the Academic Support Services',
'subtitle' => '',
'content' => [
'Tutors and Academic Advisors are available to all students to help with reading, writing, study skills, exam preparation, course selection and other academic concerns.',
'You can also find academic supports online',
"Visit here to <a href='https://www.youthcentral.vic.gov.au/study-and-training/help-with-study/how-to-study-better/top-10-study-tips' class='underline font-medium'>Find Study Tips</a>",
"Visit here to <a href='https://www.youthcentral.vic.gov.au/study-and-training/help-with-study/how-to-study-better/top-10-exam-tips' class='underline font-medium'>Find Exam Tips</a>"
],
'image' => ''
],
[
'title' => 'Short-Term and Long-Term Planning',
'subtitle' => 'Use a calendar to mark important dates and times:',
'content' => [
'Due dates for assignments',
'Exam and test dates',
'Holidays',
'Reading Week (Some schools schedule one in each semester.)',
'Birthdays',
'Appointments',
'Cultural events',
'Indigenous Initiatives events',
'Recreation (sports, movies, etc.)',
'Family events',
'Exercise / Gym'
],
'image' => ''
],
];
?>
<article>
<div class="flex flex-col bg-white">
<div class="py-4 px-6">
<p class="font-bold text-red-500">WHAT DOES IT TAKE TO BE SUCCESSFUL?</p>
</div>
<div class="mx-auto max-w-7xl mb-4">
<img class="" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/iceberg-illusion.png" alt="The Iceberg Illusion">
</div>
<nav class="flex flex-1 flex-col">
<div class="flex flex-1 flex-col gap-y-7">
<div>
<ul role="list" class="text-blue-900">
<!-- Strategies Loop -->
<?php
foreach ($strategiesForSuccess as $strategy) {
?>
<li class="accordion differences-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 $strategy['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">
<!-- Strategy Information -->
<div>
<?php if ($strategy['subtitle']) : ?>
<h3 class="italic mb-2 font-medium"><?= $strategy['subtitle'] ?></h3>
<?php endif; ?>
<ul class="list-disc list-inside space-y-2">
<?php foreach ($strategy['content'] as $content) { ?>
<li>
<?php echo $content ?>
</li>
<?php } ?>
</ul>
<?php if ($strategy['image']) : ?>
<div class="py-8 space-y-4 lg:w-1/2 mx-auto">
<img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/' . $strategy['image'] ?>" alt="Strategy Info Image">
</div>
<?php endif; ?>
</div>
</div>
</li>
<?php } ?>
</ul>
</div>
</div>
</nav>
<div class="p-4">
<div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
<p class="font-medium">Helpful tips:</p>
<ul class="list-disc px-4 space-y-2">
<li>Get a year-long calendar or planner. You can usually get these at the college or university bookstore.</li>
<li>Have a monthly or weekly calendar on your wall so you can see it every day.</li>
<li>Create a weekly study schedule. You should include at least 2-3 hours to study and work on assignments. You can buy student agendas/calendars or use a digital calendar. Free templates are available online at: <a class="underline" href="https://www.calendarpedia.com/weekly-schedule-word-templates.html">Weekly Schedule Template</a></li>
<li>Need some motivation? Watch this! <a class="underline" href="http://www.ted.com/talks/angela_lee_duckworth_grit_the_power_of_passion_and_perseverance">The Power of Passion and Perserverance.</a></li>
</ul>
</div>
</div>
</div>
</article>

150
templates/internal/students-with-children.php
View File

@@ -1,76 +1,76 @@
<article>
<div class="flex flex-col">
<div class="py-4 px-6">
<p class="font-bold text-red-500">INFORMATION AND SPECIAL PROGRAMS</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Contact your Student Accessibility Centre for more information.</li>
<li>Take advantage of special programs for children through the library, community centres, or local Indigenous organizations.</li>
</ul>
</div>
<div class="py-4 bg-cadet-200 px-6">
<p class="font-bold text-red-500">CHILDREN:</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Contact your local social services administration board to apply for daycare services. Subsidies may be provided to cover the cost of daycare. Since childcare services fill up quickly, look into this as soon as possible.</li>
<li>When considering private childcare, certain precautions need to be taken. Do your research! Ensure the childcare lead is reputable and has positive reviews by other parents.</li>
</ul>
</div>
<div class="py-4 px-4">
<div>
<div class="p-4 space-y-4 w-full bg-cadet-100 shadow-md">
<p class="mt-4 font-medium">
Questions to ask about childcare:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Do they have a criminal record check, and do they follow Ministry guidelines?</li>
<li>What type for certification do they have? Are the staff qualified?</li>
<li>How many children do they look after at one time? Do they have additional staff if needed?</li>
<li>Ask to see an example of a daily schedule and programming for learning and snack times.</li>
</ul>
<p class="mt-4">
Have back-up childcare lined up in case of emergency, or for days when the regular daycare may be closed.
</p>
<div class="py-8 space-y-4 lg:w-1/4 mx-auto">
<img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/students-with-kids.png' ?>" alt="Students With Kids">
</div>
</div>
</div>
</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">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>
<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>
</div>
<article>
<div class="flex flex-col">
<div class="py-4 px-6">
<p class="font-bold text-red-500">INFORMATION AND SPECIAL PROGRAMS</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Contact your Student Accessibility Centre for more information.</li>
<li>Take advantage of special programs for children through the library, community centres, or local Indigenous organizations.</li>
</ul>
</div>
<div class="py-4 bg-cadet-200 px-6">
<p class="font-bold text-red-500">CHILDREN:</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Contact your local social services administration board to apply for daycare services. Subsidies may be provided to cover the cost of daycare. Since childcare services fill up quickly, look into this as soon as possible.</li>
<li>When considering private childcare, certain precautions need to be taken. Do your research! Ensure the childcare lead is reputable and has positive reviews by other parents.</li>
</ul>
</div>
<div class="py-4 px-4">
<div>
<div class="p-4 space-y-4 w-full bg-cadet-100 shadow-md">
<p class="mt-4 font-medium">
Questions to ask about childcare:
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Do they have a criminal record check, and do they follow Ministry guidelines?</li>
<li>What type for certification do they have? Are the staff qualified?</li>
<li>How many children do they look after at one time? Do they have additional staff if needed?</li>
<li>Ask to see an example of a daily schedule and programming for learning and snack times.</li>
</ul>
<p class="mt-4">
Have back-up childcare lined up in case of emergency, or for days when the regular daycare may be closed.
</p>
<div class="py-8 space-y-4 lg:w-1/4 mx-auto">
<img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/students-with-kids.png' ?>" alt="Students With Kids">
</div>
</div>
</div>
</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">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>
<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>
</div>
</article>

238
templates/internal/support-and-accommodations.php
View File

@@ -1,120 +1,120 @@
<article>
<div class="flex flex-col bg-white">
<div class="py-4 px-6">
<p class="font-bold text-red-500">STUDENTS NEEDING ACADMENIC ACCOMODATIONS</p>
<p class="mt-4 font-medium">
Ontario colleges and universities are required to provide a variety of supports for students to help them be successful.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Contact your Student Accessibility Centre for more information.</li>
<li>For information about the supports that are available and how to access them, the Government of Ontario has several resources online at: <a class="font-medium underline" href="https://www.transitionresourceguide.ca/resources">Transition Resource Guide</a></li>
<li>For information about your rights in Ontario colleges and universities, go to: <a class="font-medium underline" href="https://www.ohrc.on.ca/en/opportunity-succeed-achieving-barrier-free-education-students-disabilities/post-secondary-education">Barrier Free Education For Students With Disabilities</a></li>
</ul>
<p class="mt-4">
The Ontario Native Education Counsellors Association has information about how to get additional supports. Visit: <br> <a class="font-medium underline" href="https://oneca.com/transitions/finding-support-for-school/">Finding Support for School</a> for more information
</p>
</div>
<div class="py-4 px-4">
<p class="font-bold text-red-500 mb-4">CONNECTING FOR SUCCESS</p>
<div>
<div class="p-4 space-y-4 w-full bg-cadet-100 shadow-md">
<p class="mt-4 font-medium">
Everyone needs some help at one time or another. The following are services found in most post-secondary institutions and in the community.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Student services</li>
<li>Indigenous support services</li>
<li>Finance Office</li>
<li>Post-Secondary funding counsellor</li>
<li>Academic advisor</li>
<li>Mentor / Tutor</li>
<li>Health Services</li>
<li>Family Doctor</li>
<li>Your family and friends</li>
</ul>
<p class="mt-4">
Use the My Contacts form at <a class="font-medium underline" href="<?= site_url('/resources-and-additional-information/resources-samples/') ?>/">Resources and Additional Information</a> to write down contact information for these people and services.
</p>
<div class="py-8 space-y-4 lg:w-1/4 mx-auto">
<img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/you-got-this.png' ?>" alt="You Got This">
</div>
</div>
</div>
</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">Accessing the available resources in my college such as cultural rooms, the Indigenous student advisor, the campus elder, my peers, my professors, and program coordinator allowed me to create my own support system in the facility that was easily accessible and created a sense of security for myself in this new chapter of my life.</p>
<img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/student_image.png" alt="Accomodations Quote Student">
</div>
</div>
<div class="p-4">
<div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
<p class="font-medium">Indigenous Support Services</p>
<p>Along with student services for all students,
Ontario colleges and universities have Indigenous
support centres. These centres may offer the
following:</p>
<ul class="list-disc px-4 space-y-2">
<li>Cultural activities</li>
<li>Occasional food and drop-in feasts</li>
<li>Elder support and guidance</li>
<li>Study tips (i.e., essay writing, managing time, meeting deadlines and meeting your personal goals)</li>
</ul>
</div>
</div>
<div class="py-4 px-6">
<p class="font-bold text-red-500">Orientation Activities</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>College and university programs usually have orientations in September. This is a good place to meet new friends and familiarize yourself with the campus, programs and supports offered by your school.</li>
<li>Some orientations for Indigenous students are held off-campus in various urban centres.</li>
</ul>
</div>
<div class="max-w-7xl mx-auto lg:flex flex-col items-center">
<div class="italic py-8 px-8 bg-cadet-500 text-cadet-900 space-y-4">
<i class="bi-quote text-7xl inline text-cadet-300"></i>
<p class="font-medium inline text-xl">Participating in cultural events on my campus allowed
me to connect with these supports on a personal level
while also connecting to my culture. Connecting to my
culture was also important in ensuring my well-being
and creating the balance between traditional and
contemporary life that many of us Indigenous students
often are faced with.</p>
<p class="mt-4 mb-2 font-medium">Mackenzie Young, Mattagami First Nation</p>
<p>Northern College Graduate – Social Services Program</p>
</div>
</div>
</div>
<article>
<div class="flex flex-col bg-white">
<div class="py-4 px-6">
<p class="font-bold text-red-500">STUDENTS NEEDING ACADMENIC ACCOMODATIONS</p>
<p class="mt-4 font-medium">
Ontario colleges and universities are required to provide a variety of supports for students to help them be successful.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Contact your Student Accessibility Centre for more information.</li>
<li>For information about the supports that are available and how to access them, the Government of Ontario has several resources online at: <a class="font-medium underline" href="https://www.transitionresourceguide.ca/resources">Transition Resource Guide</a></li>
<li>For information about your rights in Ontario colleges and universities, go to: <a class="font-medium underline" href="https://www.ohrc.on.ca/en/opportunity-succeed-achieving-barrier-free-education-students-disabilities/post-secondary-education">Barrier Free Education For Students With Disabilities</a></li>
</ul>
<p class="mt-4">
The Ontario Native Education Counsellors Association has information about how to get additional supports. Visit: <br> <a class="font-medium underline" href="https://oneca.com/transitions/finding-support-for-school/">Finding Support for School</a> for more information
</p>
</div>
<div class="py-4 px-4">
<p class="font-bold text-red-500 mb-4">CONNECTING FOR SUCCESS</p>
<div>
<div class="p-4 space-y-4 w-full bg-cadet-100 shadow-md">
<p class="mt-4 font-medium">
Everyone needs some help at one time or another. The following are services found in most post-secondary institutions and in the community.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Student services</li>
<li>Indigenous support services</li>
<li>Finance Office</li>
<li>Post-Secondary funding counsellor</li>
<li>Academic advisor</li>
<li>Mentor / Tutor</li>
<li>Health Services</li>
<li>Family Doctor</li>
<li>Your family and friends</li>
</ul>
<p class="mt-4">
Use the My Contacts form at <a class="font-medium underline" href="<?= site_url('/resources-and-additional-information/resources-samples/') ?>/">Resources and Additional Information</a> to write down contact information for these people and services.
</p>
<div class="py-8 space-y-4 lg:w-1/4 mx-auto">
<img src="<?php echo get_template_directory_uri() . '/assets/images/bgs/you-got-this.png' ?>" alt="You Got This">
</div>
</div>
</div>
</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">Accessing the available resources in my college such as cultural rooms, the Indigenous student advisor, the campus elder, my peers, my professors, and program coordinator allowed me to create my own support system in the facility that was easily accessible and created a sense of security for myself in this new chapter of my life.</p>
<img class="inline h-56 aspect-video object-cover mt-4" src="<?= get_template_directory_uri() ?>/assets/images/people/student_image.png" alt="Accomodations Quote Student">
</div>
</div>
<div class="p-4">
<div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
<p class="font-medium">Indigenous Support Services</p>
<p>Along with student services for all students,
Ontario colleges and universities have Indigenous
support centres. These centres may offer the
following:</p>
<ul class="list-disc px-4 space-y-2">
<li>Cultural activities</li>
<li>Occasional food and drop-in feasts</li>
<li>Elder support and guidance</li>
<li>Study tips (i.e., essay writing, managing time, meeting deadlines and meeting your personal goals)</li>
</ul>
</div>
</div>
<div class="py-4 px-6">
<p class="font-bold text-red-500">Orientation Activities</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>College and university programs usually have orientations in September. This is a good place to meet new friends and familiarize yourself with the campus, programs and supports offered by your school.</li>
<li>Some orientations for Indigenous students are held off-campus in various urban centres.</li>
</ul>
</div>
<div class="max-w-7xl mx-auto lg:flex flex-col items-center">
<div class="italic py-8 px-8 bg-cadet-500 text-cadet-900 space-y-4">
<i class="bi-quote text-7xl inline text-cadet-300"></i>
<p class="font-medium inline text-xl">Participating in cultural events on my campus allowed
me to connect with these supports on a personal level
while also connecting to my culture. Connecting to my
culture was also important in ensuring my well-being
and creating the balance between traditional and
contemporary life that many of us Indigenous students
often are faced with.</p>
<p class="mt-4 mb-2 font-medium">Mackenzie Young, Mattagami First Nation</p>
<p>Northern College Graduate – Social Services Program</p>
</div>
</div>
</div>
</article>

48
templates/internal/tips-to-increase-income.php
View File

@@ -1,25 +1,25 @@
<article>
<div class="py-4 px-6">
<p class="font-bold text-red-500">Some things you can do to increase your income</p>
</div>
<div class="flex justify-center max-w-xl mx-auto mb-4">
<img class="w-3/5" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/increasing-income.png" alt="Increasing Income">
</div>
<!-- Income Tips -->
<div class="p-4">
<div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
<ul class="list-disc px-4 space-y-2">
<li>Get a part-time job as soon possible but remember that education is the priority.</li>
<li>Apply for grants, bursaries, and scholarships.</li>
<li>Complete your funding applications and visit your post-secondary counsellors.</li>
<li>Save money throughout high school.</li>
<li>Work during the summer while in high school.</li>
<li>Volunteer at events and you might get an honorarium.</li>
</ul>
</div>
</div>
<article>
<div class="py-4 px-6">
<p class="font-bold text-red-500">Some things you can do to increase your income</p>
</div>
<div class="flex justify-center max-w-xl mx-auto mb-4">
<img class="w-3/5" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/increasing-income.png" alt="Increasing Income">
</div>
<!-- Income Tips -->
<div class="p-4">
<div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
<ul class="list-disc px-4 space-y-2">
<li>Get a part-time job as soon possible but remember that education is the priority.</li>
<li>Apply for grants, bursaries, and scholarships.</li>
<li>Complete your funding applications and visit your post-secondary counsellors.</li>
<li>Save money throughout high school.</li>
<li>Work during the summer while in high school.</li>
<li>Volunteer at events and you might get an honorarium.</li>
</ul>
</div>
</div>
</article>

50
templates/internal/tips-to-reduce-expenses.php
View File

@@ -1,26 +1,26 @@
<article>
<div class="py-4 px-6">
<p class="font-bold text-red-500">Some things you can do to reduce your expenses</p>
</div>
<!-- Expenses Tips -->
<div class="px-4">
<div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
<ul class="list-disc px-4 space-y-2">
<li>Buy what you need, not what you want.</li>
<li>Visit your school and community food banks for assistance when needed.</li>
<li>Look for coupons to save money on food. (Flipp App is an app for coupons).</li>
<li>Look for an all-inclusive apartment with roommates to reduce costs.</li>
<li>Limit your spending on expensive clothing. Consider shopping at thrift stores.</li>
<li>Share taxi rides or carpool with someone you know.</li>
<li>Take the bus. Students usually have a bus pass included with their student fees, so be sure to check with your funders.</li>
</ul>
</div>
</div>
<div class="flex justify-center max-w-xl mx-auto my-4">
<img class="w-4/5 lg:w-1/3" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/expense-reduction.png" alt="Decrease Expenses">
</div>
<article>
<div class="py-4 px-6">
<p class="font-bold text-red-500">Some things you can do to reduce your expenses</p>
</div>
<!-- Expenses Tips -->
<div class="px-4">
<div class="p-4 space-y-4 w-full text-white bg-cadet-900 shadow-md">
<ul class="list-disc px-4 space-y-2">
<li>Buy what you need, not what you want.</li>
<li>Visit your school and community food banks for assistance when needed.</li>
<li>Look for coupons to save money on food. (Flipp App is an app for coupons).</li>
<li>Look for an all-inclusive apartment with roommates to reduce costs.</li>
<li>Limit your spending on expensive clothing. Consider shopping at thrift stores.</li>
<li>Share taxi rides or carpool with someone you know.</li>
<li>Take the bus. Students usually have a bus pass included with their student fees, so be sure to check with your funders.</li>
</ul>
</div>
</div>
<div class="flex justify-center max-w-xl mx-auto my-4">
<img class="w-4/5 lg:w-1/3" src="<?php echo get_template_directory_uri(); ?>/assets/images/bgs/expense-reduction.png" alt="Decrease Expenses">
</div>
</article>

70
templates/internal/transportation.php
View File

@@ -1,36 +1,36 @@
<article>
<div class="bg-white">
<h2 class="text-xl p-4 text-red-500 font-bold">Getting Around</h2>
<div class="px-4">
<p class="">
Most colleges and universities provide a bus pass for students, paid through student fees.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Information on city bus routes and times are available online through the city website.</li>
<li>Once you know where you are living, learn which buses you will need take to get to school, to go shopping, or different places in the city.</li>
<li>Download the Transit App on your smartphone to help use the buses.</li>
<li>If possible, ride the bus with a friend.</li>
</ul>
</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">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/transportation-bus.png" alt="Public Transit">
</div>
<div class=px-4 mx-auto">
<img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/get-to-know-city.png" alt="Get To Know City">
</div>
</div>
<article>
<div class="bg-white">
<h2 class="text-xl p-4 text-red-500 font-bold">Getting Around</h2>
<div class="px-4">
<p class="">
Most colleges and universities provide a bus pass for students, paid through student fees.
</p>
<ul class="list-disc px-8 space-y-2 py-2">
<li>Information on city bus routes and times are available online through the city website.</li>
<li>Once you know where you are living, learn which buses you will need take to get to school, to go shopping, or different places in the city.</li>
<li>Download the Transit App on your smartphone to help use the buses.</li>
<li>If possible, ride the bus with a friend.</li>
</ul>
</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">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/transportation-bus.png" alt="Public Transit">
</div>
<div class=px-4 mx-auto">
<img src=" <?= get_template_directory_uri() ?>/assets/images/bgs/get-to-know-city.png" alt="Get To Know City">
</div>
</div>
</article>

112
templates/internal/understanding-your-treaties.php
View File

@@ -1,57 +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>
<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>

273
templates/partials/navigation.php
View File

@@ -1,136 +1,137 @@
<?php
include(get_theme_file_path('/includes/front-end/menu_data.php'));
require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
?>
<!-- Header -->
<section id="header-nav" class="w-full absolute bg-blue-500 top-0 z-50">
<header class="flex items-center justify-between text-center px-4 py-2 space-x-2 lg:space-x-8 bg-blue-800">
<!-- Header Logo -->
<a class="relative z-50 flex items-center space-x-4" href="<?php echo get_site_url(); ?>">
<img width="40px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/header__logo.png" alt="NAN Logo">
<h1 class="font-bold hidden lg:flex text-white text-2xl">NAN Student Handbook</h1>
</a>
<!-- Header Search -->
<?php get_search_form(); ?>
<!-- Header Buttons -->
<div class="text-white">
<button id="toggle-nav" class="toggle-menu"> <i></i> <i></i><i></i> </button>
</div>
</header>
</section>
<!-- Bottom Menu -->
<section id="footer-nav" class="w-full text-white absolute bottom-0 z-50 text-center pt-4 pb-8 bg-blue-800">
<ul class="lg:max-w-3xl mx-auto text-3xl grid grid-cols-6">
<!-- Menu Icons Loop -->
<?php foreach ($menuData as $page) { ?>
<li>
<a href="<?php echo get_site_url('/') . '/' . $page['slug']; ?>">
<i class="<?php echo $page['bootstrap_icon'] ?> text-2xl" aria-hidden="true"></i>
</a>
</li>
<?php } ?>
</ul>
</section>
<!-- Slide Out Section -->
<section id="slide-out-menu" class="fixed z-30 bg-blue-900 w-11/12 sm:w-3/5 lg:w-2/5 xl:w-4/12 2xl:w-3/12 h-full px-2">
<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>
<!-- Primary Menu -->
<ul role="list" class="text-white space-y-2">
<!-- Menu 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="accordion">
<div class="flex px-2 hover:bg-gray-800 rounded-md justify-between">
<a href="<?php echo get_site_url() . '/' . $pageSlug; ?>" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
<i class="<?php echo $pageBootstrapIcon ?> text-2xl" aria-hidden="true"></i>
<p><?php echo $pageTitle ?></p>
</a>
<?php if ($page['subpages']) { ?>
<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>
<?php } ?>
</div>
<ul class="accordion-content space-y-2">
<?php foreach ($page['subpages'] as $subpage) {
$subpageID = $subpage->ID;
$subpageTitle = $subpage->post_title;
$subpageSlug = $subpage->post_name;
$subpageBG = $subpage->post_name . '.png';
$subpageBootstrapIcon = get_field('bootstrap_icon', $subpage->ID);
?>
<li class="p-2">
<a href="<?php echo get_site_url() . '/' . $pageSlug . '/' . $subpageSlug ?>" class="flex space-x-2 items-center"><i class="bi-caret-right-fill"></i>
<p><?php echo $subpageTitle ?></p>
</a>
</li>
<?php } ?>
</ul>
</li>
<!-- Horizontal Rule -->
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
<?php } ?>
</ul>
</nav>
</div>
</section>
<!-- Splash Screen Content-->
<section id="splash-screen" class="hidden absolute w-full bottom-0 h-screen items-center justify-center">
<div class="space-y-8 px-4 text-white flex flex-col h-screen justify-center items-center">
<img class="w-56" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/logo-white.png" alt="Splash Logo">
<h1 class="uppercase text-center font-bold text-xl">A student handbook for post secondary transitions</h1>
<button id="app-enter" class="bg-blue-800 shadow-sm shadow-gray-50 px-12 py-4 rounded-md"><i class="bi bi-box-arrow-in-right pr-4"></i>Enter</button>
</div>
</section>
<?php
include(get_theme_file_path('/includes/front-end/menu_data.php'));
require_once(get_theme_file_path('/includes/back-end/helper_functions.php'));
?>
<!-- Header -->
<section id="header-nav" class="w-full absolute bg-blue-500 top-0 z-50">
<header class="flex items-center justify-between text-center px-4 py-2 space-x-2 lg:space-x-8 bg-blue-800">
<!-- Header Logo -->
<a class="relative z-50 flex items-center space-x-4" href="<?php echo get_site_url(); ?>">
<img width="40px" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/header__logo.png" alt="NAN Logo">
<h1 class="font-bold hidden lg:flex text-white text-2xl">NAN Student Handbook</h1>
</a>
<!-- Header Search -->
<?php get_search_form(); ?>
<!-- Header Buttons -->
<div class="text-white">
<button id="toggle-nav" class="toggle-menu"> <i></i> <i></i><i></i> </button>
</div>
</header>
</section>
<!-- Bottom Menu -->
<section id="footer-nav" class="w-full text-white absolute bottom-0 z-50 text-center pt-4 pb-8 bg-blue-800">
<ul class="lg:max-w-3xl mx-auto text-3xl grid grid-cols-6">
<!-- Menu Icons Loop -->
<?php foreach ($menuData as $page) { ?>
<li>
<a href="<?php echo get_site_url('/') . '/' . $page['slug']; ?>">
<i class="<?php echo $page['bootstrap_icon'] ?> text-2xl" aria-hidden="true"></i>
</a>
</li>
<?php } ?>
</ul>
</section>
<!-- Slide Out Section -->
<section id="slide-out-menu" class="fixed z-30 bg-blue-900 w-11/12 sm:w-3/5 lg:w-2/5 xl:w-4/12 2xl:w-3/12 h-full px-2">
<div class="h-full space-y-8 overflow-x-hidden overflow-y-scroll no-scrollbar pt-24 pb-28">
<!-- Menu Section -->
<nav>
<!-- Primary Menu -->
<ul role="list" class="text-white space-y-2">
<!-- Menu 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="accordion">
<div class="flex px-2 hover:bg-gray-800 rounded-md justify-between">
<a href="<?php echo get_site_url() . '/' . $pageSlug; ?>" class="gap-x-3 rounded-md p-2 text-sm leading-6 font-semibold flex items-center align-middle">
<i class="<?php echo $pageBootstrapIcon ?> text-2xl" aria-hidden="true"></i>
<p><?php echo $pageTitle ?></p>
</a>
<?php if ($page['subpages']) { ?>
<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>
<?php } ?>
</div>
<ul class="accordion-content space-y-2">
<?php foreach ($page['subpages'] as $subpage) {
$subpageID = $subpage->ID;
$subpageTitle = $subpage->post_title;
$subpageSlug = $subpage->post_name;
$subpageBG = $subpage->post_name . '.png';
$subpageBootstrapIcon = get_field('bootstrap_icon', $subpage->ID);
?>
<li class="p-2">
<a href="<?php echo get_site_url() . '/' . $pageSlug . '/' . $subpageSlug ?>" class="flex space-x-2 items-center"><i class="bi-caret-right-fill"></i>
<p><?php echo $subpageTitle ?></p>
</a>
</li>
<?php } ?>
</ul>
</li>
<!-- Horizontal Rule -->
<div class="horizontal-rule w-4/5 mt-4 mx-auto bg-gray-800"></div>
<?php } ?>
</ul>
</nav>
</div>
</section>
<!-- Splash Screen Content-->
<section id="splash-screen" class="hidden absolute w-full bottom-0 h-screen items-center justify-center">
<div class="space-y-8 px-4 text-white flex flex-col h-screen justify-center items-center">
<img class="w-56" src="<?php echo get_template_directory_uri(); ?>/assets/images/logos/logo-white.png" alt="Splash Logo">
<h1 class="uppercase text-center font-bold text-xl">A student handbook for post secondary transitions</h1>
<button id="app-enter" class="bg-blue-800 shadow-sm shadow-gray-50 px-12 py-4 rounded-md"><i class="bi bi-box-arrow-in-right pr-4"></i>Enter</button>
</div>
</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>

46
templates/partials/page_header.php
View File

@@ -1,24 +1,24 @@
<?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 = 'internal/' . $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>
<?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 = 'internal/' . $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>
<?php get_template_part('/templates/partials/quick_links'); ?>

82
templates/partials/quick_links.php
View File

@@ -1,41 +1,41 @@
<?php
$current_slug = get_post_field('post_name', get_post());
$pages = get_pages_as_array();
$pageForSlug = getPageForSlug($pages, $current_slug);
$parentPage = $pageForSlug->post_parent;
if ($parentPage === 0) {
$subpages = getSubpagesForSlug($pages, $current_slug);
} else $subpages = getSubpagesForSlug($pages, $pages[$parentPage]['page']->post_name);
if ($parentPage != 0 && count($subpages) > 0) { ?>
<div class="px-2 mt-4">
<ul role="list" class="max-w-7xl mx-auto text-blue-500 bg-white border-blue-500 border py-4 mb-4 rounded-md">
<li class="accordion">
<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 }
<?php
$current_slug = get_post_field('post_name', get_post());
$pages = get_pages_as_array();
$pageForSlug = getPageForSlug($pages, $current_slug);
$parentPage = $pageForSlug->post_parent;
if ($parentPage === 0) {
$subpages = getSubpagesForSlug($pages, $current_slug);
} else $subpages = getSubpagesForSlug($pages, $pages[$parentPage]['page']->post_name);
if ($parentPage != 0 && count($subpages) > 0) { ?>
<div class="px-2 mt-4">
<ul role="list" class="max-w-7xl mx-auto text-blue-500 bg-white border-blue-500 border py-4 mb-4 rounded-md">
<li class="accordion">
<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 }

76
templates/partials/subcategory_cards.php
View File

@@ -1,38 +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) { ?>
<div class="py-4 px-2 lg:h-full">
<ul class="grid grid-cols-1 lg:grid-cols-2 gap-2 lg:h-full place-items-stretch">
<?php
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/internal/<?php echo $subpage->post_name ?>.png');">
<a class="relative w-full py-8 px-4 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 ?>">
<div class="bg-white bg-opacity-60 rounded-md py-2 px-4 lg:px-8">
<h2 class="font-bold uppercase"><?php echo $subpage->post_title ?></h2>
</div>
<?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 }
<!-- 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) { ?>
<div class="py-4 px-2 lg:h-full">
<ul class="grid grid-cols-1 lg:grid-cols-2 gap-2 lg:h-full place-items-stretch">
<?php
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/internal/<?php echo $subpage->post_name ?>.png');">
<a class="relative w-full py-8 px-4 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 ?>">
<div class="bg-white bg-opacity-60 rounded-md py-2 px-4 lg:px-8">
<h2 class="font-bold uppercase"><?php echo $subpage->post_title ?></h2>
</div>
<?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 }