about.html

---
layout: default
title: About
section_id: about
skills:
  - title: Web Design
    percentage: 84
  - title: Web Development
    percentage: 95
  - title: Site Management
    percentage: 70
  - title: Branding
    percentage: 61
testimonials:
  - quote: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat consectetuer sit amet magna adipiscing.
    author: David White, Designer at Huglab
  - quote: Reprehenderit eos et non et ut eum reprehenderit quis sequi quia vel repellendus id. Velit quit blanditiis dolor quam error eos dolores sequi eaque rerum est.
    author: David White, Designer at Huglab
---

<div class='full parallax' style='background-image: url(images/banners/hero-crowd.png); color: #fff;'>
  <div class='row'>
    <div class='twelve columns'>
      {% include section-header.html title="About us" color="#fff" tagline="" class="big" %}
    </div>
  </div>
  <div class='four spacing'></div>
</div>

<div class='full'>
  <div class='row'>
    <div class='twelve columns'>
      <h3>Our mission</h3>
      <p>Data for Democracy brings together an active, passionate community of people using data to drive better decisions and improve the world in which we live.</p>
    </div>
    <div class='twelve columns'>
    <h3>Our story</h3>
      <p>Data for Democracy began as an experiment in December 2016, when people from around the world began to collaborate on data-related problems solely through Slack messages and GitHub commits. With no rules or formal organizational structure, the focus was on getting real and impactful work done with minimal delay.</p>
      <p>As of April 2018, the community is based on Slack and <a href="https://github.com/data4democracy" >GitHub</a>. It has increased to over 3400 e-volunteers spanning a wide range of locations and timezones, and continues to grow every day. These volunteers apply their diverse skills and interests to an equally varied array of projects.</p>
      <iframe frameborder=0 style='width:100%;height:500px' src="d4d-volunteer-map.html">
      </iframe>
      <p>With the expansion of Data For Democracy, we're working to develop a more cohesive structure and set of guidelines to better support volunteers in learning, working, and leading projects while remaining committed to our mission of producing data projects that have a positive and tangible impact on the world.</p>
      <p>That said, D4D is community-run! Anybody who wants to contribute to making D4D better is **highly** encouraged to do so! Everything in D4D thus far has come from grassroots ideas proposed and pushed forward by a community member and there's always more room for improvement. Whether it's starting a new project or proposing a new tool for the community to use, we encourage our members to just go for it!</p>
      <h3>Our goals</h3>
      <p>* To produce objective, rigorous data analysis that keeps people informed and engaged, and supports them in forming their independent opinions.</p>
      <p>* To connect with communities and partners that contribute to positive social change, and help equip them with the tools and technology to support the work they are already doing.</p>
      <p>* To make data science transparent and accessible to a wider audience, and create opportunities for passionate and socially conscious people to get involved with using data to serve the public good.</p>
    </div>
  </div>
</div>


<!--
<div class='full'>
  <div class='row'>
    {% for member in site.data.members %}
      <div class='small-6 medium-3 large-3 columns'>
        <div class='mod modTeamMember'>
          <div class='member'>
            <img class="avatar" alt="" src="{{ member.avatar }}" />
            <div class='overlay'>
              <div class='intro'>
                <h3>{{member.name}}</h3>
                <p>{{member.position}}</p>
                <ul class='socials'>
                  {% for social in member.socials %}
                    <li>
                      <a href='{{social.link}}'>
                        <i class='fa fa-{{social.icon}}'></i>
                      </a>
                    </li>
                  {% endfor %}
                </ul>
              </div>
            </div>
          </div>
          <p class='centered-text'>{{member.desc}}</p>
          <div class='two spacing'></div>
        </div>
      </div>
    {% endfor %}
  </div>
</div>


<div class='full parallax' style='background: #f5f5f5'>
  <div class='row'>
    <div class='large-12 columns'>
      <p class='centered-text'>
        <i class='fa fa-quote-left' style='color: #F9CE06; font-size: 36px;'></i>
      </p>
    </div>
  </div>
  <div class='row'>
    <div class='large-12 columns'>
      {% include section-header.html title="D4D in the News" %}
      <div class='spacing'></div>
    </div>
  </div>
  <div class='row'>
    <div class='large-12 columns'>
      <div class='mod modTestimonials'>
        <div class='row'>
          <div class='small-12 columns'>
            <div class='items centered-text'>
              {% for testimonial in page.testimonials %}
                <div class='item'>
                  <p class='quote'>"{{testimonial.quote}}"</p>
                  <p class='author'>- {{testimonial.author}}</p>
                  <div class='two spacing'></div>
                </div>
              {% endfor %}
            </div>
          </div>
          <div class='spacing'></div>
        </div>
      </div>
    </div>
  </div>
</div>


{% include our-partners.html %}
-->