Created
August 5, 2013 18:50
-
-
Save wboykinm/6158377 to your computer and use it in GitHub Desktop.
Sustainability words form
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title> | |
</title> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta name="description" content=""> | |
<meta name="author" content=""> | |
<!-- Le styles --> | |
<link href="assets/css/bootstrap.css" rel="stylesheet"> | |
<style> | |
body { padding-top: 60px; /* 60px to make the container go all the way | |
to the bottom of the topbar */ } | |
</style> | |
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> | |
<!-- Le 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]--> | |
<!-- Le fav and touch icons --> | |
<link rel="shortcut icon" href="assets/ico/favicon.ico"> | |
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png"> | |
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png"> | |
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png"> | |
<link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png"> | |
<style> | |
</style> | |
</head> | |
<body> | |
<!-- Modal --> | |
<div id="startModal" class="modal fade hide" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> | |
× | |
</button> | |
<center> | |
<h3 id="myModalLabel"> | |
Welcome | |
</h3> | |
</center> | |
</div> | |
<div class="modal-body"> | |
<p> | |
Welcome to the Lexicon of Sustainability Mapping Project. Please feel | |
free to explore your community and add your own words to the map. | |
<br> | |
<br> | |
<br> | |
</p> | |
<center> | |
This map supports the | |
<a href="http://www.lexiconofsustainability.com/" target="_blank">Lexicon of Sustainability</a> | |
Project | |
<p> | |
</p> | |
</center> | |
</div> | |
<div class="modal-footer"> | |
<center> | |
<button class="btn" data-dismiss="modal" aria-hidden="true" id="modal_rencontre"> | |
OK | |
</button> | |
</center> | |
</div> | |
</div> | |
<!-- Page Content --> | |
<div class="navbar navbar-fixed-top"> | |
<div class="navbar-inner"> | |
<div class="container"> | |
<button type="button" 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> | |
</button> | |
<div class="nav-collapse collapse"> | |
<ul class="nav"> | |
<li class="active"> | |
<a href="#">Home</a> | |
</li> | |
<li> | |
<a href="#about">About</a> | |
</li> | |
<li> | |
<a href="#contact">Contact | |
</a> | |
</li> | |
</ul> | |
</div> | |
<a href="#contact"> | |
</a> | |
</div> | |
</div> | |
<!--/.nav-collapse --> | |
</div> | |
<div class="container"> | |
<br> | |
<br> | |
<table class="table"> | |
<tbody> | |
<tr> | |
<td> | |
<img src="https://s3.amazonaws.com/media.jetstrap.com/zUmEJ683TmGSHY0duZvc_Lexicon-Sustainability.jpg" width="75"> | |
</td> | |
<td> | |
<h1> | |
Mapping The Lexicon of Sustainability | |
</h1> | |
<p> | |
Put brief description here?. | |
</p> | |
</td> | |
<td> | |
<a href="#myModal" role="button" class="btn btn-primary btn-large" data-toggle="modal">Add To The Map Here</a> | |
<!-- Modal --> | |
<div class="modal fade hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"> | |
× | |
</button> | |
<h3 id="myModalLabel"> | |
Submit Your Word | |
</h3> | |
</div> | |
<div class="modal-body"> | |
<div class="ss-form"> | |
<meta itemprop="embedUrl" content="https://docs.google.com/forms/d/1NKBXhqMJm2rKvO9oqDrCAecohe9HjzmfFj-Gu54bHjw/viewform?embedded=true"> | |
<meta itemprop="faviconUrl" content="//ssl.gstatic.com/docs/spreadsheets/forms/favicon_jfk2.png"> | |
<!--ADD THE FORM RESPONSE ACTION HERE--> | |
<div class="ss-form"><form action="https://docs.google.com/forms/d/1NKBXhqMJm2rKvO9oqDrCAecohe9HjzmfFj-Gu54bHjw/formResponse" method="POST" id="ss-form" target="_self" onsubmit=""> | |
<!--ADD THE FORM ITEMS BELOW. THE "NAME" AND "ID" PARAMETERS MUST CORRESPOND TO THOSE IN THE SOURCE OF THE GOOGLE-HOSTED LIVE FORM--> | |
<div class="google-input"> | |
<div class="ss-item ss-text"> | |
<div class="ss-form-entry"> | |
<p><strong>1.</strong> <strong>Enter a word from the lexicon of sustainability</strong></p> | |
<label class="checkbox"><input type="text" name="entry.1810005211" value="e.g. - organic" id="entry_1810005211"> | |
</label> | |
</div> | |
</div> | |
</div> | |
<div class="google-input"> | |
<div class="ss-item ss-text"> | |
<div class="ss-form-entry"> | |
<p><strong>2.</strong> <strong>Enter your city and state</strong></p> | |
<label class="checkbox"><input type="text" name="entry_962284530" value="e.g. - Chicago, Illinois" id="entry_962284530"> | |
</label> | |
</div> | |
</div> | |
</div> | |
<div class="google-input"> | |
<div class="ss-item ss-text"> | |
<div class="ss-form-entry"> | |
<p><strong>3.</strong> <strong>Select a classification for your word</strong></p> | |
<label class="checkbox"><input type="text" name="entry.962284530" value="e.g. - which category is best" id="entry_962284530"> | |
</label> | |
</div> | |
</div> | |
</div> | |
<div class="google-input"> | |
<div class="ss-item ss-text"> | |
<div class="ss-form-entry"> | |
<p><strong>4.Enter contact information.</strong></p> | |
<label class="checkbox"><input type="text" name="entry.1810005211" value="e.g. - Chicago, Illinois" id="entry_1810005211"> | |
</label> | |
</div> | |
</div> | |
</div> | |
<div class="ss-item ss-navigate"><div class="ss-form-entry"> | |
<input type="submit" name="submit" value="Submit" class="btn-large btn-success"></div></div></form> | |
</div> | |
</div> | |
</div> | |
</div></td> | |
</tr> | |
</tbody> | |
</table> | |
</div> | |
<!-- /container --> | |
<div class="content"> | |
<iframe width="100%" height="800" frameborder="0" src="http://gmcmaplab.cartodb.com/viz/84a272b4-fb8b-11e2-af04-5404a6a69006/embed_map?title=false&description=false&search=true&shareable=false&cartodb_logo=true&layer_selector=false&scrollwheel=true&sublayer_options=1&sql="> | |
</iframe> | |
</div> | |
<style> | |
</style> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> | |
</script> | |
<script src="assets/js/bootstrap.js"> | |
</script> | |
<script> | |
$(window).load(function(){ | |
$('#startModal').modal('show'); | |
}); | |
</script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment