From 40a3fea2f42c0876b180020028fab64ff1792fe5 Mon Sep 17 00:00:00 2001 From: Stefan_F <106425034+stefanfux0115@users.noreply.github.com> Date: Mon, 20 Jan 2025 13:37:22 -0500 Subject: [PATCH] reconstruct the repo --- demo-website-eleo-11/index.html | 30 ------ demo-website-eleo-11/script.js | 181 -------------------------------- demo-website-eleo-11/styles.css | 181 -------------------------------- 3 files changed, 392 deletions(-) delete mode 100644 demo-website-eleo-11/index.html delete mode 100644 demo-website-eleo-11/script.js delete mode 100644 demo-website-eleo-11/styles.css diff --git a/demo-website-eleo-11/index.html b/demo-website-eleo-11/index.html deleted file mode 100644 index 2ae3535..0000000 --- a/demo-website-eleo-11/index.html +++ /dev/null @@ -1,30 +0,0 @@ - - - - - - Housing Assistance Toolkit - Boston.gov - - - - -
-
-
-

Welcome to the Housing Assistance Toolkit

-
-
- Photo by Boston Tea Party Ships -
-
-
- -
-
- -
-
- - - - diff --git a/demo-website-eleo-11/script.js b/demo-website-eleo-11/script.js deleted file mode 100644 index 9ed56a0..0000000 --- a/demo-website-eleo-11/script.js +++ /dev/null @@ -1,181 +0,0 @@ -// State management -let currentState = { - userType: null, - currentStep: 'initial', - previousSteps: [] -}; - -// DOM Elements -const flowContainer = document.querySelector('.flow-container'); - -// Initial State -function showInitialScreen() { - flowContainer.innerHTML = ` -

Who are you?

-
- - -
- `; -} - -// User Type Selection -function selectUserType(type) { - currentState.userType = type; - currentState.previousSteps.push('initial'); - currentState.currentStep = 'mainConcern'; - showMainConcernScreen(); -} - -// Main Concern Screens -function showMainConcernScreen() { - if (currentState.userType === 'renter') { - showRenterMainConcern(); - } else { - showHomeownerMainConcern(); - } -} - -// Renter Flow -function showRenterMainConcern() { - flowContainer.innerHTML = ` -

What's on your mind?

-
- - - - - -
- ${renderBackButton()} - `; -} - -function showRenterSection(section) { - currentState.previousSteps.push('mainConcern'); - currentState.currentStep = section; - - const sections = { - knowingRights: ` -

Knowing My Rights

-
- Know Your Rights - Free Legal Clinics -
- ${renderBackButton()} - `, - stoppingEviction: ` -

Stopping Eviction

-
- Help for Tenants Facing Eviction -
- ${renderBackButton()} - `, - findingPlace: ` -

Finding a Place to Live

-
- - -
- ${renderBackButton()} - `, - buyingHome: ` -

Buying a Home

-
- - -
- ${renderBackButton()} - `, - needingMoney: ` -

Needing More $

-
- Job Training - 1-on-1 Financial Coaching - Financial Workshops -
- ${renderBackButton()} - ` - }; - - flowContainer.innerHTML = sections[section]; -} - -// Homeowner Flow -function showHomeownerMainConcern() { - flowContainer.innerHTML = ` -

What's on your mind?

-
- - - - -
- ${renderBackButton()} - `; -} - -function showHomeownerSection(section) { - currentState.previousSteps.push('mainConcern'); - currentState.currentStep = section; - - const sections = { - homeImprovement: ` -

Home Improvement

-
- Home Repair Loans - Additional Dwelling Unit -
- ${renderBackButton()} - `, - stoppingForeclosure: ` -

Stopping a Foreclosure

-
- Foreclosure Prevention - Hardship Tax Exemption -
- ${renderBackButton()} - `, - seniorSupport: ` -

Senior Support

-
- New Heating System - Senior Home Repair - Property Tax Work-Off -
- ${renderBackButton()} - `, - needingMoney: ` -

Needing More $

-
- Job Training - 1-on-1 Financial Coaching - Financial Workshops -
- ${renderBackButton()} - ` - }; - - flowContainer.innerHTML = sections[section]; -} - -// Helper Functions -function renderBackButton() { - return ``; -} - -function goBack() { - if (currentState.previousSteps.length > 0) { - const previousStep = currentState.previousSteps.pop(); - currentState.currentStep = previousStep; - - if (previousStep === 'initial') { - showInitialScreen(); - } else if (previousStep === 'mainConcern') { - showMainConcernScreen(); - } - } -} - -// Initialize -showInitialScreen(); diff --git a/demo-website-eleo-11/styles.css b/demo-website-eleo-11/styles.css deleted file mode 100644 index 2aa9c48..0000000 --- a/demo-website-eleo-11/styles.css +++ /dev/null @@ -1,181 +0,0 @@ -:root { - --primary-blue: #091f2f; - --secondary-blue: #288be4; - --accent-blue: #4178be; - --light-gray: #f2f2f2; - --dark-gray: #4a4a4a; - --white: #ffffff; -} - -/* Base Styles */ -body { - font-family: 'Source Sans Pro', Arial, sans-serif; - margin: 0; - padding: 0; - color: var(--primary-blue); - line-height: 1.6; -} - -/* Header */ -.header { - position: relative; - height: 300px; - overflow: hidden; -} - -.hero-image { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -background-image: url('https://www.bostonteapartyship.com/wp-content/uploads/2023/03/boston-fall.jpg'); - background-size: cover; - background-position: center; - opacity: 0.6; -} - -.hero-content { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - text-align: center; - width: 100%; -} - -.hero-content h1 { - color: #000000; - font-size: 3.5rem; - margin: 0; - padding: 1rem 2rem; - text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8); -} - -.image-attribution { - position: absolute; - bottom: 10px; - right: 10px; - background: rgba(255, 255, 255, 0.8); - padding: 4px 8px; - border-radius: 3px; - font-size: 0.75rem; - color: var(--dark-gray); -} - -.image-attribution a { - color: var(--secondary-blue); - text-decoration: none; -} - -.image-attribution a:hover { - text-decoration: underline; -} - -/* Main Container */ -.main-container { - max-width: 1200px; - margin: 2rem auto; - padding: 0 2rem; -} - -/* Flow Container */ -.flow-container { - background: var(--white); - padding: 2rem; - border-radius: 4px; - box-shadow: 0 2px 4px rgba(0,0,0,0.1); -} - -/* Buttons */ -.button-group { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: 1rem; - margin: 2rem 0; -} - -button { - background: var(--secondary-blue); - color: var(--white); - border: none; - padding: 1rem; - border-radius: 4px; - font-size: 1rem; - cursor: pointer; - transition: all 0.2s ease; -} - -button:hover { - background: var(--accent-blue); - transform: translateY(-1px); -} - -/* Links */ -.links-container { - display: grid; - gap: 1rem; - margin: 2rem 0; -} - -.resource-link { - display: flex; - align-items: center; - padding: 1rem; - background: var(--light-gray); - border-radius: 4px; - color: var(--primary-blue); - text-decoration: none; - transition: all 0.2s ease; -} - -.resource-link:hover { - background: var(--secondary-blue); - color: var(--white); - transform: translateX(5px); -} - -/* Back Button */ -.back-btn { - background: var(--dark-gray); - color: var(--white); - padding: 0.75rem 1.5rem; - border: none; - border-radius: 4px; - cursor: pointer; - font-size: 0.9rem; - margin-top: 1rem; -} - -/* Typography */ -h1, h2 { - color: var(--primary-blue); - margin-bottom: 1.5rem; -} - -h1 { - font-size: 2rem; -} - -h2 { - font-size: 1.5rem; -} - -/* Responsive Design */ -@media (max-width: 768px) { - .header { - padding: 1rem; - } - - .main-container { - padding: 0 1rem; - } - - .flow-container { - padding: 1rem; - } - - .button-group { - grid-template-columns: 1fr; - } -}