From 391c87f83f972098eb2a85bec5567b82d626a6da Mon Sep 17 00:00:00 2001 From: prospect Date: Thu, 18 Jan 2024 23:41:32 -0500 Subject: [PATCH] starting page transitions and gestures --- assets/css/styles.css | 17 ++--- assets/js/index.js | 66 +++++++++++++++++-- assets/js/index.js.map | 2 +- header.php | 4 +- ...gender-identity-and-sexual-orientation.php | 8 --- 5 files changed, 69 insertions(+), 28 deletions(-) diff --git a/assets/css/styles.css b/assets/css/styles.css index e74e1c2..8449ddf 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -1088,10 +1088,6 @@ select { max-width: 36rem; } -.max-w-full { - max-width: 100%; -} - .flex-1 { flex: 1 1 0%; } @@ -1289,11 +1285,6 @@ select { background-color: rgb(29 77 58/var(--tw-bg-opacity)); } -.bg-gray-300 { - --tw-bg-opacity: 1; - background-color: rgb(209 213 219/var(--tw-bg-opacity)); -} - .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55/var(--tw-bg-opacity)); @@ -1464,10 +1455,6 @@ select { padding-top: 1rem; } -.text-left { - text-align: left; -} - .text-center { text-align: center; } @@ -2018,6 +2005,10 @@ body.login { translate: 0 0; } +#content-container { + transition: opacity 0.5s ease-in-out; +} + #footer-nav.out-of-view { opacity: 0; translate: 0 100%; diff --git a/assets/js/index.js b/assets/js/index.js index eb1f542..09ef1e8 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -69,6 +69,61 @@ class Nav { /***/ }), +/***/ "./src/modules/PageTransitions.js": +/*!****************************************!*\ + !*** ./src/modules/PageTransitions.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 PageTransitions { + constructor() { + this.init(); + this.links = document.querySelectorAll('a'); + console.log(this.links); + } + init() { + document.addEventListener('DOMContentLoaded', () => { + this.addClickListener(); + console.log('The DOM has loaded'); + }); + } + addClickListener() { + this.links.forEach(link => { + link.addEventListener('click', e => { + if (this.isExternalLink(link)) { + link.setAttribute('target', '_blank'); + } + e.preventDefault(); + }); + }); + } + loadContent(targetUrl) { + fetch(targetUrl).then(response => response.text()).then(data => { + this.updateContent(data); + history.pushState(null, null, targetUrl); + }).catch(error => console.error('Error fetching content:', error)); + } + updateContent(data) { + const contentContainer = document.getElementById('content-container'); + const parsedData = new DOMParser().parseFromString(data, 'text/html'); + contentContainer.innerHTML = parsedData.getElementById('content').innerHTML; + } + + // Function to check if a link is external + isExternalLink(link) { + const currentDomain = window.location.hostname; + const linkDomain = link.hostname; + return linkDomain !== currentDomain; + } +} +/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (PageTransitions); + +/***/ }), + /***/ "./src/modules/SplashScreen.js": /*!*************************************!*\ !*** ./src/modules/SplashScreen.js ***! @@ -198,6 +253,7 @@ __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"); // Our modules / classes // Import modules e.g import MobileMenu from "./modules/MobileMenu" @@ -205,13 +261,15 @@ __webpack_require__.r(__webpack_exports__); + // Instantiate a new object using our modules/classes // e.g var mobileMenu = new MobileMenu() -var testModule = new _modules_TestModule__WEBPACK_IMPORTED_MODULE_0__["default"](); -var navControl = new _modules_NavControl__WEBPACK_IMPORTED_MODULE_1__["default"](); -var collapsePanel = new _modules_CollapsePanel__WEBPACK_IMPORTED_MODULE_2__["default"](); -var splashScreen = new _modules_SplashScreen__WEBPACK_IMPORTED_MODULE_3__["default"](); +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"](); })(); /******/ })() diff --git a/assets/js/index.js.map b/assets/js/index.js.map index 2dab44b..7d8d0f4 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('#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 +{"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/PageTransitions.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 PageTransitions {\r\n constructor() {\r\n this.init()\r\n this.links = document.querySelectorAll('a')\r\n console.log(this.links)\r\n }\r\n\r\n init() {\r\n document.addEventListener('DOMContentLoaded', () => {\r\n this.addClickListener()\r\n console.log('The DOM has loaded')\r\n })\r\n }\r\n\r\n addClickListener() {\r\n this.links.forEach((link) => {\r\n link.addEventListener('click', (e) => {\r\n if (this.isExternalLink(link)) {\r\n link.setAttribute('target', '_blank')\r\n }\r\n e.preventDefault()\r\n })\r\n })\r\n }\r\n\r\n loadContent(targetUrl) {\r\n fetch(targetUrl)\r\n .then((response) => response.text())\r\n .then((data) => {\r\n this.updateContent(data)\r\n history.pushState(null, null, targetUrl)\r\n })\r\n .catch((error) => console.error('Error fetching content:', error))\r\n }\r\n\r\n updateContent(data) {\r\n const contentContainer = document.getElementById('content-container')\r\n const parsedData = new DOMParser().parseFromString(data, 'text/html')\r\n contentContainer.innerHTML = parsedData.getElementById('content').innerHTML\r\n }\r\n\r\n // Function to check if a link is external\r\n isExternalLink(link) {\r\n const currentDomain = window.location.hostname\r\n const linkDomain = link.hostname\r\n\r\n return linkDomain !== currentDomain\r\n }\r\n}\r\n\r\nexport default PageTransitions\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\nimport PageTransitions from './modules/PageTransitions'\r\n\r\n// Instantiate a new object using our modules/classes\r\n// e.g var mobileMenu = new MobileMenu()\r\n\r\nconst testModule = new Test()\r\nconst navControl = new NavControl()\r\nconst collapsePanel = new CollapsePanel()\r\nconst splashScreen = new SplashScreen()\r\nconst pageTransitions = new PageTransitions()\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","PageTransitions","init","links","console","log","addClickListener","link","e","isExternalLink","setAttribute","preventDefault","loadContent","targetUrl","fetch","then","response","text","data","updateContent","history","pushState","catch","error","contentContainer","parsedData","DOMParser","parseFromString","innerHTML","currentDomain","window","location","hostname","linkDomain","SplashScreen","enterBtn","splashScreen","headerNav","footerNav","enterApp","add","Test","NavControl","testModule","navControl","collapsePanel","pageTransitions"],"sourceRoot":""} \ No newline at end of file diff --git a/header.php b/header.php index d77dc38..47229a4 100644 --- a/header.php +++ b/header.php @@ -15,7 +15,7 @@ ?> -> +>
@@ -96,7 +96,7 @@ ?>
  • -