Skip to content

Commit

Permalink
added about page, updated intro blurb
Browse files Browse the repository at this point in the history
  • Loading branch information
@derekeder
derekeder committed Jul 21, 2016
1 parent 9568d93 commit 3511bf6
Show file tree
Hide file tree
Showing 5 changed files with 119 additions and 53 deletions.
20 changes: 18 additions & 2 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -95,6 +95,22 @@
<body>
<div class='main-content'>
<div class="container-fluid">

<ul class="nav nav-pills pull-right">
<li role="presentation"><a href="/"><i class='fa fa-home'></i> Home</a></li>
<li role="presentation"><a href="/about.html"><i class='fa fa-info-circle'></i> About</a></li>
</ul>

<br />
<br />

<div class='text-center'>
<h1><a href='/'>Find My Reps</a></h1>
<p class='lead'>Enter your address to <strong>find and contact</strong> your federal, state, county and local elected representatives</p>
</div>

<br />

{{content}}
</div>
</div>
Expand All @@ -105,8 +121,8 @@
<div class='col-md-10 col-md-offset-1'>
<p class='text-center small'>
<br /><br />
Powered by the <a target='_blank' href='https://developers.google.com/civic-information/'>Google Civic Information API</a><br />
By <a href='http://datamade.us' target="_blank">DataMade</a> and the <a href='http://participatorybudgeting.org/'>Participatory Budgeting Project</a>
Built by <a href='http://datamade.us' target="_blank">DataMade</a> and the <a href='http://participatorybudgeting.org/'>Participatory Budgeting Project</a> |
Powered by the <a target='_blank' href='https://developers.google.com/civic-information/'>Google Civic Information API</a>
</p>
</div>
</div>
Expand Down
117 changes: 82 additions & 35 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,41 +3,88 @@
title: About
description:
---

<div class="container-fluid">
<div class-"row">
<div class='col-sm-12'>
<div class='row'>
<div class='col-md-3'>
<br/><br/>
<div class='well well-xs'>
<h3>About</h3>
<ul class='list-unstyled'>
<li><a href='#what-is-this'>What is this?</a></li>
<li><a href='#whos-it-for'>Who is this for?</a></li>
<li><a href='#contact-us'>Contact us</a></li>
<li><a href='#credits'>Credits</a></li>
</ul>
</div>
</div>
<div class='col-sm-9'>
<br/>
<br/>

<h2 id="what-is-this">What is this?</h2>

<h2 id="whos-it-for">Who is this for?</h2>

<h2 id="contact-us">Contact us</h2>

<h2 id="credits">Credits</h2>


<br/>
<br/>

</div>
</div>
<div class='row'>
<div class='col-md-3 col-md-offset-1'>
<br/><br/>
<div class='well well-xs'>
<h3>About</h3>
<ul class='list-unstyled'>
<li><a href='#what-is-this'>What is this?</a></li>
<li><a href='#for-organizers'>Organizers: reuse our code!</a></li>
<li><a href='#credits'>Team and credits</a></li>
<li><a href='#code'>Code and data</a></li>
<li><a href='#contact-us'>Contact us</a></li>

</ul>
</div>
</div>
<div class='col-sm-7'>
<br/>
<br/>

<h2 id="what-is-this">What is this?</h2>

<p><strong>Find My Reps</strong> is a tool for looking up who your <a href='https://en.wikipedia.org/wiki/Representative_democracy'>elected representatives</a> are across the United States. Based on your address, we can find all the federal, state, county and local officials who represent you in government.</p>

<p>Knowing who these representatives are and contacting their offices directly is the most effective way to change how our government works.</p>

<p>Have an issue you care about? <strong>Find your rep and tell them!</strong></p>

<h2 id="for-organizers">Organizers: reuse our code!</h2>

<p>We built this tool to be open source and easy to repurpose. Feel free to copy and reuse the <a href='https://github.com/datamade/find-my-reps'>Find My Reps codebase</a> and customize the messaging and content for your issue.</p>

<p>Instructions on how to get started are in the <a href='https://github.com/datamade/find-my-reps'>GitHub repository</a>. For an example, see <a href='www.participatorybudgeting.org/myreps'>My Reps</a> by the Participatory Budgeting Project and the <a href='https://github.com/datamade/my-reps-pbp'>open source code</a> for it.</p>

<p>If you need professional assistance, contact DataMade at <a href='mailto:info@datamade.us'>info@datamade.us</a></p>

<h2 id="credits">Team and credits</h2>

<p><a href='https://datamade.us'>DataMade</a> built this representative lookup tool for the <a href='http://www.participatorybudgeting.org/'>Participatory Budgeting Project</a> to help them advocate for more <a href='https://en.wikipedia.org/wiki/Participatory_budgeting'>participatory budgeting</a> in local government. Participatory budgeting is a process of democratic deliberation and decision-making, and a type of participatory democracy, in which ordinary people decide how to allocate part of a municipal or public budget.

<p>To get an elected official to take up a particular government policy like this, one of the most effective strategies is to empower their constituents to directly advocate for it.

<p>We built an initial version of this tool for the Participatory Budgeting Project, called <a href='http://www.participatorybudgeting.org/myreps'>My Reps</a>, and used it as a basis to make this more general version of it.

<p>The team is:

<ul>
<li>Derek Eder - coding, design, copy</li>
<li>Eric van Zanten - coding</li>
</ul>


<h2 id="code">Code and data</h2>

<p>
All the code for this site is <a href='https://github.com/datamade/find-my-reps'>open source</a>. It was built with Jekyll, Bootstrap and Javascript. The data comes from the <a href='https://developers.google.com/civic-information/'>Google Civic Information API</a>, which aggregates data across the United States on elected officials in federal, state, county and local government offices.
</p>
<p>Technologies used:</p>
<ul>
<li>
<a href='http://jekyllrb.com/'>Jekyll</a>
</li>
<li>
<a href='http://getbootstrap.com'>Bootstrap</a>
</li>
<li>
<a href='https://developers.google.com/civic-information/'>Google Civic Information API</a>
</li>
</ul>

<p>All the code for this project is up on <a href='https://github.com/datamade/find-my-reps'>GitHub</a> and under the open source MIT license.</p>


<h2 id="contact-us">Contact us</h2>

<p>Found a bug? <a href='https://github.com/datamade/find-my-reps/issues'>Report it on our issue tracker</a>!</p>

<p>Have a suggestion? Want to set customize this tool for your organization? Contact DataMade at <a href='mailto:info@datamade.us'>info@datamade.us</a></p>



<br/>
<br/>

</div>
</div>
9 changes: 9 additions & 0 deletions css/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,19 @@ h1 {
padding-bottom: 10px;
}

h1 a, h1 a:hover {
color: #444444;
text-decoration: none;
}

.table > thead > tr > th {
white-space: nowrap;
}

.about {
font-size: 90%;
}

/* center the nav pills */
.centered-pills {
text-align: center
Expand Down
Binary file added images/usa.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 10 additions & 16 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,6 @@

<div class="row">
<div class='col-md-10 col-md-offset-1'>
<br />
<br />

<div class='text-center'>
<h1>Find My Reps</h1>
<p class='lead'>Enter your address to <strong>find and contact</strong> your federal, state, county and local elected representatives</p>
</div>

<br />

<div class="input-group input-group-lg col-sm-8 col-sm-offset-2">
<input type="text" class="form-control" placeholder="Enter your address to find who represents you" id="address" name="address" >
<span class="input-group-btn">
Expand Down Expand Up @@ -144,18 +134,22 @@ <h3 id='federal-name' class='text-center'>United States Federal Government</h3>
</div>

<div class='row'>
<div class='col-md-6 col-md-offset-3'>
<div class='col-md-5 col-md-offset-2'>
<br />

<div>
<h2 class='text-center'>About</h2>
<h2>About</h2>
<div class='about'>
<p>This is a tool for looking up who your <a href='https://en.wikipedia.org/wiki/Representative_democracy' target='_blank'>elected representatives</a> are across the United States. Based on your address, we can find all the federal, state, county and local officials who represent you in government.</p>

<p>Knowing who these representatives are and contacting their offices directly is the most effective way to change how your government works.</p>
<p>Knowing who these representatives are and contacting their offices directly is the most effective way to change how our government works.</p>

<p>Have an issue you care about? Tell them!</p>
<p>Have an issue you care about? <strong>Find your rep and tell them!</strong></p>

<p><a href='/about.html'>More about this project &raquo;</a></p>
</div>
</div>
<div class='col-md-3'>
<img class='img-responsive' src='/images/usa.png' title='The United States of America' alt='The United States of America' />
</div>
</div>

<!-- Modal -->
Expand Down

0 comments on commit 3511bf6

Please sign in to comment.