Skip to content

folding live website #1

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 5 commits into
base: master
Choose a base branch
from
Open

folding live website #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
a682113
updating git to have all latest website files per 27 Feb 16.
Feb 28, 2016
40dc78c
folding live website
Feb 28, 2016
8c43bdd
updated slack link
kerrinrose May 7, 2016
9494484
reworking file directories after site transfer; adding menus updated …
Jun 4, 2016
6d5e738
Merge branch 'master' of https://github.com/codefortrenton/CodeForTre…
Jun 4, 2016
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
67 changes: 54 additions & 13 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,21 +3,22 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Code for Trenton</title>
<title>Code for Trenton | Making Again.</title>
<link rel="stylesheet" href="style.css">
<link href='https://fonts.googleapis.com/css?family=Lato:400,700,400italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Candal:400,700,400italic' rel='stylesheet' type='text/css'>
</head>

<body>

<header>
<header class="transition">

<a href="index.html" class="logo">Code for Trenton</a>

<nav>
<a href="#">About</a>
<a href="#">Projects</a>
<a href="#">Contact</a>
<a href="./#proj">Projects</a>
<a href="./#join">Contact</a>

</nav>
</header>
Expand All @@ -37,9 +38,9 @@ <h1>About Code for Trenton</h1>

<div class="grid-12">

<h2>About Code For Trenton</h2>
<h2>About Us</h2>

<p>Code for Trenton is part of the larger <a href="https://www.codeforamerica.org/brigade/about/">Code for America</a> organization. We believe there is great opportunity today for government and cities to be improved by a few passionate, tech savvy indiviudals. By building open source technology and design solutions created for the people, by the people we have the power to make Trenton more connected, safe, informative, and thriving. We are focused not only on empowering the city's tech savvy residents but teaching the technologists of tomorrow. Whether you are still in grade school, college, or someone of any age eager to start making a difference with tech, we have something for you. Join us in making Trenton a better place. </p>
<p>Code for Trenton is part of the network of civic hackers linked to <a href="https://www.codeforamerica.org/brigade/about/">Code for America</a>. We believe that by combining technology and motivated citizens, there is a great opportunity for government and cities overall to become dynamic, highly-effective environments for the future.</p><p>By building open source technology and design solutions created for the people and by the people, we have the power to make Trenton and the entire region ever-more connected, safe, informed, and thriving. We are focused not only on empowering the city's tech savvy residents but teaching the technologists of tomorrow.</p><p>Whether you are still in grade school, college, or someone of any age eager to start making a difference with tech, we have something for you. <a href="./#join">Join us</a> in making Trenton an even better place.</p>



Expand All @@ -58,9 +59,12 @@ <h2>About Code For Trenton</h2>
<h2>Press</h2>
<ul>

<li> <a href="https://medium.com/@nsjersey/code-for-trenton-volunteers-making-strides-to-appear-on-trenton-365-show-e755d6abc3c2#.w2p1g0rs5">Code for Trenton volunteers making strides, to appear on Trenton 365 Show</a> </li>

<li> <a href="https://soundcloud.com/trenton365/code-for-trenton"> Trenton 365 Radio Interview</a></li>
<li> <a href="https://medium.com/@nsjersey/code-for-trenton-volunteers-making-strides-to-appear-on-trenton-365-show-e755d6abc3c2#.w2p1g0rs5">Code for Trenton volunteers making strides, to appear on Trenton 365 Show (Medium)</a> </li>
<li> <a href="https://medium.com/@nsjersey/can-you-measure-a-special-place-6ec981b0c3a9#.317newksf">Can you measure a special place? (Medium)</a></li>
<li> <a href="https://soundcloud.com/trenton365/code-for-trenton">Trenton 365 Radio Interview</a></li>
<li> <a href="https://medium.com/@codefortrenton">Code for Trenton Medium Blog Posts</a></li>
<li> <a href="http://technical.ly/philly/2016/01/20/code-for-trenton/">Technical.ly Philly Feature</a></li>
<li><a href="http://www.nj.com/mercer/index.ssf/2015/03/trenton_group_will_offer_free_coding_web_design_cl.html">Trenton group will offer free coding, web design courses</a></li>

</ul>

Expand All @@ -74,9 +78,46 @@ <h2>Press</h2>

</div>

<div class="mailing">
<div class="form" style="text-align:center;margin:0 auto;">
<!-- <h2>Join our mailing list for updates at <a href="../#join">CodeForTrenton.org</a></h2> -->
<h2 style="padding:0 0 1.2em 0;">Join our mailing list for updates</h2>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//codefortrenton.us12.list-manage.com/subscribe/post?u=00c4ca3a47a2a110f6efe9cee&amp;id=8d80365253" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">

<div class="mc-field-group">
<label for="mce-PERSONNAME">Name </label>
<input type="text" value="" name="PERSONNAME" class="required" id="mce-PERSONNAME">
</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_00c4ca3a47a2a110f6efe9cee_8d80365253" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[4]='PERSONNAME';ftypes[4]='text';fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

</div>
</div>


<div class="mailing">
<!--<div class="mailing">

<form id="subscribe">
<div class="form">
Expand All @@ -86,15 +127,15 @@ <h1> Join our mailing list and get involved on <a href="">Meetup</a> </h1>
<p id="sign-up-response"></p>

<div class="grid-2" ><label for="name">Name</label></div><!---
--><div class="grid-10" style="margin: 1%;">
-><div class="grid-10" style="margin: 1%;">

<input type="text" class="form-control" name="name" id="name" placeholder="Name">
</div> </section>


<section class="row">
<div class="grid-2"><label for="name">Email</label></div><!---
--><div class="grid-10" style="margin: 1%;">
-><div class="grid-10" style="margin: 1%;">

<input type="text" class="form-control" name="email" id="email" placeholder="Email">
</div> </section>
Expand All @@ -104,7 +145,7 @@ <h1> Join our mailing list and get involved on <a href="">Meetup</a> </h1>
</div>
</form>

</div>
</div> -->



Expand Down
152 changes: 152 additions & 0 deletions beta/games.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,152 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Games of Trenton | Code for Trenton</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Lato:400,700,400italic'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
</head>

<body>
<header class="transition" data-home="true">

<a href="http://www.codefortrenton.org/" class="logo">Code for Trenton</a>

<nav>
<a href="../about.html">About</a>
<a href="../index.html#proj">Projects</a>
<a href="../#join">Contact</a>

</nav>
</header>

<div class="welcome">
<div class="intro">
<h1>Games of Trenton</h1>
</div>
</div>


<div class="about">
<div class="row">
<h1>Welcome, Gamer!</h1>
<p>2016.</p>
<p>We made a <strong>huge</strong> leap.</p>
<p>We made games.</p>
<p>As part of the <a href="http://www.stemchallenge.org/" target=_blank>National STEM Game Challenge <sup><i class="fa fa-external-link" style="font-size:60%;"></i></sup></a>, we learned and hacked with a group of amazing city students, now-turned game-makers. Check out their games right here!</p>
</div>
</div>

<div class="about">
<div class="row">
<div>
<object type="application/x-shockwave-flash" data="tryit/DemoPlatformer.swf" width="640" height="480">
<param name="game" value="tryit/DemoPlatformer.swf" />
<param name="quality" value="high"/>
</object>
</div>
<div style="height:15px;"></div>
<hr>
<!--
<div style="height:15px;"></div>
<div style="max-width:900px;">
<table class="paginated" id="restaurantsTable">
<thead>
<tr>
<th class="col">Name</th><th class="col">Location</th><th class="col">Phone</th><th class="col">Reviews</th>
</tr>
</thead>
<tbody>
</tbody>

</table>
</div>
-->

</div>
</div>

<div class="mailing">
<div class="form" style="text-align:center;margin:0 auto;">
<!-- <h2>Join our mailing list for updates at <a href="../#join">CodeForTrenton.org</a></h2> -->
<h2 style="padding:0 0 1.2em 0;">Join our mailing list for updates</h2>
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//codefortrenton.us12.list-manage.com/subscribe/post?u=00c4ca3a47a2a110f6efe9cee&amp;id=8d80365253" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">

<div class="mc-field-group">
<label for="mce-PERSONNAME">Name </label>
<input type="text" value="" name="PERSONNAME" class="required" id="mce-PERSONNAME">
</div>
<div class="mc-field-group">
<label for="mce-EMAIL">Email Address </label>
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_00c4ca3a47a2a110f6efe9cee_8d80365253" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div>
</form>
</div>
<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[4]='PERSONNAME';ftypes[4]='text';fnames[0]='EMAIL';ftypes[0]='email';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
<!--End mc_embed_signup-->

</div>
</div>


<script>
$(document).ready(function(){
var scroll_start = 0;
var startchange = $('.about');
var offset = startchange.offset();
if (startchange.length){
$(document).scroll(function() {
scroll_start = $(this).scrollTop();
if(scroll_start > offset.top) {
$("header").css({'background-color': '#1e1e1e', opacity: .95});
} else {
$('header').css('background-color', 'transparent');
}
});
}
});

var url = ""; //"http://live-codefortrenton.pantheon.io/api/action/datastore/search.jsonp?resource_id=000-000&limit=200";

$.ajax( url, {
dataType:'jsonp',
crossDomain: true,
jsonpCallback:'gatherData'
});
function gatherData( data ) {

for(var key in data.result.records) {
if(data.result.records.hasOwnProperty(key)) {
/*
var e = data.result.records[key]; // e is for element :D
var $new_row = "<tr><td></td></tr>";
$('#restaurantsTable').append($new_row);
*/
}
}

//$('#restaurantsTable').DataTable({ "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]] });
}
</script>

</body>
</html>
Loading