CodeForPhilly · travissouthard · May 17, 2026 · May 17, 2026 · May 17, 2026
@@ -43,6 +43,7 @@
                             Get Involved
                         </a>
                         <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+                            <a class="dropdown-item nav-link" href="https://opencollective.com/code-for-philly">Donate</a>
                             <a class="dropdown-item nav-link" href="/volunteer">Volunteer</a>
                             <a class="dropdown-item nav-link" href="https://meetup.com/code-for-philly" target="_blank">Events</a>
                             <a class="dropdown-item nav-link" href="/sponsor">Sponsor</a>

@@ -2,21 +2,9 @@
 
 {block "content"}
 
-    <!-- Youtube video https://codepen.io/GusRuss89/pen/bVwNrE -->
-
 <section class="page-section" id="main-video">
   <div class="">
     <div class="row">
-      <div class="col-12 col-xl-7 mx-xl-auto" style="padding-right:0;">
-        <div class="">
-          <video class="" style="width: 100%;" autoplay muted loop poster="videos/video.jpg">
-            <source src="videos/video-small.mp4" type="video/mp4">
-            <source src="videos/video-small.webm" type="video/webm">
-            <source src="videos/video-small.ogv" type="video/ogg">
-            <track label="English" kind="subtitles" srclang="en" src="videos/CFP-en.vtt" default>
-          </video>
-        </div>
-      </div>
       <div class="col-12 col-xl-4">
         <div style="display:flex;
         align-items: flex-end;
@@ -26,6 +14,7 @@
             <h4 class="main-blue-text" style="margin-bottom:1rem;">Contribute towards technology-related projects that benefit the City of Philadelphia.</h4>
             <h4 class="main-red-text" style="margin-bottom:2rem;">No coding experience required.</h4>
             <a href="/volunteer" class="main-volunteer-link">Volunteer!</a>
+            <a href="https://opencollective.com/code-for-philly" class="main-volunteer-link">Donate!</a>
           </div>
         </div>
       </div>
@@ -57,12 +46,14 @@
     <div class="row">
 
       {projectTile name="PHLASK" portfolioModal="#portfolioModal1" short="Access to Public Water" image="phlask.png" }
+      {projectTile name="Benefit Decision Toolkit" portfolioModal="#portfolioModal2" short="Make it easier for benefits orgs to build screeners" image="bdt.png" }
+      {projectTile name="Open Data Philly" portfolioModal="#portfolioModal3" short="The city of Philadelphia's public data hub" image="open-data-philly.png" }
       {projectTile name="PAX" portfolioModal="#portfolioModal4" short="Legal Support and Expungement" image="plse.png" }
       {projectTile name="Philly Ward Leaders" portfolioModal="#portfolioModal5" short="Learn about your ward leaders" image="ward-leaders.png" }
       {projectTile name="CfP Website Design" portfolioModal="#portfolioModal6" short="Website Redesign" image="code-for-philly.png" }
       {projectTile name="Balancer" portfolioModal="#portfolioModal7" short="AI-assisted BPD bipolar medication decision app" image="balancer.png" }
-      {projectTile name="Clean and Green Philly" portfolioModal="#portfolioModal8" short="Map of empty lots in Philly" image="cleanandgreen.png" }
       {projectTile name="Votewise" portfolioModal="#portfolioModal9" short="Non-partisan aid to make ballot decisions" image="votewise.png" }
+      {projectTile name="Choose Native Plants PA" portfolioModal="#portfolioModal10" short="Propagate PA Wildflowers" image="flowers.jpg" }
 
     </div>
   </div>
@@ -149,6 +140,14 @@ PHLASK's mission is to help people find publicly available sources of water, and
 If you would like to help reduce the use of wasteful plastic bottles and increase access to water, please join the PHLASK Coalition!"  
 project="phlask--life-liberty_and_the_pursuit_of_water" site="http://www.phlask.me" github="https://github.com/phlask" slack="phlask" }
 
+{projectModal name="Benefit Decision Toolkit" modal="portfolioModal2" image="bdt.png" 
+description="One crucial ingredient for expanding benefits access is helping people to quickly assess their eligibility for the programs.<br><br>This project aims to make it easier to create benefit eligibility assessment tools, to the point where it can be done by savvy subject matter experts with little-to-no formal software coding training."  
+project="dmn_benefit_toolbox-including_the_philly_property_tax_relief_screener" site="https://phillypropertytaxrelief.org/" github="https://github.com/CodeForPhilly/benefit-decision-toolkit" slack="benefit-decision-toolkit" }
+
+{projectModal name="Open Data Philly" modal="portfolioModal3" image="open-data-philly.png" 
+description="OpenDataPhilly is a regional open data catalog, providing a repository for information about open data available from the City of Philadelphia, non-profit organizations, university research projects, and other publishers of open data about the region. It was originally developed by Azavea and is now volunteer maintained."  
+project="opendataphilly_enhancements" site="https://opendataphilly.org/" github="https://github.com/opendataphilly/opendataphilly-jkan" slack="opendataphilly" }
+
 {projectModal name="PAX" modal="portfolioModal4" image="plse.png" 
 description="PAX is an expungement petition generator for PLSE. The application takes in PDFs of clients' criminal dockets and returns fully formatted petitions to expunge the clients' criminal records. Having a clear criminal record helps those clients to better find work, housing, and services."  
 project="philadelphia_lawyers_for_social_equity_-_record_expungement" site="https://www.plsephilly.org/" github="https://github.com/natev/Expungement-Generator" slack="pax" }
@@ -165,12 +164,14 @@ project="code_for_philly_website_redesign" site="https://codeforphilly.org/" git
 description="Balancer (formerly named \"MedAssist\") seeks to solve the problems created by the trial-and-error decision-making process that psychiatrists/medication prescribers and patients go through when choosing medications for bipolar disorder."  
 project="balancer" site="http://balancerproject.com/" github="https://github.com/CodeForPhilly/balancer-data" slack="balancer"}
 
-{projectModal name="Clean & Green Philly" modal="portfolioModal8" image="cleanandgreen.png" 
-description="Philadelphia has a gun violence problem. This dashboard aims to help solve it by empowering community groups to carry out cleaning and greening interventions in the vacant properties where they can have the biggest impact."  
-project="vacant_and_abandoned_properties_dashboard" site="https://www.cleanandgreenphilly.org/" github="https://github.com/CodeForPhilly/clean-and-green-philly" slack="clean-and-green-philly"}
-
 {projectModal name="Votewise" modal="portfolioModal9" image="votewise.png" 
 description="VoteWise.net is a non-partisan non-profit website that connects voters, organizations, and politicians without advertising dollars getting in the way. Right now, politicians have serious challenges reaching voters without advertising. This means that politicians have to waste a lot of time begging for money instead of doing what they want to do — help the community."  
 project="votewisenet" site="http://www.votewise.net/" github="https://github.com/spencersnygg/VoteWise" slack="votewise"}
 
+{projectModal name="Choose Native Plants PA" modal="portfolioModal10" image="flowers.jpg" 
+description="Native plants are really <a href='https://www.audubon.org/content/why-native-plants-matter'>important...</a><br><br>
+But it is a bit overwhelming to select plants (e.g. wildflowers and grasses). This google sheet + tableau solution is designed to assist as a entry point to further research.
+I'm seeking user experience feedback from the Code for Philly community. Also - If anyone wants to help with the database, please join the project."  
+project="pa_wildflower_selector" site="https://choosenativeplants.com/" github="https://github.com/CodeForPhilly/pa-wildflower-selector" slack="pa-wildflower-selector" }
+
 {/block}
@@ -32,7 +32,7 @@
     <h3>Software Development</h3>
     <p>Software development often starts with making information accessible and useful. This usually requires more patience than experience as searches are run, links followed, spreadsheets cleaned up, documents reformatted, etc... Learning and applying the underpinnings of file, data, and presentation formats like ASCII, CSV, and HTML is the foundation of bridging human and machine information.</p>
     <p>There is a huge array, maybe thousands of tools and languages to specialize in, all with their own niches where they might provide the best solution. Entire projects and careers can be built on few enough to count with one hand.</p>
-    <p>Browse our <a href="/projects">projects directory</a> or the <a href="http://commons.codeforamerica.org">Code for America Commons</a> to find something that uses the tool/language you're looking for, or to get a sense for what tools and languages power the types of projects you want to get involved with.</p>
+    <p>Browse our <a href="/projects">projects directory</a> to find something that uses the tool/language you're looking for, or to get a sense for what tools and languages power the types of projects you want to get involved with.</p>
 
     <h3>Journalism / Reporting</h3>
     <ul>

@@ -1,31 +1,36 @@
-<li class="dropdown">
-    <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{_ "Get Involved"}</a>
-    <div class="dropdown-menu">
-        <a class="dropdown-item" href="/projects">{_ "Active Projects"}</a>
-        <a class="dropdown-item" href="https://meetup.com/code-for-philly" target="_blank">{_ "Events"}</a>
-        <a class="dropdown-item" href="/pages/project_guidelines">{_ "Projects 101"}</a>
-        <a class="dropdown-item" href="/pages/hack_night_program_details/">{_ "Weekly Meetups"}</a>
-        <a class="dropdown-item" href="/pages/hackathons">{_ "Launchpads & Hackathons"}</a>
+<li class="nav-item dropdown">
+    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+        Get Involved
+    </a>
+    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+        <a class="dropdown-item nav-link" href="https://opencollective.com/code-for-philly">Donate</a>
+        <a class="dropdown-item nav-link" href="/volunteer">Volunteer</a>
+        <a class="dropdown-item nav-link" href="https://meetup.com/code-for-philly" target="_blank">Events</a>
+        <a class="dropdown-item nav-link" href="/sponsor">Sponsor</a>
+        <a class="dropdown-item nav-link" href="/projects">Find a Project</a>
+        <a class="dropdown-item nav-link" href="/pages/project_guidelines">Projects 101</a>
+        <a class="dropdown-item nav-link" href="/pages/hackathons">Launchpads &amp; Hackathons</a>
     </div>
 </li>
-
-<li class="dropdown">
-    <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{_ "Community/Connect"}</a>
-    <div class="dropdown-menu">
-        <a class="dropdown-item" href="/chat" target="_blank">{_ "Chat"} <small>({_ "Slack"})</small></a>
-        <a class="dropdown-item" href="http://forum.codeforphilly.org/login" target="_blank">{_ "Forum"} <small>({_ "Discussion"})</small></a>
-        <a class="dropdown-item" href="/members">{_ "Member Directory"}</a>
-    </div>
+<li class="nav-item">
+    <a class="nav-link" href="/chat" target="_blank">Chat <small>(Slack)</small></a>
 </li>
-
-<li class="dropdown">
-    <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">{_ "About"}</a>
-    <div class="dropdown-menu">
-        <a class="dropdown-item" href="/mission">{_ "Mission"}</a>
-        <a class="dropdown-item" href="/pages/code_of_conduct/">{_ "Code of Conduct"}</a>
-        <a class="dropdown-item" href="/pages/leadership/">{_ "Organizing Team"}</a>
-        <a class="dropdown-item" href="/pages/open_leadership_positions/">{_ "Join the Organizing Team"}</a>
-        <a class="dropdown-item" href="/contact">{_ "Contact Us"}</a>
-        <a class="dropdown-item" href="/blog">{_ "Blog"}</a>
+<li class="nav-item dropdown">
+    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+        About
+    </a>
+    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+        <a class="dropdown-item nav-link" href="/mission">Mission</a>
+        <a class="dropdown-item nav-link" href="/pages/code_of_conduct/">Code of Conduct</a>
+        <a class="dropdown-item nav-link" href="/pages/leadership/">Organizing Team</a>
+        <a class="dropdown-item nav-link" href="/pages/leadership-support_team_open_positions/">Join the Organizing Team</a>
+        <a class="dropdown-item nav-link" href="/contact">Contact Us</a>
+        <a class="dropdown-item nav-link" href="/members">Member Directory</a>
+        <a class="dropdown-item nav-link" href="/blog">Blog</a>
     </div>
 </li>
+<li class="nav-item dropdown d-none d-lg-block">
+    <input class="form-control mr-sm-2" id="js-site-search" type="search" placeholder="Search" aria-label="Search">
+    <ul class="dropdown-menu search" id="navbarSearchBarDropdown" aria-labelledby="navbarDropdown">
+    </ul>
+</li>
@@ -1,4 +1,2 @@
 <a class="dropdown-item" href="http://opendataphilly.org">{_ "Open Data Philly"}</a>
-<a class="dropdown-item" href="https://brigade.codeforamerica.org">{_ "CfA Brigade Network Website"}</a>
-<a class="dropdown-item" href="https://discourse.codeforamerica.org/">{_ "CfA Brigade Network Forum"}</a>
 <a class="dropdown-item" href="http://opendata.stackexchange.com/">{_ "Open Data Stack Exchange"}</a>
@@ -47,7 +47,8 @@
   color:white;
   background-color: #DC3545;
   display: inline-block;
-  padding: .5rem 2rem;
+  margin: 0 0.5rem;
+  padding: 0.5rem 2rem;
   border-radius: .25rem;
 }