Merge pull request #327 from CodeForPhilly/website-update

add screenshots to projects, fix color of mobile menu

Author: earth-walker

website/package-lock.json

@@ -32,7 +32,7 @@
 {#if menuActive == true}
   <div
     id="navMenu"
-    class="fixed left-0 top-0 h-screen w-screen flex justify-center items-center bg-sky-500"
+    class="fixed left-0 top-0 h-screen w-screen flex justify-center items-center bg-bdt-blue"
     transition:fade={{ duration: 180, easing: quadOut }}
   >
     <button

website/src/assets/screenshots/property-tax.png

@@ -18,7 +18,7 @@ const projects = await getCollection("projects");
           const { Content } = await render(project);
           return (
             <li class="bg-white/50 p-6 rounded-2xl md:w-1/2">
-              <div class="prose prose-a:font-semibold">
+              <div class="prose prose-a:font-semibold prose-img:rounded-2xl">
                 <Content />
               </div>
             </li>

website/src/assets/screenshots/web-app.png

@@ -6,4 +6,6 @@ index: 2
 
 A toolkit designed to simplify and improve the proces of creating online screeners for public benefit eligibility.
 
+![Screenshot of a benefits management interface with a button labeled create new benefit and two existing benefits named food assistance and heating assistance.](../assets/screenshots/web-app.png)
+
 <a href="https://github.com/CodeForPhilly/benefit-decision-toolkit" target="_blank">Visit GitHub repository ↗</a>

website/src/components/NavMenu.svelte

@@ -6,4 +6,6 @@ index: 2
 
 A screener built using BDT that Philadelphia residents can use to check their eligibility for property tax relief benefits.
 
+![Philadelphia property tax relief screener text overlaid on a background of Philadelphia’s skyline with trees in the foreground.](../assets/screenshots/property-tax.png)
+
 <a href="https://phillypropertytaxrelief.org/" target="_blank">Visit screener website ↗</a>