Skip to content

Commit

Permalink
community page, cleaned up incomplete stubs, fixes for resources page
Browse files Browse the repository at this point in the history
  • Loading branch information
@derekeder
derekeder committed May 12, 2015
1 parent 11a0889 commit f3a9b8f
Show file tree
Hide file tree
Showing 5 changed files with 52 additions and 213 deletions.
10 changes: 1 addition & 9 deletions about.html
View file
@@ -1,6 +1,7 @@
---
layout: default
title: About
description: The Chi Hack Night (formerly known as the Open Gov Hack Night) is a free, weekly event in Chicago to build, share and learn about civic tech, or tools to create, support, or serve public good.
---

<div class='row'>
Expand All @@ -11,8 +12,6 @@ <h3>Sections</h3>
<li><a href='#about'>About</a></li>
<li><a href='#what-happens'>What happens at a hack night?</a></li>
<li><a href='#non-techies'>But I'm not a techie!</a></li>
<li><a href='#organized'>How are you organized?</a></li>
<li><a href='#history'>Our history</a></li>
<li><a href='#hack-night-model'>Hack Night Model</a></li>
<li><a href='#press'>Press</a></li>

Expand Down Expand Up @@ -49,13 +48,6 @@ <h3 id='non-techies'>But I'm not a techie!</h3>

<p><strong>Remember</strong>, there's much more to making a great app than just coding.</p>

<hr />
<h3 id='organized'>How are you organized?</h3>

<hr />
<h3 id='history'>Our history</h3>


<hr />
<h3 id='hack-night-model'>The Hack Night Model</h3>
<p>Hack nights anchor and grow volunteer civic hacking communities while avoiding 'hackathon fatigue'. To learn how to organize one in your city, see the <a href="http://www.codeforamerica.org/2013/07/24/brigade-101-how-to-hack-night/">Code for America blog</a>.</p>
Expand Down
194 changes: 35 additions & 159 deletions community.html
View file
@@ -1,21 +1,17 @@
---
layout: default
title: Community
description: The Chi Hack Night is a central hub for Chicago's civic tech community. The easiest thing you can do get involved is show up to a Tuesday Chi Hack Night. In addition to that, there are many ways to get involved.
---

<h1>Community</h1>

<p></p>
<p>The Chi Hack Night is a central hub for Chicago's civic tech community. The easiest thing you can do get involved is <strong>show up to a Tuesday Chi Hack Night</strong>. In addition to that, there are many ways to get involved:</p>

<div class='row'>
<div class='col-sm-4'>
<div class='well'>
<h4>
<a href='http://eepurl.com/z65hn'>
<i class='fa fa-bullhorn'></i>
Event updates
</a>
</h4>
<p>Get updates on upcoming speakers and events.</p>
<p>Subscribe to updates on upcoming Chi Hack Night speakers and events.</p>
<a class='btn btn-success' href='http://eepurl.com/z65hn'>
<i class='fa fa-envelope'></i>
Subscribe
Expand All @@ -24,10 +20,7 @@ <h4>
</div>
<div class='col-sm-4'>
<div class='well'>
<h4>
<a href='https://groups.google.com/forum/#!forum/chihacknight'><i class='fa fa-comments'></i> Join the discussion</a>
</h4>
<p>Keep up with civic tech news and projects in Chicago.</p>
<p>Join our Google Group to keep up with civic tech news and projects in Chicago.</p>
<a class='btn btn-success' href='https://groups.google.com/forum/#!forum/chihacknight'>
<i class='fa fa-envelope'></i>
Join our Google Group
Expand All @@ -36,171 +29,54 @@ <h4>
</div>
<div class='col-sm-4'>
<div class='well'>
<h4>
<a href='/breakouts.html'><i class='fa fa-group'></i> Breakout groups</a>
</h4>
<p>Find your learning or working group.</p>
<p>Browse our weekly breakouts to find your learning or working group.</p>
<a class='btn btn-success' href='/breakouts.html'>
<i class='fa fa-group'></i>
Breakout groups
</a>
</div>
</div>
</div>
<hr />

<h3 id='project-highlights'>Success stories</h3>

<div class="panel-group" id="accordion" role="tablist">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<h4 class="panel-title">

<p class="h4">
<strong>MyBuildingDoesntRecycle.com</strong>
<a href="http://mybuildingdoesntrecycle.com/" target="blank" class="pull-right">
<i class="fa fa-external-link"></i>
</a>
<p>
<p>description</p>

</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
story
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading collapsed" role="tab" id="headingTwo" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
<h4 class="panel-title">

<p class="h4">
<strong>mRelief</strong>
<a href="http://www.mrelief.com/" target="blank" class="pull-right">
<i class="fa fa-external-link"></i>
</a>
<p>
<p>description</p>

</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body">
story
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading collapsed" role="tab" id="headingThree" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
<h4 class="panel-title">

<p class="h4">
<strong>City of Chicago Tech Plan</strong>
<a href="http://techplan.cityofchicago.org/" target="blank" class="pull-right">
<i class="fa fa-external-link"></i>
</a>
<p>
<p>description</p>

</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
story
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading collapsed" role="tab" id="headingFour" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
<h4 class="panel-title">

<p class="h4">
<strong>SchoolCuts.org</strong>
<a href="http://www.schoolcuts.org/" target="blank" class="pull-right">
<i class="fa fa-external-link"></i>
</a>
<p>
<p>description</p>

</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFour">
<div class="panel-body">
story
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading collapsed" role="tab" id="headingFive" data-toggle="collapse" data-parent="#accordion" href="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
<h4 class="panel-title">

<p class="h4">
<strong>IsThereSewageInTheChicagoRiver.com</strong>
<a href="http://istheresewageinthechicagoriver.com/" target="blank" class="pull-right">
<i class="fa fa-external-link"></i>
</a>
<p>
<p>description</p>
<hr />
<h3 id='dive-in'>Dive right in!</h3>
<p>Ready to dive right in with a project? Take a look at the <a href='/open-source-projects.html'>open source civic apps</a>, the <a href='/data-resources.html'>data</a> that power them and the <a href='/open-source-people.html'>people</a> who built them.</p>

</h4>
</div>
<div id="collapseFive" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingFive">
<div class="panel-body">
story
</div>
<div class='row'>
<div class='col-sm-4'>
<div class='well'>
<p>Keep track of open source projects from Chicago's civic tech community.</p>
<a class='btn btn-primary' href='/open-source-projects.html'>
<i class='fa fa-github'></i>
Open source projects
</a>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading collapsed" role="tab" id="headingSix" data-toggle="collapse" data-parent="#accordion" href="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
<h4 class="panel-title">

<p class="h4">
<strong>Chicago City of Big Data Exhibition</strong>
<a href="http://bigdata.architecture.org/" target="blank" class="pull-right">
<i class="fa fa-external-link"></i>
</a>
<p>
<p>description</p>

</h4>
</div>
<div id="collapseSix" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingSix">
<div class="panel-body">
story
</div>
<div class='col-sm-4'>
<div class='well'>
<p>Browse the data portals, government websites, APIs and tools available in Chicago.</p>
<a class='btn btn-primary' href='/data-resources.html'>
<i class='fa fa-download'></i>
Data &amp; resources
</a>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading collapsed" role="tab" id="headingSeven" data-toggle="collapse" data-parent="#accordion" href="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven">
<h4 class="panel-title">

<p class="h4">
<strong>Clear Streets</strong>
<a href="http://clearstreets.org/" target="blank" class="pull-right">
<i class="fa fa-external-link"></i>
</a>
<p>
<p>description</p>

</h4>
</div>
<div id="collapseSeven" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingSeven">
<div class="panel-body">
story
</div>
<div class='col-sm-4'>
<div class='well'>
<p>Meet the people who work on open source civic tech projects in Chicago.</p>
<a class='btn btn-primary' href='/open-source-people.html'>
<i class='fa fa-smile-o'></i>
Meet the techies
</a>
</div>
</div>
</div>



<hr />
<h3 id='ecosystem'>Ecosystem</h3>
<b>Other related events:</b>

<h3 id='other-events'>Other Chicago civic technology events</h3>
<p>Check out the ever-growing ecosystem of civic tech events in Chicago.</p>
<ul>
<li><p><a href='http://www.meetup.com/OpenGovChicago/' target='blank'>Open Gov Chicago(-land) Meetup</a> - We believe that citizens should consider government to be "us", not "them." This meetup is for citizens who are interested in seeing their federal, state, and local government function more efficiently and responsively.</p></li>
<li><p><a href='http://www.meetup.com/OpenGovChicago/' target='blank'>Open Gov Chicago(-land) Meetup</a> - The group that started it all in Chicago. This meetup is for citizens who are interested in seeing their federal, state, and local government function more efficiently and responsively.</p></li>
<li><p><a href='http://www.meetup.com/The-Chicago-Data-Visualization-Group/'>The Chicago Data Visualization Group</a> - This is a group of data visualization enthusiasts interested in networking, learning, professional development, and competing in visualization contests.</p></li>
<li><p><a href='http://www.meetup.com/ChicagoCityData/' target='blank'>Chicago City Data User Group</a> - You don't have to be a developer to use Chicago's rich sets of data! The Chicago City Data users group is for end users, business users, enthusiasts, students, entrepreneurs, anyone interested in how to use City Data. Our goal to promote civic engagement, innovation, and economic opportunity leveraging The City of Chicago's data.</p></li>
<li><p><a href='http://maptime.io/chicago/' target='blank'>Maptime Chicago</a> - MaptimeChi is Chicago’s offshoot of MaptimeSF, a weekly meetup of mappers and map learners interested in creating a time and space for collaborative learning, exploration, and map creation using mapping tools and technologies.</p></li>
Expand Down
35 changes: 3 additions & 32 deletions data-resources.html
View file
@@ -1,18 +1,16 @@
---
layout: default
title: Resources
title: Data and resources
description: Data portals, APIs, tools, tutorials and free developer infrastructure for making civic apps in Chicago.
redirect_from: resources.html
---

<div class='row'>
<div class='col-sm-12'>
<h1>Data & Resources</h1>
<h1>Data & resources</h1>
</div>
<div class='col-sm-7'>
<p>Data portals, APIs, tools, tutorials and free developer infrastructure for making civic apps in Chicago.</p>

<p>This page is still a work in progress. If you'd like to help out, <a href='https://github.com/open-city/open-gov-hack-night/issues/28'>join the discussion on <i class='fa fa-github'></i> Github</a>.</p>
<p>Browse the data portals, government websites, APIs and tools available in Chicago.</p>
</div>

<div class='col-sm-5'>
Expand All @@ -21,7 +19,6 @@ <h4>Sections</h4>
<ul>
<li><i class='fa fa-cloud-download'></i> <a href='#data-portals'>Data portals</a></li>
<li><i class='fa fa-download'></i> <a href='#other-open-data-sources'> Other open data sources</a></li>
<li><i class='fa fa-cogs'></i> <a href='#free-developer-infrastructure'>Free developer infrastructure</a></li>
</ul>
</div>
</div>
Expand Down Expand Up @@ -89,31 +86,5 @@ <h2 id='other-open-data-sources'>
</div>
</div>

<div class='row'>
<div class='col-sm-12'>
<div class=''>
<hr />
<h2 id='free-developer-infrastructure'>
<i class='fa fa-cogs'></i>
<small id='infrastructure-count'></small>
Free developer infrastructure
</h2>
<p>Free services and computing infrastructure for civic app developers. Are we missing any? <a href='https://docs.google.com/spreadsheet/ccc?key=0AtbqcVh3dkAqdEw1NTNzZ0JuTGVrRkFYUWFhWG1ma2c#gid=0'>Add them to our list!</a></p>

<table id='developer-infrastructure-table' class='table table-striped'>
<thead>
<tr>
<th class='api-title'>Title</th>
<th>Provider</th>
<th>Description</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>

<script src="/js/jquery.csv-0.71.min.js"></script>
<script src="/lib/resources.js"></script>
2 changes: 1 addition & 1 deletion events/index.html
View file
Expand Up @@ -11,7 +11,7 @@ <h1>
</small>
Events
</h1>
<p>Past and upcoming hack night presentations, with links to each event's video livestream, projects, people, and data. <a href='/feed.xml'><i class='fa fa-rss-square'></i> RSS feed</a></p>
<p>Past and upcoming hack night presentations, with links to each event's video livestream, projects, people, and data. <br /><a href='/feed.xml'><i class='fa fa-rss-square'></i> RSS feed</a></p>
<p>In addition to interesting speakers, there are also <a href="/breakouts.html">breakout groups</a> that meet weekly to learn and work on projects.</p>

<table id='hack-night-events' class='table table-striped'>
Expand Down
24 changes: 12 additions & 12 deletions lib/resources.js
View file
Expand Up @@ -63,16 +63,16 @@ var data_template = "\
populate_table("0AtbqcVh3dkAqdDZFaTlwRlBDczVGbUtJUnNwVnZ2ZVE", "open-data-table", "data-count", data_template, [ [1,'asc'] ], [ null, null, null ], 'data-search');

// populate free developer infrastructure
var infrastructure_template = "\
<tr>\
<td>\
<h4><a href='{{url}}'>{{title}}</a></h4>\
</td>\
<td>{{provider}}</td>\
<td>\
<p>{{description}}</p>\
</td>\
</tr>\
";
// var infrastructure_template = "\
// <tr>\
// <td>\
// <h4><a href='{{url}}'>{{title}}</a></h4>\
// </td>\
// <td>{{provider}}</td>\
// <td>\
// <p>{{description}}</p>\
// </td>\
// </tr>\
// ";

populate_table("0AtbqcVh3dkAqdEw1NTNzZ0JuTGVrRkFYUWFhWG1ma2c", "developer-infrastructure-table", "infrastructure-count", infrastructure_template, [ [0,'asc'] ], [ null, null, null ], 'tools-search');
//populate_table("0AtbqcVh3dkAqdEw1NTNzZ0JuTGVrRkFYUWFhWG1ma2c", "developer-infrastructure-table", "infrastructure-count", infrastructure_template, [ [0,'asc'] ], [ null, null, null ], 'tools-search');

0 comments on commit f3a9b8f

Please sign in to comment.