Merge pull request #231 from CodeForPhilly/website-update

Implement mobile layout, add new content from design, adjust spacing and colors to follow design

Author: earth-walker

website/astro.config.mjs

@@ -2,9 +2,12 @@
 import { defineConfig } from "astro/config";
 import tailwindcss from "@tailwindcss/vite";
 
+import svelte from "@astrojs/svelte";
+
 // https://astro.build/config
 export default defineConfig({
   vite: { plugins: [tailwindcss()] },
   site: "https://codeforphilly.github.io",
   base: "/benefit-decision-toolkit",
-});
+  integrations: [svelte()],
+});

website/package-lock.json

@@ -9,9 +9,12 @@
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/svelte": "^7.2.3",
     "@tailwindcss/vite": "^4.1.17",
     "astro": "^5.15.5",
-    "tailwindcss": "^4.1.17"
+    "svelte": "^5.45.8",
+    "tailwindcss": "^4.1.17",
+    "typescript": "^5.9.3"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.19"

website/package.json

@@ -0,0 +1,5 @@
+## What We Do
+
+Benefit Decision Toolkit is a project focused on making it easier for people to access benefits without confusion. At its core, the toolkit supports two key roles: Benefit Navigators, who speak directly with clients to understand their needs, and Benefit Analysts, who review and validate information to ensure the right support is delivered.
+
+We envision a world where organizations and governments can streamline benefits access for people in need through collaborative, open-source software tools.

website/src/assets/backgrounds/bubbles.png

@@ -0,0 +1,3 @@
+## The Process
+
+Building a benefits screener with the Benefits Decision Toolkit is simple, collaborative, and totally self-serve. Start by creating a screener tailored to your program, then layer in clear, transparent logic using our low-code, open-source tools. Once it’s ready, deploy your tool with confidence, giving your team the power to connect people to the benefits they qualify for quickly, accurately, and without barriers. Our process is designed to cut through complexity, support benefits navigators and analysts, and put accessible, community-driven technology directly in your hands.

website/src/assets/backgrounds/chevron.svg

@@ -0,0 +1,3 @@
+### Empathy
+
+There is a need in the non-profit community for easy-to-use and open source screener-building toolkits. Many small non-profits resort to building eligibility screening tools with Excel because this is the only low-cost and low-code option available to them.

website/src/assets/copy/Overview.md

@@ -0,0 +1,3 @@
+### Inclusivity
+
+There is a need in the non-profit community for easy-to-use and open source screener-building toolkits. Many small non-profits resort to building eligibility screening tools with Excel because this is the only low-cost and low-code option available to them.

website/src/assets/copy/Process.md

@@ -0,0 +1,3 @@
+### Transparency
+
+There is a need in the non-profit community for easy-to-use and open source screener-building toolkits. Many small non-profits resort to building eligibility screening tools with Excel because this is the only low-cost and low-code option available to them.