Skip to content

Creating projects pages for our projects, and updating the list a bit. #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Creating projects pages for our projects, and updating the list a bit. #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
31 changes: 29 additions & 2 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -122,8 +122,6 @@
margin-top: 10px;
}



/* MARKETING CONTENT
-------------------------------------------------- */

Expand Down Expand Up @@ -178,7 +176,36 @@
letter-spacing: -1px;
}

/* Project Pages
------------------------- */

.project .carousel .item {
min-height: 300px;
}

.project .carousel {
margin-bottom: 0;
}

.project .featurette-divider {
margin: 10px 0;
}

.project .featurette-heading {
font-size: 26px;
line-height: 1.5;
}

i.group-lead {
line-height: 30px;
margin-top: 5px;
}

span.group-lead {
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
Expand Down
40 changes: 12 additions & 28 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -58,38 +58,32 @@
<ul class="dropdown-menu">
<li>
<a href="http://www.meetup.com/Code-for-Dayton/">
<i class=icon-user icon-white></i>
<i class="icon-user"></i>
Our Gatherings on Meetup</a>
</li>
<li>
<a href="https://github.com/codefordayton">
<i class=icon-wrench icon-white></i>
<i class="icon-wrench"></i>
Our Code on GitHub</a>
</li>
<li>
<a href="http://codefordayton.uservoice.com/">
<i class=icon-thumbs-up icon-white></i>
<i class="icon-thumbs-up"></i>
Idea List for Civic Apps and Open Data</a>
</li>
<li>
<a href="https://github.com/codefordayton/codeofconduct">
<i class=icon-cog icon-white></i>
<i class="icon-cog"></i>
Code of Conduct</a>
</li>

<li class="divider"></li>

<li>
<a href="https://twitter.com/search?q=%23cfabrigade">
<i class=icon-retweet icon-white></i>
<i class="icon-retweet"></i>
#cfabrigade - National Tweets</a>
</li>
<li>
<a href="http://codeforamerica.tumblr.com/">
<i class=icon-bullhorn icon-white></i>
Brigade's Tumblr</a>
</li>

</ul>
</li>
<li> <a href="https://secure.codeforamerica.org/page/contribute/default?custom1=Please%20send%20to%20Code%20for%20Dayton"><button type="button" class="btn btn-default btn-sm" style="margin: 0px;"><i class=icon-heart></i> Donate</button></a></li>
Expand Down Expand Up @@ -167,44 +161,34 @@ <h2>See Our Inspiration</h2>
<hr class="featurette-divider">

<div id="projects" class="featurette">
<h2 class="featurette-heading" style="text-align: center; margin-bottom: 20px;">Works In Progress</h2>
<h2 class="featurette-heading" style="text-align: center; margin-bottom: 20px;">Projects</h2>

<div class="row">

<div class="span4">
<a href="esl">
<a href="projects/esl.html">
<img name="collide" id="collide" style="display: block; margin-left: auto; margin-right: auto"src="assets/images/noun_project_icon_11002_easel.png" alt="EASL" />
</a>
<h2 style="text-align: center;">English As A Second Language (ESL)</h2>
</div><!-- /.span4-->

<div class="span4">
<a href="/grocer">
<a href="projects/grocer.html">
<img name="grocer" style="display: block; margin-left: auto; margin-right: auto"src="assets/images/noun_project_icon_5260_map.png" alt="Collider Project" />
</a>
<h2 style="text-align: center;">Grocer</h2>
</div><!-- /.span4-->
<div class="span4">
<a href="https://communities.socrata.com/catalog/code-for-dayton/"><img name="portal" style="display: block; margin-left: auto; margin-right: auto"src="assets/images/noun_project_icon_14774_portal.png" alt="Open Data Portal" /></a>
<a href="projects/portal.html"><img name="portal" style="display: block; margin-left: auto; margin-right: auto"src="assets/images/noun_project_icon_14774_portal.png" alt="Open Data Portal" /></a>

<h2 style="text-align: center;">Open Data Portal</h2>
</div><!-- /.span4 -->
</div><!-- /.row -->
<div class="row">
<div class="span4">
<a href="http://localwiki.net/dayton"><img name="book" style="display: block; margin-left: auto; margin-right: auto"src="assets/images/noun_project_icon_17900_book.png" alt="Dayton Local Wiki" /></a>

<h2 style="text-align: center;">Dayton Local Wiki</h2>
</div><!-- /.span4 -->
<div class="span4">
<a href="http://github.com/codefordayton/daytonreap"><img name="foreclosure" style="display: block; margin-left: auto; margin-right: auto"src="assets/images/noun_project_icon_50539_foreclosure.png" alt="Dayton REAP" /></a>
<h2 style="text-align: center;">Dayton REAP</h2>
<a href="projects/lotlinker.html"><img name="foreclosure" style="display: block; margin-left: auto; margin-right: auto"src="assets/images/noun_project_icon_50539_foreclosure.png" alt="LotLinker" /></a>
<h2 style="text-align: center;">LotLinker</h2>
</div>
<div class="span4">
<a href="http://github.com/codefordayton/game"><img name="game" style="display: block; margin-left: auto; margin-right: auto"src="assets/images/noun_project_icon_8609_game.png" alt="Lot Linker" /></a>

<h2 style="text-align: center;">The Game</h2>
</div><!-- /.span4 -->
</div><!-- /.row -->
</div><!-- /.featurette -->

Expand Down Expand Up @@ -275,7 +259,7 @@ <h2 class="featurette-heading">We Don't Work Alone. <span class="muted">Meet Our
<div class="featurette">
<img name="contact" id="contact" class="featurette-image pull-right" src="">
<h2 class="featurette-heading">Want Even More Info? <span class="muted">Contact Us.</span></h2>
<p class="lead">Our organizers are Dave Caraway (<a href="mailto:dave@fogmine.com">dave@fogmine.com</a> or <a href="https://twitter.com/davecaraway">@DaveCaraway</a>) and Dave Best (<a href="mailto:[email protected]">[email protected]</a> or <a href="https://twitter.com/davidebest">@DavidEBest</a>). We want to hear from you!</p>
<p class="lead">Our organizers are Dave Best (<a href="mailto:dave@codefordayton.org">dave@codefordayton.org</a> or <a href="https://twitter.com/davidebest">@DavidEBest</a>) and Janet Michaelis (<a href="mailto:[email protected]">[email protected]</a>). We want to hear from you!</p>
<a href="https://plus.google.com/101164371594260325014" rel="publisher">Find us on Google+</a>
</div>

Expand Down
163 changes: 163 additions & 0 deletions projects/esl.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,163 @@
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<title>English as a Second Language Resource Finder | Code for Dayton</title>
<meta name="description" content="Map the locations that offer free English as a second language courses.">
<link rel="shortcut icon" href="favicon.ico" />
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap-combined.min.css" rel="stylesheet">
<link href="../assets/css/style.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
.memberbox{margin-top:15px; margin-bottom:10px;}
.memberbox h2{color:#aaa; font-size:150%; margin-bottom:0}
.carousel-caption .pix-thumb{position:relative; min-width:45px; margin-right:5px; border-radius:6px; width:45px; height:45px; background-image: url(../assets/images/captain.png); background-size: 100% 100%;}
.membercheckin{margin-top:20px; color:#fff}
.carousel-caption{margin-top:100px}
.tip{display:inline-block; position:relative}
</style>
</head>

<body class="project">

<!-- NAVBAR
================================================== -->
<div class="navbar-wrapper">
<!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
<div class="container">

<div class="navbar navbar-inverse">
<div class="navbar-inner">
<!-- Responsive Navbar Part 1: Button for triggering responsive navbar. Include responsive CSS to utilize. -->
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="#"><img src="../assets/images/logo.png" class="logo" /></a>
<!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<!-- Read about Bootstrap dropdowns at http://twitter.github.com/bootstrap/javascript.html#dropdowns -->
<li class="dropdown" id="menu1">
<a href="#menu1" class="dropdown-toggle" data-toggle="dropdown">
Resources
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a href="http://www.meetup.com/Code-for-Dayton/">
<i class=icon-user icon-white></i>
Our Gatherings on Meetup</a>
</li>
<li>
<a href="https://github.com/codefordayton">
<i class=icon-wrench icon-white></i>
Our Code on GitHub</a>
</li>
<li>
<a href="http://codefordayton.uservoice.com/">
<i class=icon-thumbs-up icon-white></i>
Idea List for Civic Apps and Open Data</a>
</li>
<li>
<a href="https://github.com/codefordayton/codeofconduct">
<i class="icon-cog"></i>
Code of Conduct</a>
</li>

<li class="divider"></li>

<li>
<a href="https://twitter.com/search?q=%23cfabrigade">
<i class="icon-retweet"></i>
#cfabrigade - National Tweets</a>
</li>

</ul>
</li>
<li> <a href="https://secure.codeforamerica.org/page/contribute/default?custom1=Please%20send%20to%20Code%20for%20Dayton"><button type="button" class="btn btn-default btn-sm" style="margin: 0px;"><i class=icon-heart></i> Donate</button></a></li>
</ul>
</div><!--/.nav-collapse -->
</div><!-- /.navbar-inner -->
</div><!-- /.navbar -->

</div> <!-- /.container -->
</div><!-- /.navbar-wrapper -->


<!-- fork me banner, top right
================================================== -->

<a class="forkme" href="https://github.com/codefordayton/codefordayton.github.io"><img style="position: absolute; top: 0; right: 0; border: 0; z-index: 100;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub"></a>



<!-- Carousel - only using one at the moment
================================================== -->
<div class="carousel slide">
<div class="carousel-inner">
<div class="item active">
<div class="container">
<div class="carousel-caption">
<h1>ESOL Resource Map</h1>
<p class="lead">Map the locations that offer free English as a second language courses.</p>
</div>
</div>
</div>
</div>
</div><!-- /.carousel -->

<div class="container marketing clearleft">


<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->

<!-- START THE FEATURETTES -->

<hr class="featurette-divider">
<div class="featurette">
<h3 class="featurette-heading">English as a Second Language Resource Map<br><span class="muted">Map the locations that offer free English as a second language courses.</span></h3>
<p class="lead"><i class="icon-home group-lead"></i><span class="group-lead">Code</span><a href="https://github.com/codefordayton/esl">https://github.com/codefordayton/esl</a></p>
<p class="lead"><i class="icon-globe group-lead"></i><span class="group-lead">Site</span><a href="http://codefordayton.org/esl">http://codefordayton.org/esl</a></p>
<p class="lead"><i class="icon-user group-lead"></i><span class="group-lead">Partner Organization</span><a href="http://www.welcomedayton.org/">Welcome Dayton</a></p>
<p class="lead"><i class="icon-pencil group-lead"></i><span class="group-lead">Description</span>This was our first project as Code For Dayton. A relatively straightfoward map application driven by a Google Spreadsheet.</p>
</div>

<hr class="featurette-divider">

<!-- /END THE FEATURETTES -->


<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>...People trying to Make Dayton even better...</p>
<p>Originally built by c4hrva. Site Design Based on <a href="http://getbootstrap.com/">Bootstrap</a>, Some Images Provided by <a href="http://thenounproject.com">The Noun Project</a>.</p>
</footer>

</div><!-- /.container -->
</body>
<script src="../assets/js/bootstrap-tooltip.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-37455300-4', 'codefordayton.org');
ga('send', 'pageview');

</script>

</html>
Loading