\n
\n );\n}\n","import classes from \"../Styling/SharedStyling.module.css\"\n\nimport React, { useEffect, useState } from 'react';\nimport mockup1 from '../Images/MovingTasksItems/Tasks_1.png';\nimport mockup2 from '../Images/MovingTasksItems/Items_1.png';\nimport mockup3 from '../Images/MovingTasksItems/Tasks_Detail.png';\nimport mockup4 from '../Images/MovingTasksItems/Items_Detailed.png';\nimport mockup5 from '../Images/MovingTasksItems/Settings_1.png';\nimport mockup6 from '../Images/MovingTasksItems/Items_Searching.png';\nimport mockup7 from '../Images/MovingTasksItems/DarkMode.png';\n\nexport default function MovingHelperPage()\n{\n const thresholdWidth = 1000; // MUST BE CHANGED IN TANDEM WITH CSS\n\n const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());\n\n function getWindowDimensions() {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height\n };\n }\n \n useEffect(() => {\n function handleResize() {\n setWindowDimensions(getWindowDimensions());\n }\n\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n function leadingImageLayout(text: String, imgSource: string, dark: boolean = false)\n {\n return (\n \n \n ![\"\"]()
\n 
navigate(\"./movingtasksanditems\")} />\n \n
\n \n \n ![\"\"]()
\n 
navigate(\"./thejobhunt\")} />\n \n
\n \n
\n );\n }\n\n function trailingImageLayout(text: String, imgSource: string)\n {\n return (\n windowDimensions.width > thresholdWidth ?\n \n 
\n
\n {text}
\n\n
\n : \n leadingImageLayout(text, imgSource)\n );\n }\n\n return (\n {text}
\n\n \n
\n \n
\n );\n}","import classes from \"../Styling/SharedStyling.module.css\"\n\nimport React, { useEffect, useState } from 'react';\nimport mockup1 from '../Images/TheJobHuntScreenshots/Home_Screen.png';\nimport mockup2 from '../Images/TheJobHuntScreenshots/Applied_Screen.png';\nimport mockup3 from '../Images/TheJobHuntScreenshots/Attributes_Screen.png';\nimport mockup4 from '../Images/TheJobHuntScreenshots/Contacts_Screen.png';\nimport mockup5 from '../Images/TheJobHuntScreenshots/Notes_Screen.png';\nimport mockup6 from '../Images/TheJobHuntScreenshots/History_Screen.png';\nimport mockup7 from '../Images/TheJobHuntScreenshots/Offer_Screen.png';\n\nexport default function TheJobHuntPage()\n{\n const thresholdWidth = 1000; // MUST BE CHANGED IN TANDEM WITH CSS\n\n const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());\n\n function getWindowDimensions() {\n const { innerWidth: width, innerHeight: height } = window;\n return {\n width,\n height\n };\n }\n \n useEffect(() => {\n function handleResize() {\n setWindowDimensions(getWindowDimensions());\n }\n\n window.addEventListener('resize', handleResize);\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n function leadingImageLayout(text: String, imgSource: string)\n {\n return (\n \n
\n\n {leadingImageLayout(\"Keep Track Of Tasks And Deadlines At A Glance...\", mockup1)}\n {trailingImageLayout(\"Add Items For Your Move...\", mockup2)}\n {leadingImageLayout(\"Add Status Updates, Subtasks, and Link To Items...\", mockup3)}\n {trailingImageLayout(\"Add Tags, Dimensions, Contents, and Link To Tasks...\", mockup4)}\n {leadingImageLayout(\"Keep Track Of Multiple Moves Simultaneously...\", mockup5)}\n {trailingImageLayout(\"Search To Quickly Find Tasks And Items...\", mockup6)}\n {leadingImageLayout(\"Also Available In Dark Mode.\", mockup7, true)}\n Moving - Tasks & Items
\n learn more \n\n
\n );\n }\n\n function trailingImageLayout(text: String, imgSource: string)\n {\n return (\n windowDimensions.width > thresholdWidth ?\n \n \n
\n {text}
\n\n
\n : \n leadingImageLayout(text, imgSource)\n );\n }\n\n return (\n {text}
\n\n \n
\n \n
\n );\n}","import ReactDOM from \"react-dom/client\";\nimport { BrowserRouter, Routes, Route } from \"react-router-dom\";\nimport Layout from \"./Layout\";\nimport React from \"react\";\nimport HomePage from \"./HomePage\";\nimport MyAppsOverview from \"./MyAppsOverview\";\nimport MovingHelperPage from \"./MovingHelperPage\";\nimport TheJobHuntPage from \"./TheJobHuntPage\";\n\nexport default function App() {\n return (\n \n
\n\n {leadingImageLayout(\"Keep Track Of Job Applications At A Glance...\", mockup1)}\n {trailingImageLayout(\"Keep Everything About A Role In One Place...\", mockup2)}\n {leadingImageLayout(\"Add Custom Attributes...\", mockup3)}\n {trailingImageLayout(\"Built-In Contacts...\", mockup4)}\n {leadingImageLayout(\"Built-In Notes...\", mockup5)}\n {trailingImageLayout(\"Automatically Assembles History From Updates...\", mockup6)}\n {leadingImageLayout(\"Secure The Offer.\", mockup7)}\n