index.html

---
layout: default
title: Using technology to solve real-world problems
---
<section class="home">
  <div id="home" class="anchor"></div>
  <div class="home__container container__column">
    <h3 class="home__h3"><span class="color__main">Coming</span> Spring 2020</h3>
    <h2 class="home__h2">Hack<span class="color__main">Baltimore</span></h2>
    <p class="home__p">is an opportunity for individuals to be engaged residents<br>and take an active role in our community.</p>
    <a href="#nav02" class="home__button button">more about us</a>
  </div>
</section>
<section class="overview">
  <div id="overview" class="anchor"></div>
  <div class="overview__container container__row">
    <ul class="overview__display display">
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/overview11.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/overview12.png" alt="Baltimore view" class="image__cover">>
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/overview13.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/overview14.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">&lt;&#35;&gt;</li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/overview16.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/overview17.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/overview18.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/overview19.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
    </ul>
    <div class="overview__content content">
      <h2 class="h2__headline">Overview</h2>
      <h3 class="h3__headline">Who we are</h3>
      <p class="p__text">Baltimore is known across the US for a few signature events like Artscape and Light City. This year, we’re ready to add Hack Baltimore to that list! Our city is home to a wide variety of hackathons every year, each designed to solve an individual and localized need. But what if we could collaborate to address greater, overarching needs? </p>
      <p class="p__text">What if we could bring together Baltimore’s extensive and talented community and harness our resources to hack the city’s biggest problems? Hack Baltimore will be a large-scale, city-wide event that taps into Charm City’s flourishing diversity and creativity to solve our toughest problems.</p>
    </div>
  </div>
</section>
<section class="banner">
  <div class="banner__container container__row">
    <h2 class="banner__h2">We plan to host the inaugural city wide Hackathon on May 1st, 2020 with a soft launch on <span class="banner__h2_style">May 1st, 2019</span></h2>
  </div>
</section>
<section class="vision">
  <div id="vision" class="anchor"></div>
  <div class="vision__container container__row">
    <div class="vision__content content">
      <h2 class="h2__headline">Vision</h2>
      <h3 class="h3__headline">What we do</h3>
      <iframe src="https://player.vimeo.com/video/306687966" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
      <p class="p__text">We know that we can’t pull this off without the support of these communities, so we’re committed to getting every civic-focused non-profit, company, community association, makerspace, and government agency in Baltimore on board with this event. We will accomplish this by asking organizations to:</p>
      <ul class="vision__list">
        <li class="vision__list_item p__text">
          <svg class="vision__list_icon">
            <use xlink:href="icons/icons.svg#check" />
          </svg>
          Pitch a problem that they face
        </li>
        <li class="vision__list_item p__text">
          <svg class="vision__list_icon">
            <use xlink:href="icons/icons.svg#check" />
          </svg>
          Be part of a team or coach a team that’s trying to solve that problem
        </li>
        <li class="vision__list_item p__text">
          <svg class="vision__list_icon">
            <use xlink:href="icons/icons.svg#check" />
          </svg>
          Provide a space for the hackathon
        </li>
        <li class="vision__list_item p__text">
          <svg class="vision__list_icon">
            <use xlink:href="icons/icons.svg#check" />
          </svg>
          Help fund prizes and cover operations costs
        </li>
      </ul>
      <p class="p__text">Every hackathon is built around a simple, core idea: using technology to solve real-world problems. The challenge we face with such a large-scale hackathon is: how do we plan to collect and vet the problems that Baltimore hackers will try to solve?</p>
      <p class="p__text_style p__text">We think our team and our city are up to the task! After all, you have to dream big to make a big difference.</p>
    </div>
    <ul class="vision__info">
      <li class="vision__info_item">
        <svg class="vision__info_icon">
          <use xlink:href="icons/icons.svg#vision01" />
        </svg>
        <div class="vision__info_data">
          <h4 class="vision__info_h4">Locations</h4>
          <h5 class="vision__info_h5">Multiple<br>Locations</h5>
        </div>
      </li>
      <li class="vision__info_item">
        <svg class="vision__info_icon">
          <use xlink:href="icons/icons.svg#vision02" />
        </svg>
        <div class="vision__info_data">
          <h4 class="vision__info_h4">Date</h4>
          <h5 class="vision__info_h5">Coming<br>Spring 2020</h5>
        </div>
      </li>
      <li class="vision__info_item">
        <svg class="vision__info_icon">
          <use xlink:href="icons/icons.svg#vision03" />
        </svg>
        <div class="vision__info_data">
          <h4 class="vision__info_h4">Prize pool</h4>
          <h5 class="vision__info_h5">Lots of Awards<br>and Prizes</h5>
        </div>
      </li>
      <li class="vision__info_item">
        <svg class="vision__info_icon">
          <use xlink:href="icons/icons.svg#vision04" />
        </svg>
        <div class="vision__info_data">
          <h4 class="vision__info_h4">participants</h4>
          <h5 class="vision__info_h5">Participants from<br>all sectors of the city</h5>
        </div>
      </li>
      <li class="vision__info_item">
        <svg class="vision__info_icon">
          <use xlink:href="icons/icons.svg#vision05" />
        </svg>
        <div class="vision__info_data">
          <h4 class="vision__info_h4">Ideas</h4>
          <h5 class="vision__info_h5">Ideas from the <br> 6 focus areas</h5>
        </div>
      </li>
    </ul>
  </div>
</section>
<section class="areas">
  <div id="areas" class="anchor"></div>
  <ul class="areas__content">
    <li class="areas__content_item">
      <div class="areas__content_image container__image">
        <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/areas01.png" alt="Baltimore view" class="image__cover">
      </div>
      <h4 class="areas__content_h4">Housing</h4>
      <a href="housing.html" class="areas__content_button button">See more</a>
    </li>
    <li class="areas__content_item">
      <div class="areas__content_image container__image">
        <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/areas02.png" alt="Baltimore view" class="image__cover">
      </div>
      <h4 class="areas__content_h4">Education
      </h4>
      <a href="education.html" class="areas__content_button button">See more</a>
    </li>
    <li class="areas__content_item">
      <div class="areas__content_image container__image">
        <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/areas04.png" alt="Baltimore view" class="image__cover">
      </div>
      <h4 class="areas__content_h4">Transportation</h4>
      <a href="transportation.html" class="areas__content_button button">See more</a>
    </li>
    <li class="areas__content_item">
      <div class="areas__content_image container__image">
        <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/areas03.png" alt="Baltimore view" class="image__cover">
      </div>
      <h4 class="areas__content_h4">Public<br>Safety</h4>
      <a href="safety.html" class="areas__content_button button">See more</a>
    </li>
    <li class="areas__content_item">
      <div class="areas__content_image container__image">
        <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/areas05.png" alt="Baltimore view" class="image__cover">
      </div>
      <h4 class="areas__content_h4">Health &<br>Wellness</h4>
      <a href="health.html" class="areas__content_button button">See more</a>
    </li>
    <li class="areas__content_item">
      <div class="areas__content_image container__image">
        <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/areas06.png" alt="Baltimore view" class="image__cover">
      </div>
      <h4 class="areas__content_h4">Workforce<br>Development</h4>
      <a href="workforce.html" class="areas__content_button button">See more</a>
    </li>
  </ul>
</section>
<section class="plan">
  <div id="plan" class="anchor"></div>
  <div class="plan__container container__row">
    <ul class="plan__display display">
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/plan11.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/plan12.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/plan13.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/plan14.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">&lt;&#35;&gt;</li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/plan16.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/plan17.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/plan18.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
      <li class="display__item">
        <div class="display__item_image container__image">
          <img src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" data-src="images/plan19.png" alt="Baltimore view" class="image__cover">
        </div>
      </li>
    </ul>
    <div class="plan__content content">
      <h2 class="h2__headline">Implementation plan</h2>
      <h3 class="h3__headline">Hack Baltimore</h3>
      <p class="p__text">Hack Baltimore will be powered by a central platform where every civic-focused organization can submit a problem. Each problem will be vetted by teams of user researchers and subject matter experts to ensure the problem is refined, solvable and accessible before being shared with the community.</p>
      <p class="p__text">Those that are approved will be posted publicly within the platform and after approval the submitter will have the opportunity to post additional information, videos, and other artifacts to spark interest in solving their specific problem.</p>
      <p class="p__text">Anyone who submits a problem must have a vested interest in seeing the project through to completion, so all submitters will be required to champion their project and actually use the solution that gets built.</p>
      <p class="p__text">Our mission is to build sustainable solutions that have a lasting impact beyond the few days of the hackathon.</p>
    </div>
  </div>
</section>
<section class="banner">
  <div class="banner__container container__row">
    <h2 class="banner__h2 banner__h2_width"><span class="banner__h2_style">Hack Baltimore</span> is a great way to engage the broader community to help find solutions to civic issues</h2>
  </div>
</section>
<section class="participate">
  <div class="container__column">
    <h2 class="h2__headline headline__center">Participate</h2>
    <h3 class="h3__headline_small h3__headline headline__center">Join the Hack Baltimore today!</h3>
    <div class="participate__content">
      <input type="radio" id="participate__content_input01" name="participate__content_input" class="participate__content_input" checked>
      <label for="participate__content_input01" class="participate__content_label">
        <span class="participate__content_headline">
          s<br>t<br>e<br>p<br><br>1
        </span>
        <span class="participate__content_info">
          <span class="participate__info_headline">Step 1</span>
          <span class="participate__info_text">Submit an idea in one (or more) of the focus areas.</span>
          <a href="participate.html" class="participate__info_button button">I want to participate</a>
        </span>
      </label>
      <input type="radio" id="participate__content_input02" name="participate__content_input" class="participate__content_input">
      <label for="participate__content_input02" class="participate__content_label">
        <span class="participate__content_headline">
          s<br>t<br>e<br>p<br><br>2
        </span>
        <span class="participate__content_info">
          <span class="participate__info_headline">Step 2</span>
          <span class="participate__info_text">Form or join a team to compete in one of the ideas.</span>
          <a href="participate.html" class="participate__info_button button">I want to participate</a>
        </span>
      </label>
      <input type="radio" id="participate__content_input03" name="participate__content_input" class="participate__content_input">
      <label for="participate__content_input03" class="participate__content_label">
        <span class="participate__content_headline">
          s<br>t<br>e<br>p<br><br>3
        </span>
        <span class="participate__content_info">
          <span class="participate__info_headline">Step 3</span>
          <span class="participate__info_text">Fund a prize for an idea you care about.</span>
          <a href="participate.html" class="participate__info_button button">I want to participate</a>
        </span>
      </label>
      <input type="radio" id="participate__content_input04" name="participate__content_input" class="participate__content_input">
      <label for="participate__content_input04" class="participate__content_label">
        <span class="participate__content_headline">
          s<br>t<br>e<br>p<br><br>4
        </span>
        <span class="participate__content_info">
          <span class="participate__info_headline">Step 4</span>
          <span class="participate__info_text">Organize a local hackathon and partner with us.</span>
          <a href="participate.html" class="participate__info_button button">I want to participate</a>
        </span>
      </label>
      <input type="radio" id="participate__content_input05" name="participate__content_input" class="participate__content_input">
      <label for="participate__content_input05" class="participate__content_label">
        <span class="participate__content_headline">
          s<br>t<br>e<br>p<br><br>5
        </span>
        <span class="participate__content_info">
          <span class="participate__info_headline">Step 5</span>
          <span class="participate__info_text">Volunteer over the weekend and solve our cities pressing issues.</span>
          <a href="participate.html" class="participate__info_button button">I want to participate</a>
        </span>
      </label>
    </div>
  </div>
</section>
{% include sponsors.html %}