Issues #22 #23 #24

.gitignore

@@ -2,6 +2,4 @@ _site
 .sass-cache
 .jekyll-metadata
 .jekyll-cache
-
-## comment out some visual studio stuff
 .vs/*

_projects/decarceration.md

@@ -1,7 +1,7 @@
 ---
 project_name: Decarceration
 image: decarceration.jpg
-link: https://github.com/codeformilwaukee/breakout-groups/issues/4
+link: https://wisdp.com/
 ---
 
-A platform to amplify, unify, and aggregate people, organizations, and information, as well as disseminate communication and steps to end the incarceration problem in Wisconsin.
+The mission of the Wisconsin Decarceration Platform is to foster collective action for positive change in the lives of those impacted by the justice system. We are a self-organizing anti-mass incarceration community, providing a digital safe place for service providers, advocacy organizations, and affected individuals to connect with each-other and those in need of post-conviction services. We strive for equity by promoting a culture of learning, agency, and human dignity to encourage collaboration and transformation.

_projects/nexto.md

@@ -0,0 +1,7 @@
+---
+project_name: NexTo
+image: NexTo.jpg
+link: https://nex-to.com/
+---
+
+NexTo was created to support  projects that provide community members and essential workers with PPE and other supplies during the COVID-19 pandemic. Community organizations spend a significant amount of time and energy planning, organizing, and executing efforts to respond to time-sensitive community needs and crisis situations. This work of the social sector is critically important, but unnecessarily inefficient. NexTo helps the social sector become more rapid and efficient than traditional direct service models, and enables organizations to make a positive impact at scale.

_projects/opendata.md

@@ -0,0 +1,7 @@
+---
+project_name: MKE Open Data Portal
+image: dpw.jpg
+link: https://digitalpublicworks.com/p/city-of-milwaukee-open-data-portal-improvement-project
+---
+
+The City has an open data portal, however, usage is fairly low and visits are generally made by a fairly homogeneous group of users (those with a certain level of technical prowess and ready-made ideas for how local open data may be useful to them). The opportunity is to increase the accessibility, responsiveness, and broad appeal for this potentially invaluable tool.

css/main.css

@@ -37,3 +37,22 @@
 .working-groups .label {
   background-color: #8ebef2;
 }
+.grid-container {
+    margin-left: 15%;
+    margin-right: 15%;
+    max-width: 70%;
+}
+
+.usa-nav-container {
+    margin-left: 15%;
+    margin-right: 15%;
+    max-width: 70%;
+}
+.usa-card__img {
+    width: 50%;
+    height: auto;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+    background-color: white;
+}

index.md

@@ -16,36 +16,56 @@ layout: default
   <section class="usa-section">
     <h2 class="margin-top-0 tablet:margin-bottom-0">What is Code for Milwaukee?</h2>
     <div class="grid-row grid-gap">
-      <div class="tablet:grid-col-6">
-       <h3>Who We are</h3>
-        <p>Code for Milwaukee is a <a href="https://brigade.codeforamerica.org/">Code for America Brigade</a> located here in Milwaukee, WI. We are software developers, community organizers, government employees, local businesspeople, artists and storytellers, and civic geeks of all kinds and colors. We are a non-partisan organization, and our network is open to any person who wants to help make Milwaukee a safer, healthier, and more fun city to live in.</p>
+      <div class="tablet:grid-col-4">
+       <h3>Vision</h3>
+        <p>We envision a bright future for Milwaukeeans of all backgrounds, where there is diverse representation and shared opportunities for growth and success. This future will be driven by a unified community of individuals involved in civic tech, activism, and community engagement that works to improve the delivery of public services.</p>
       </div>
-      <div class="tablet:grid-col-6">
-         <h3> Mission </h3>
-        <p>Our mission is to enhance the delivery of public services to improve the lives of Milwaukeeans. We aim to create and maintain community resources by engaging residents in relationship building and technical problem-solving.</p>
+      <div class="tablet:grid-col-4">
+       <h3>Mission</h3>
+        <p>Code for Milwaukee unites diverse people and groups together to build meaningful and effective projects that make a positive impact on our community.</p>
         <p>To contact us, please email <a href="mailto:info@codeformilwaukee.org">info@codeformilwaukee.org</a>.</p>
         <a target="_blank" href="https://forms.gle/SpCTwWxsDdmsB6kj6" class="usa-button" rel="noopener">Get Involved! »</a>
       </div>
+      <div class="tablet:grid-col-4">
+         <h3>Pillars</h3>
+        <ul>
+            <li>People</li>
+            <li>Unity & Community</li>
+            <li>Impact</li>
+        </ul>
+      </div>
+    </div>
+  </section>
+  <section class="usa-section">
+    <div class="grid-row grid-gap">
+        <div class="tablet:grid-col-6">
+        <h2 class="margin-y-0">Want to get Involved?</h2>
+        <p>Our Hack Nights are events where we share knowledge about our city and how to make it better. We invite anyone to visit to learn, or to find out how they can help to make an impact. Hack Nights are part community building, part hack-a-thon, and if you're interested in any of the above please join us, visit <a href="https://docs.google.com/document/d/1qysSk4LITm0CmbQ-KmFZ8wn2umnEZgd7DrXJJhVs6XY/edit?usp=drivesdk">here</a> to get started, or contact us at <a href="mailto:info@codeformilwaukee.org">info@codeformilwaukee.org</a></p>
+        <h2 style="text-align:center;">Please join us on Zoom for our next Hack Night, starting at <underline>6pm on Thursday Jan 21, 2021.</underline> Please RSVP via this <a href="https://www.meetup.com/Code-for-Milwaukee/events/275238827/">Meetup Link</a></h2>
+        </div>
+        <div class="tablet:grid-col-6">
+         <h3>This is what a Hack Night Looks Like</h3>
+        <iframe width="560" height="315" src="https://www.youtube.com/embed/2RMXApPcb0M" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+        </div>
     </div>
   </section>
-
   <section class="usa-section">
     <h2 class="margin-y-0">Projects</h2>
     <p>The list of projects we’re working on is always changing! Here are a few of our past and current projects:</p>
     <ul class="usa-card-group">
-      {% include project-card.html project_slug="mprop" %}
-      {% include project-card.html project_slug="WeCountCOVID19" %}
+      {% include project-card.html project_slug="opendata" %}
+      {% include project-card.html project_slug="nexto" %}
       {% include project-card.html project_slug="decarceration" %}
     </ul>
   </section>
 
   <section class="usa-section">
     <div class="grid-row grid-gap">
-      <div class="tablet:grid-col-4">
+      <div class="tablet:grid-col-6">
         <strong class="font-heading-xl margin-top-0 tablet:margin-bottom-0">Please consider a donation to Code for Milwaukee!</strong>
+        <span class="usa-prose">Support our weekly hack nights by making a donation here!</span>
       </div>
-      <div class="tablet:grid-col-8">
-        <p class="usa-prose">Support our weekly hack nights by making a donation here!</p>
+      <div class="tablet:grid-col-6">
         <a target="_blank" href="https://www.codeforamerica.org/donate" class="usa-button" rel="noopener">Donate »</a>
       </div>
     </div>