Commit 962b74ef authored by Michelle Hertzfeld's avatar Michelle Hertzfeld
Browse files

Merge pull request #1 from CodeForTucson/master

Initial changes to edit DC fork into a Tucson website
parents aa7f7e17 f578c6e6
codefordc.org
codefortucson.org
Code For DC Website
Code For Tucson Website
=============
This is the repository for the website for Code for DC, the DC chapter of the Code for America Brigade program.
This is the repository for the website for Code for Tucson, the Tucson chapter of the Code for America Brigade program. It is based on the website for [Code for DC](http://www.codefordc.org).
This site is built on Github pages and uses Jekyll for its blog.
To make changes:
+ We strongly recommend that you set up a local copy of the site and test your changes there before pushing them back to the repository!
+ Work against the Master branch. Master == Staging.
+ The production website is hosted off of the 'gh-pages' branch. You shouldn't work against this, but when you have publication-ready changes in Master, you can pull those across to gh-pages to make them live. The reason for maintaining separate master and gh-pages branches is that it enables people to work against a shared master branch and merge back to it without needing to make the code ready for production first.
+ The production website is hosted off of the 'gh-pages' branch. You shouldn't work against this, but when you have publication-ready changes in Master, you can pull those across to gh-pages to make them live. The reason for maintaining separate master and gh-pages branches is that it enables people to work against a shared master branch and merge back to it without needing to make the code ready for production first.
Special pages:
......
name: This is the site name
name: Code for Tucson | A Code for America Brigade
markdown: redcarpet
pygments: true
highlighter: pygments
......@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Code for DC</title>
<title>Code for Tucson</title>
<link rel="shortcut icon" href="http://www.codefordc.org/images/favicon.ico" />
<!-- Bootstrap core CSS -->
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">
......
......@@ -48,7 +48,7 @@ hr.footer-divider {
.hero {
background: url('/images/bohemian-caverns.jpg');
background: url('/images/hero_bg.jpg');
background-size: cover;
min-height: 300px;
min-width: 400px;
......@@ -56,13 +56,19 @@ hr.footer-divider {
}
.hero-text{
text-align:center;
font-size:150px;
font-weight:bold;
color: white;
background-color: rgba(0,0,0,.5);
text-align:left;
padding-left: 15%;
background-color: rgba(0,0,0,0.15);
margin-top:25px;
}
.hero-text img {
height: 200px;
padding: 15px;
}
.hero-text h1 {
display: none;
}
.heading-stripe {
......@@ -318,4 +324,18 @@ img.project-git-human {
font-weight: normal;
}
/***************************/
/* footer */
/***************************/
.footer {
text-align: left;
font-size: 14px;
line-height: 15px;
}
.footer img {
float: left;
padding-right: 10px;
padding-bottom: 20px;
}
......@@ -4,13 +4,13 @@ title: Get Involved
---
<div class="col-lg-12 hero">
<div class="hero-text">Code for DC</div>
<div class="hero-text"><img src="images/CodeForTucson_logo_dark.png" alt="Code for Tucson logo"><h1>Code for Tucson</h1></div>
</div>
<div class="container">
<div class="col-lg-1"></div>
<div class="col-lg-10 starter-template">
<div class="col-lg-1"></div>
<div class="col-lg-10 starter-template">
<!--
<div class="col-lg-12 announcement heading-stripe light-grey">
......@@ -30,138 +30,118 @@ The Code for DC Blog has arrived! We'll use this space to share updates on our
<div class="col-lg-12"><hr/></div>
-->
<div class="col-lg-12 announcement heading-stripe light-grey">
<h2 class="blackish">Welcome #TechLady Hackers</h2>
<div class="col-lg-6 announcement-icon">
<img src="images/techlady-logo.png" alt="#TechLady Hackathon" />
</div>
<div class="col-lg-6 announcement-content">
<p>
Women in technology for the win! Whether you're a hacker or an activist, a strategist or a nerd, we're excited to see you today for the #TechLady Hackathon.
<br/>
<br/>
<b>What happens next?</b>
<br/>
Stay involved! Code for DC meets every two weeks and the next meetup is happening soon. Bring what you learned, and a friend, to our Civic Hacknight on Wednesday, August 13th.
</p>
<p>
<a href="http://www.meetup.com/Code-for-DC/" target="_blank">RSVP here now!</a>
</p>
</div>
</div>
<div class="col-lg-12">
<h1 class="h0">Join us</h1>
<p class="lead">Code for DC is the DC chapter of the <a href="http://brigade.codeforamerica.org" target="_blank">Code for America Brigade</a>. We are a group of volunteer civic hackers working together to solve local issues and help people engage with the city.
</p>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12">
<div class="col-lg-4">
<img src="images/captain.png" alt="CfA Brigade Captain" />
<h2>Come to our next civic hacknight</h2>
<p>Casual meetups for geeks, activists, policy makers, and journalists, every other week.</p>
<p><a href="http://www.meetup.com/code-for-dc" target="_blank">Read more and RSVP &raquo;</a></p>
</div>
<div class="col-lg-4">
<img src="images/octocat.png" alt="Community" />
<h2>Join the discussion online</h2>
<p>An open conversation online about DC, what we're doing now, and what's next.
</p>
<p><a href="http://groups.google.com/forum/#!forum/dc-cfa-brigade" target="_blank">Learn and Share &raquo;</a></p>
</div>
<div class="col-lg-4">
<img src="images/launch.png" alt="Community" />
<h2>Join a project or start your own</h2>
<p>Whether you're a communicator or a coder, we need you. Jump right in!</a>
</p>
<p><a href="projects.html">Find a project &raquo;</a></p>
</div>
</div>
<!--<div class="col-lg-12"><hr/></div>-->
<div class="col-lg-12 heading-stripe stuff-weve-made-stripe">
<h2 class="blackish">Stuff we've made</h2>
<p class='lead'>Code for DC creates tools, information, and experiences that serve the District. <br/>We kick off new projects every month. <a href = "projects.html">Browse the complete list,</a> then get started.
</p>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-odd">
<div class="col-lg-4 project-stripe-img" >
<a href="http://www.ancbrigade.com" target="_blank"><img src="images/sites/anc-brigade.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>ANC Finder</h2>
<p>A project to explain DC's hyperlocal Advisory Neighborhood Commission system by pulling information scattered across the web into one place. ANCs make decisions that shape neighborhoods, but reliable information about them is hard to find. We aim to change that.</p>
<p><a href="http://www.ancbrigade.com" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12">
<h1 class="h0">Join us</h1>
<p class="lead">Code for Tucson is the Tucson chapter of the <a href="http://codeforamerica.org/brigade/about" target="_blank">Code for America Brigade</a>. We are a group of volunteer civic hackers working together to solve local issues and help people engage with the city.
</p>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12">
<div class="col-lg-4">
<img src="images/captain.png" alt="CfA Brigade Captain" />
<h2>Come to our next civic hacknight</h2>
<p>Casual meetups for geeks, activists, policy makers, and journalists, every other week.</p>
<p><a href="http://www.meetup.com/code-for-dc" target="_blank">Read more and RSVP &raquo;</a></p>
</div>
<div class="col-lg-12 project-stripe-even">
<div class="col-lg-4 project-stripe-img" >
<a href="http://www.ourdcschools.org/" target="_blank"><img src="images/sites/our-dc-schools.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>Our DC Schools</h2>
<p>Our DC Schools is a online resource that helps the public personalize and visualize changes in school district boundaries within the District of Columbia</p>
<p><a href="http://www.ourdcschools.org/" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-4">
<img src="images/octocat.png" alt="Community" />
<h2>Join the discussion online</h2>
<p>An open conversation online about DC, what we're doing now, and what's next.
</p>
<p><a href="http://groups.google.com/forum/#!forum/dc-cfa-brigade" target="_blank">Learn and Share &raquo;</a></p>
</div>
<div class="col-lg-4">
<img src="images/launch.png" alt="Community" />
<h2>Join a project or start your own</h2>
<p>Whether you're a communicator or a coder, we need you. Jump right in!</a>
</p>
<p><a href="projects.html">Find a project &raquo;</a></p>
</div>
</div>
<!--<div class="col-lg-12"><hr/></div>-->
<div class="col-lg-12 heading-stripe stuff-weve-made-stripe">
<h2 class="blackish">Stuff we've made</h2>
<p class='lead'>Code for DC creates tools, information, and experiences that serve the District. <br/>We kick off new projects every month. <a href = "projects.html">Browse the complete list,</a> then get started.
</p>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-odd">
<div class="col-lg-4 project-stripe-img" >
<a href="http://www.ancbrigade.com" target="_blank"><img src="images/sites/anc-brigade.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>ANC Finder</h2>
<p>A project to explain DC's hyperlocal Advisory Neighborhood Commission system by pulling information scattered across the web into one place. ANCs make decisions that shape neighborhoods, but reliable information about them is hard to find. We aim to change that.</p>
<p><a href="http://www.ancbrigade.com" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-even">
<div class="col-lg-4 project-stripe-img" >
<a href="http://www.ourdcschools.org/" target="_blank"><img src="images/sites/our-dc-schools.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>Our DC Schools</h2>
<p>Our DC Schools is a online resource that helps the public personalize and visualize changes in school district boundaries within the District of Columbia</p>
<p><a href="http://www.ourdcschools.org/" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-even">
<div class="col-lg-4 project-stripe-img" >
<a href="http://cmgiven.github.io/bikeshare-odds/" target="_blank"><img src="images/sites/cabi-odds.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>Bikeshare Odds</h2>
<p>Bikeshare Odds is a tool that will use historical data to tell you what the chances are that your neighborhood bike share station will have a bike at a given time</p>
<p><a href="http://cmgiven.github.io/bikeshare-odds/" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-odd">
<div class="col-lg-4 project-stripe-img" >
<a href="http://www.opendatadc.org" target="_blank"><img src="images/sites/open-data-dc.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>OpenDataDC</h2>
<p>OpenDataDC is a public data catalog for and by the people of Washington, DC. It complements the catalog maintained by the city government at data.dc.gov which houses official municipal data. Explore, upload, download and analyze!</p>
<p><a href="http://www.opendatadc.org" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-even">
<div class="col-lg-4 project-stripe-img" >
<a href="http://edu.codefordc.org" target="_blank"><img src="images/sites/open-schools.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>Open Schools</h2>
<p>Choosing a school in DC can be confusing and we hope to support family decisions with data. We recognize that the "right" school for your children can be evaluated not just by standardized test scores, but by teacher turnover, parent involvement, special programming, community and more. We have built this tool starting with school populations by neighborhood, and gradually plan to add information we collect from the city, from NGOs, the private sector, and you!</p>
<p><a href="http://edu.codefordc.org" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr class="footer-divider"/></div>
<div class="col-lg-2"></div>
<div class="col-lg-8">
<p class="lead">
<img src="images/cfa_logo_greyscale.png" alt="Code for America" />
<h2></h2>
<p>Code for America is a non-partisan, non-political organization working to create low-risk settings for innovation between citizens and government. <a href="http://codeforamerica.org/" target="_blank">Learn more</a> about Code for America's mission and its Fellowship, Brigade, Accelerator, Peer Network and Code for All programs.
</p>
</p>
</div>
</div>
<div class="col-lg-2"></div>
<div class="col-lg-1"></div>
</div><!-- /.container -->
<div class="col-lg-12 project-stripe-even">
<div class="col-lg-4 project-stripe-img" >
<a href="http://cmgiven.github.io/bikeshare-odds/" target="_blank"><img src="images/sites/cabi-odds.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>Bikeshare Odds</h2>
<p>Bikeshare Odds is a tool that will use historical data to tell you what the chances are that your neighborhood bike share station will have a bike at a given time</p>
<p><a href="http://cmgiven.github.io/bikeshare-odds/" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-odd">
<div class="col-lg-4 project-stripe-img" >
<a href="http://www.opendatadc.org" target="_blank"><img src="images/sites/open-data-dc.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>OpenDataDC</h2>
<p>OpenDataDC is a public data catalog for and by the people of Washington, DC. It complements the catalog maintained by the city government at data.dc.gov which houses official municipal data. Explore, upload, download and analyze!</p>
<p><a href="http://www.opendatadc.org" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr/></div>
<div class="col-lg-12 project-stripe-even">
<div class="col-lg-4 project-stripe-img" >
<a href="http://edu.codefordc.org" target="_blank"><img src="images/sites/open-schools.png" /></a>
</div>
<div class="col-lg-8 project-stripe-txt">
<h2>Open Schools</h2>
<p>Choosing a school in DC can be confusing and we hope to support family decisions with data. We recognize that the "right" school for your children can be evaluated not just by standardized test scores, but by teacher turnover, parent involvement, special programming, community and more. We have built this tool starting with school populations by neighborhood, and gradually plan to add information we collect from the city, from NGOs, the private sector, and you!</p>
<p><a href="http://edu.codefordc.org" target="_blank">Check it out</a></p>
</div>
</div>
<div class="col-lg-12"><hr class="footer-divider"/></div>
<div class="col-lg-12 footer">
<div class="col-lg-8">
<img src="images/cfa_logo_greyscale.png" alt="Code for America" />
<p>Code for America is a non-partisan, non-political organization working to create low-risk settings for innovation between citizens and government. <a href="http://codeforamerica.org/" target="_blank">Learn more</a> about Code for America's mission and its Fellowship, Brigade, Accelerator, Peer Network and Code for All programs.
</p>
</div>
<div class="col-lg-4">
<p>Banner image: <a href="https://www.flickr.com/photos/phunk/3076205291">Steve Rotman</a></p>
<p>Cactus in logo: <a href="http://thenounproject.com/term/cactus/29212/">Jennifer Cozzette</a></p>
</div>
</div>
</div><!-- /.container -->
{% include _global_js.html %}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment