diff --git a/assets/css/styles.css b/assets/css/styles.css index 2d815c1..05722b3 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -1452,6 +1452,10 @@ select { z-index: 50; } +.col-span-3 { + grid-column: span 3/span 3; +} + .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem; @@ -1462,11 +1466,20 @@ select { margin-right: auto; } +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} + .my-4 { margin-top: 1rem; margin-bottom: 1rem; } +.mb-2 { + margin-bottom: 0.5rem; +} + .mb-4 { margin-bottom: 1rem; } @@ -1475,6 +1488,10 @@ select { margin-left: auto; } +.mt-2 { + margin-top: 0.5rem; +} + .mt-4 { margin-top: 1rem; } @@ -1483,10 +1500,6 @@ select { margin-top: 2rem; } -.mb-2 { - margin-bottom: 0.5rem; -} - .inline { display: inline; } @@ -1503,6 +1516,10 @@ select { display: none; } +.aspect-video { + aspect-ratio: 16/9; +} + .h-20 { height: 5rem; } @@ -1511,6 +1528,10 @@ select { height: 6rem; } +.h-56 { + height: 14rem; +} + .h-full { height: 100%; } @@ -1523,10 +1544,18 @@ select { width: 8.333333%; } +.w-1\/3 { + width: 33.333333%; +} + .w-11\/12 { width: 91.666667%; } +.w-3\/5 { + width: 60%; +} + .w-4\/5 { width: 80%; } @@ -1539,14 +1568,31 @@ select { width: 100%; } +.max-w-64 { + max-width: 16rem; +} + .max-w-7xl { max-width: 80rem; } +.max-w-xl { + max-width: 36rem; +} + .flex-1 { flex: 1 1 0%; } +.shrink { + flex-shrink: 1; +} + +.-skew-y-6 { + --tw-skew-y: -6deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +} + .list-inside { list-style-position: inside; } @@ -1559,6 +1605,14 @@ select { grid-template-columns: repeat(1, minmax(0, 1fr)); } +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} + .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } @@ -1591,6 +1645,10 @@ select { gap: 0.5rem; } +.gap-4 { + gap: 1rem; +} + .gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; @@ -1674,11 +1732,26 @@ select { background-color: rgb(2 9 23/var(--tw-bg-opacity)); } +.bg-cadet-100 { + --tw-bg-opacity: 1; + background-color: rgb(245 247 247/var(--tw-bg-opacity)); +} + +.bg-cadet-300 { + --tw-bg-opacity: 1; + background-color: rgb(206 219 218/var(--tw-bg-opacity)); +} + .bg-cadet-500 { --tw-bg-opacity: 1; background-color: rgb(142 168 164/var(--tw-bg-opacity)); } +.bg-cadet-800 { + --tw-bg-opacity: 1; + background-color: rgb(52 102 86/var(--tw-bg-opacity)); +} + .bg-cadet-900 { --tw-bg-opacity: 1; background-color: rgb(29 77 58/var(--tw-bg-opacity)); @@ -1699,11 +1772,31 @@ select { background-color: rgb(17 24 39/var(--tw-bg-opacity)); } +.bg-green-600 { + --tw-bg-opacity: 1; + background-color: rgb(24 87 76/var(--tw-bg-opacity)); +} + +.bg-red-500 { + --tw-bg-opacity: 1; + background-color: rgb(149 29 32/var(--tw-bg-opacity)); +} + +.bg-red-600 { + --tw-bg-opacity: 1; + background-color: rgb(133 23 26/var(--tw-bg-opacity)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } +.bg-yellow-300 { + --tw-bg-opacity: 1; + background-color: rgb(245 224 162/var(--tw-bg-opacity)); +} + .bg-opacity-40 { --tw-bg-opacity: 0.4; } @@ -1780,6 +1873,10 @@ select { padding-bottom: 5rem; } +.pb-8 { + padding-bottom: 2rem; +} + .pb-\[65px\] { padding-bottom: 65px; } @@ -1800,6 +1897,10 @@ select { padding-top: 6rem; } +.pt-4 { + padding-top: 1rem; +} + .text-center { text-align: center; } @@ -1885,6 +1986,11 @@ select { color: rgb(4 14 31/var(--tw-text-opacity)); } +.text-blue-900 { + --tw-text-opacity: 1; + color: rgb(2 9 23/var(--tw-text-opacity)); +} + .text-cadet-300 { --tw-text-opacity: 1; color: rgb(206 219 218/var(--tw-text-opacity)); @@ -1895,6 +2001,11 @@ select { color: rgb(29 77 58/var(--tw-text-opacity)); } +.text-red-500 { + --tw-text-opacity: 1; + color: rgb(149 29 32/var(--tw-text-opacity)); +} + .text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); @@ -2005,12 +2116,24 @@ html { .lg\:flex { display: flex; } + .lg\:grid { + display: grid; + } .lg\:h-1\/3 { height: 33.333333%; } .lg\:h-full { height: 100%; } + .lg\:w-1\/2 { + width: 50%; + } + .lg\:w-1\/3 { + width: 33.333333%; + } + .lg\:w-1\/4 { + width: 25%; + } .lg\:w-2\/4 { width: 50%; } @@ -2182,7 +2305,7 @@ body.login { position: absolute; opacity: 0; transition: all 600ms ease-in-out; - padding: 1rem 1rem 1rem 2rem; + padding: 1rem; } @media (min-width: 1024px) { .accordion-content { @@ -2350,6 +2473,36 @@ body.login { background-position: center; } +.bg-attending-college-or-university { + background-image: url(../../assets/images/bgs/attending-college-or-university.png); + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} + +.iceberg-illusion { + background-image: url(../../assets/images/bgs/attending-college-or-university.png); + background-repeat: no-repeat; + background-size: cover; + background-position: center; +} + +.differences-columns:nth-child(odd) { + background-color: var(--copper-200); /* Odd row background color */ +} + +.tips-columns:nth-child(odd) { + background-color: var(--cadet-500); /* Odd row background color */ +} + +.terms-columns:nth-child(even) { + background-color: var(--cadet-500); /* Odd row background color */ +} + +.comparisons-columns:nth-child(even) { + background-color: var(--copper-200); /* Odd row background color */ +} + .flip { transform: scaleX(-1); } diff --git a/assets/images/bgs/tinified.zip b/assets/images/bgs/NAN App.zip similarity index 100% rename from assets/images/bgs/tinified.zip rename to assets/images/bgs/NAN App.zip diff --git a/assets/images/bgs/advocate-for-yourself.png b/assets/images/bgs/advocate-for-yourself.png new file mode 100644 index 0000000..bb47d39 Binary files /dev/null and b/assets/images/bgs/advocate-for-yourself.png differ diff --git a/assets/images/bgs/attend-your-classes.png b/assets/images/bgs/attend-your-classes.png new file mode 100644 index 0000000..5e76182 Binary files /dev/null and b/assets/images/bgs/attend-your-classes.png differ diff --git a/assets/images/bgs/attending-college-or-university.png b/assets/images/bgs/attending-college-or-university.png new file mode 100644 index 0000000..58d750e Binary files /dev/null and b/assets/images/bgs/attending-college-or-university.png differ diff --git a/assets/images/bgs/backsplash.png b/assets/images/bgs/backsplash.png index 11d6735..45f751e 100644 Binary files a/assets/images/bgs/backsplash.png and b/assets/images/bgs/backsplash.png differ diff --git a/assets/images/bgs/cash-in-hand.png b/assets/images/bgs/cash-in-hand.png new file mode 100644 index 0000000..70c0130 Binary files /dev/null and b/assets/images/bgs/cash-in-hand.png differ diff --git a/assets/images/bgs/check-all-your-options.png b/assets/images/bgs/check-all-your-options.png new file mode 100644 index 0000000..7be56bd Binary files /dev/null and b/assets/images/bgs/check-all-your-options.png differ diff --git a/assets/images/bgs/daily-living-and-housing.png b/assets/images/bgs/daily-living-and-housing.png index d5db52f..1abb63b 100644 Binary files a/assets/images/bgs/daily-living-and-housing.png and b/assets/images/bgs/daily-living-and-housing.png differ diff --git a/assets/images/bgs/discipline-over-motivation.png b/assets/images/bgs/discipline-over-motivation.png new file mode 100644 index 0000000..27895da Binary files /dev/null and b/assets/images/bgs/discipline-over-motivation.png differ diff --git a/assets/images/bgs/effective-communication-skills.png b/assets/images/bgs/effective-communication-skills.png new file mode 100644 index 0000000..914f369 Binary files /dev/null and b/assets/images/bgs/effective-communication-skills.png differ diff --git a/assets/images/bgs/expense-reduction.png b/assets/images/bgs/expense-reduction.png new file mode 100644 index 0000000..11f94f6 Binary files /dev/null and b/assets/images/bgs/expense-reduction.png differ diff --git a/assets/images/bgs/fit-school-into-life.png b/assets/images/bgs/fit-school-into-life.png new file mode 100644 index 0000000..cf29bfd Binary files /dev/null and b/assets/images/bgs/fit-school-into-life.png differ diff --git a/assets/images/bgs/goals-and-objectives.png b/assets/images/bgs/goals-and-objectives.png index 9d0cfc1..e428b5e 100644 Binary files a/assets/images/bgs/goals-and-objectives.png and b/assets/images/bgs/goals-and-objectives.png differ diff --git a/assets/images/bgs/housing-graphics.png b/assets/images/bgs/housing-graphics.png new file mode 100644 index 0000000..f07c9a7 Binary files /dev/null and b/assets/images/bgs/housing-graphics.png differ diff --git a/assets/images/bgs/iceberg-illusion.png b/assets/images/bgs/iceberg-illusion.png new file mode 100644 index 0000000..db36745 Binary files /dev/null and b/assets/images/bgs/iceberg-illusion.png differ diff --git a/assets/images/bgs/income-tax-t4.png b/assets/images/bgs/income-tax-t4.png new file mode 100644 index 0000000..8aac122 Binary files /dev/null and b/assets/images/bgs/income-tax-t4.png differ diff --git a/assets/images/bgs/increasing-income.png b/assets/images/bgs/increasing-income.png new file mode 100644 index 0000000..062cce7 Binary files /dev/null and b/assets/images/bgs/increasing-income.png differ diff --git a/assets/images/bgs/independent-learning.png b/assets/images/bgs/independent-learning.png new file mode 100644 index 0000000..ba48c51 Binary files /dev/null and b/assets/images/bgs/independent-learning.png differ diff --git a/assets/images/bgs/login_bg.jpeg b/assets/images/bgs/login_bg.jpeg index b2e240b..e872355 100644 Binary files a/assets/images/bgs/login_bg.jpeg and b/assets/images/bgs/login_bg.jpeg differ diff --git a/assets/images/bgs/make-plans-early.png b/assets/images/bgs/make-plans-early.png new file mode 100644 index 0000000..ebf2e0d Binary files /dev/null and b/assets/images/bgs/make-plans-early.png differ diff --git a/assets/images/bgs/managing-your-finances.png b/assets/images/bgs/managing-your-finances.png index e93b16c..f035514 100644 Binary files a/assets/images/bgs/managing-your-finances.png and b/assets/images/bgs/managing-your-finances.png differ diff --git a/assets/images/bgs/mental-health-and-wellness.png b/assets/images/bgs/mental-health-and-wellness.png index bb6938e..2a3d98f 100644 Binary files a/assets/images/bgs/mental-health-and-wellness.png and b/assets/images/bgs/mental-health-and-wellness.png differ diff --git a/assets/images/bgs/online-learning.png b/assets/images/bgs/online-learning.png new file mode 100644 index 0000000..7445810 Binary files /dev/null and b/assets/images/bgs/online-learning.png differ diff --git a/assets/images/bgs/prep-for-univerisity.png b/assets/images/bgs/prep-for-univerisity.png index de73a35..4a836dd 100644 Binary files a/assets/images/bgs/prep-for-univerisity.png and b/assets/images/bgs/prep-for-univerisity.png differ diff --git a/assets/images/bgs/preparing-for-college-and-university.png b/assets/images/bgs/preparing-for-college-and-university.png index 5d562a6..b3a2038 100644 Binary files a/assets/images/bgs/preparing-for-college-and-university.png and b/assets/images/bgs/preparing-for-college-and-university.png differ diff --git a/assets/images/bgs/pros-and-cons-list.png b/assets/images/bgs/pros-and-cons-list.png new file mode 100644 index 0000000..8471b5f Binary files /dev/null and b/assets/images/bgs/pros-and-cons-list.png differ diff --git a/assets/images/bgs/remote-work.png b/assets/images/bgs/remote-work.png new file mode 100644 index 0000000..e005692 Binary files /dev/null and b/assets/images/bgs/remote-work.png differ diff --git a/assets/images/bgs/rent-apartment.png b/assets/images/bgs/rent-apartment.png new file mode 100644 index 0000000..d7c0fa1 Binary files /dev/null and b/assets/images/bgs/rent-apartment.png differ diff --git a/assets/images/bgs/residence.png b/assets/images/bgs/residence.png new file mode 100644 index 0000000..bbaa780 Binary files /dev/null and b/assets/images/bgs/residence.png differ diff --git a/assets/images/bgs/resources-and-additional-information.png b/assets/images/bgs/resources-and-additional-information.png index 0c30f01..64615bb 100644 Binary files a/assets/images/bgs/resources-and-additional-information.png and b/assets/images/bgs/resources-and-additional-information.png differ diff --git a/assets/images/bgs/room-with-family-or-friends.png b/assets/images/bgs/room-with-family-or-friends.png new file mode 100644 index 0000000..68bbc78 Binary files /dev/null and b/assets/images/bgs/room-with-family-or-friends.png differ diff --git a/assets/images/bgs/share-achievements.png b/assets/images/bgs/share-achievements.png new file mode 100644 index 0000000..ad68bf8 Binary files /dev/null and b/assets/images/bgs/share-achievements.png differ diff --git a/assets/images/bgs/you-can-do-it.png b/assets/images/bgs/you-can-do-it.png new file mode 100644 index 0000000..54c10ad Binary files /dev/null and b/assets/images/bgs/you-can-do-it.png differ diff --git a/assets/images/bgs/you-got-this.png b/assets/images/bgs/you-got-this.png new file mode 100644 index 0000000..242db90 Binary files /dev/null and b/assets/images/bgs/you-got-this.png differ diff --git a/assets/images/people/student_image.png b/assets/images/people/student_image.png new file mode 100644 index 0000000..82a0060 Binary files /dev/null and b/assets/images/people/student_image.png differ diff --git a/assets/js/index.js b/assets/js/index.js index b715673..eb1f542 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -43,7 +43,7 @@ class Nav { constructor() { this.toggleMenuBtn = document.getElementById('toggle-nav'); this.toggleSlideOutMenu = document.getElementById('slide-out-menu'); - this.accordions = document.querySelectorAll('.accordion'); + this.accordions = document.querySelectorAll('#slide-out-menu .accordion'); this.toggleCollapse(); this.events(); } diff --git a/assets/js/index.js.map b/assets/js/index.js.map index 9752fa2..2dab44b 100644 --- a/assets/js/index.js.map +++ b/assets/js/index.js.map @@ -1 +1 @@ -{"version":3,"file":"index.js","mappings":"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","sources":["webpack://starter/./src/modules/CollapsePanel.js","webpack://starter/./src/modules/NavControl.js","webpack://starter/./src/modules/SplashScreen.js","webpack://starter/./src/modules/TestModule.js","webpack://starter/webpack/bootstrap","webpack://starter/webpack/runtime/define property getters","webpack://starter/webpack/runtime/hasOwnProperty shorthand","webpack://starter/webpack/runtime/make namespace object","webpack://starter/./src/index.js"],"sourcesContent":["class CollapsePanel {\r\n constructor() {\r\n this.toggles = document.querySelectorAll('.accordion-toggle')\r\n this.toggleCollapse()\r\n }\r\n\r\n toggleCollapse() {\r\n this.toggles.forEach((toggle) => {\r\n toggle.addEventListener('click', () => {\r\n toggle.parentNode.parentNode.classList.toggle('active')\r\n })\r\n })\r\n }\r\n\r\n}\r\n\r\nexport default CollapsePanel\r\n","class Nav {\r\n constructor() {\r\n this.toggleMenuBtn = document.getElementById('toggle-nav')\r\n this.toggleSlideOutMenu = document.getElementById('slide-out-menu')\r\n this.accordions = document.querySelectorAll('.accordion')\r\n this.toggleCollapse()\r\n this.events()\r\n }\r\n\r\n events() {\r\n // Open and Close the Nav Menu\r\n this.toggleMenuBtn.addEventListener('click', () => this.toggleNavMenu())\r\n }\r\n\r\n toggleNavMenu() {\r\n this.toggleMenuBtn.classList.toggle('active')\r\n this.toggleSlideOutMenu.classList.toggle('open')\r\n document.body.classList.toggle('noScroll')\r\n this.toggleCollapse()\r\n }\r\n\r\n toggleCollapse() {\r\n setTimeout(() => {\r\n this.accordions.forEach((accordion) => {\r\n accordion.classList.remove('active')\r\n })\r\n }, 600)\r\n }\r\n\r\n}\r\n\r\nexport default Nav\r\n","class SplashScreen {\r\n constructor() {\r\n this.enterBtn = document.getElementById('app-enter')\r\n this.splashScreen = document.getElementById('splash-screen')\r\n this.headerNav = document.getElementById('header-nav')\r\n this.footerNav = document.getElementById('footer-nav')\r\n this.events()\r\n }\r\n\r\n events() {\r\n // Open and Close the Nav Menu\r\n if (this.enterBtn) {\r\n this.enterBtn.addEventListener('click', () => this.enterApp())\r\n }\r\n }\r\n\r\n enterApp() {\r\n this.splashScreen.classList.add('close')\r\n setTimeout(() => {\r\n this.headerNav.classList.add('in-view')\r\n this.footerNav.classList.add('in-view')\r\n this.splashScreen.classList.add('hidden')\r\n }, 600)\r\n setTimeout(() => {\r\n this.headerNav.classList.remove('out-of-view')\r\n this.footerNav.classList.remove('out-of-view')\r\n this.headerNav.classList.remove('in-view')\r\n this.footerNav.classList.remove('in-view')\r\n }, 2000)\r\n }\r\n}\r\n\r\nexport default SplashScreen\r\n","class Test {\r\n constructor() {\r\n console.log('This Module is for testing purposes')\r\n }\r\n}\r\n\r\nexport default Test\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// Our modules / classes\r\n// Import modules e.g import MobileMenu from \"./modules/MobileMenu\"\r\nimport Test from './modules/TestModule'\r\nimport NavControl from './modules/NavControl'\r\nimport CollapsePanel from './modules/CollapsePanel'\r\nimport SplashScreen from './modules/SplashScreen'\r\n\r\n// Instantiate a new object using our modules/classes\r\n// e.g var mobileMenu = new MobileMenu()\r\n\r\nvar testModule = new Test()\r\nvar navControl = new NavControl()\r\nvar collapsePanel = new CollapsePanel()\r\nvar splashScreen = new SplashScreen()\r\n"],"names":["CollapsePanel","constructor","toggles","document","querySelectorAll","toggleCollapse","forEach","toggle","addEventListener","parentNode","classList","Nav","toggleMenuBtn","getElementById","toggleSlideOutMenu","accordions","events","toggleNavMenu","body","setTimeout","accordion","remove","SplashScreen","enterBtn","splashScreen","headerNav","footerNav","enterApp","add","Test","console","log","NavControl","testModule","navControl","collapsePanel"],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"index.js","mappings":"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","sources":["webpack://starter/./src/modules/CollapsePanel.js","webpack://starter/./src/modules/NavControl.js","webpack://starter/./src/modules/SplashScreen.js","webpack://starter/./src/modules/TestModule.js","webpack://starter/webpack/bootstrap","webpack://starter/webpack/runtime/define property getters","webpack://starter/webpack/runtime/hasOwnProperty shorthand","webpack://starter/webpack/runtime/make namespace object","webpack://starter/./src/index.js"],"sourcesContent":["class CollapsePanel {\r\n constructor() {\r\n this.toggles = document.querySelectorAll('.accordion-toggle')\r\n this.toggleCollapse()\r\n }\r\n\r\n toggleCollapse() {\r\n this.toggles.forEach((toggle) => {\r\n toggle.addEventListener('click', () => {\r\n toggle.parentNode.parentNode.classList.toggle('active')\r\n })\r\n })\r\n }\r\n\r\n}\r\n\r\nexport default CollapsePanel\r\n","class Nav {\r\n constructor() {\r\n this.toggleMenuBtn = document.getElementById('toggle-nav')\r\n this.toggleSlideOutMenu = document.getElementById('slide-out-menu')\r\n this.accordions = document.querySelectorAll('#slide-out-menu .accordion')\r\n this.toggleCollapse()\r\n this.events()\r\n }\r\n\r\n events() {\r\n // Open and Close the Nav Menu\r\n this.toggleMenuBtn.addEventListener('click', () => this.toggleNavMenu())\r\n }\r\n\r\n toggleNavMenu() {\r\n this.toggleMenuBtn.classList.toggle('active')\r\n this.toggleSlideOutMenu.classList.toggle('open')\r\n document.body.classList.toggle('noScroll')\r\n this.toggleCollapse()\r\n }\r\n\r\n toggleCollapse() {\r\n setTimeout(() => {\r\n this.accordions.forEach((accordion) => {\r\n accordion.classList.remove('active')\r\n })\r\n }, 600)\r\n }\r\n\r\n}\r\n\r\nexport default Nav\r\n","class SplashScreen {\r\n constructor() {\r\n this.enterBtn = document.getElementById('app-enter')\r\n this.splashScreen = document.getElementById('splash-screen')\r\n this.headerNav = document.getElementById('header-nav')\r\n this.footerNav = document.getElementById('footer-nav')\r\n this.events()\r\n }\r\n\r\n events() {\r\n // Open and Close the Nav Menu\r\n if (this.enterBtn) {\r\n this.enterBtn.addEventListener('click', () => this.enterApp())\r\n }\r\n }\r\n\r\n enterApp() {\r\n this.splashScreen.classList.add('close')\r\n setTimeout(() => {\r\n this.headerNav.classList.add('in-view')\r\n this.footerNav.classList.add('in-view')\r\n this.splashScreen.classList.add('hidden')\r\n }, 600)\r\n setTimeout(() => {\r\n this.headerNav.classList.remove('out-of-view')\r\n this.footerNav.classList.remove('out-of-view')\r\n this.headerNav.classList.remove('in-view')\r\n this.footerNav.classList.remove('in-view')\r\n }, 2000)\r\n }\r\n}\r\n\r\nexport default SplashScreen\r\n","class Test {\r\n constructor() {\r\n console.log('This Module is for testing purposes')\r\n }\r\n}\r\n\r\nexport default Test\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","// Our modules / classes\r\n// Import modules e.g import MobileMenu from \"./modules/MobileMenu\"\r\nimport Test from './modules/TestModule'\r\nimport NavControl from './modules/NavControl'\r\nimport CollapsePanel from './modules/CollapsePanel'\r\nimport SplashScreen from './modules/SplashScreen'\r\n\r\n// Instantiate a new object using our modules/classes\r\n// e.g var mobileMenu = new MobileMenu()\r\n\r\nvar testModule = new Test()\r\nvar navControl = new NavControl()\r\nvar collapsePanel = new CollapsePanel()\r\nvar splashScreen = new SplashScreen()\r\n"],"names":["CollapsePanel","constructor","toggles","document","querySelectorAll","toggleCollapse","forEach","toggle","addEventListener","parentNode","classList","Nav","toggleMenuBtn","getElementById","toggleSlideOutMenu","accordions","events","toggleNavMenu","body","setTimeout","accordion","remove","SplashScreen","enterBtn","splashScreen","headerNav","footerNav","enterApp","add","Test","console","log","NavControl","testModule","navControl","collapsePanel"],"sourceRoot":""} \ No newline at end of file diff --git a/front-page.php b/front-page.php index 0e56899..31a97eb 100644 --- a/front-page.php +++ b/front-page.php @@ -12,6 +12,32 @@ require_once(get_theme_file_path('/includes/back-end/helper_functions.php')); header-banner +
+
+
+

Attending College or University

+
+

+ Transitioning from high school to college or university is a big change. If you are coming from a small First Nation, the school will likely have more students than the population of your community! There will also be students from around the world who will be learning alongside you. +

+
+
+
+
+ +

There’s so much opportunities for yourself to take, + such as meeting new people, participating in extracurricular + activities and you can do what interests + you. Also, you will notice the way you feel your + mind opening up in a way that you enjoy.”

+

Keara Isaac, Moose Cree First Nation

+

Social Service Worker – Indigenous Specialization at Cambrian College

+
+
+
+
+ +