atroche · February 7, 2013 04:23
diff --git a/gistfile1.html b/gistfile1.html
 <!DOCTYPE html>
 <html>
  <head>
    <title>Nominate Your Town</title>



    <script id="town-row-template" type="text/x-handlebars-template">
      <td class="rank">
        {{ rank }}
      </td>
      <td class="name">
        {{ name }}
      </td>
      <td>
        <div class="progress progress-striped">
          <div class="bar" style="width: {{ barWidth }}%;">{{ votes }}</div>
        </div>
      </td>
    </script>

    <script id="successful-nomination-template" type="text/x-handlebars-template">
      <div class="alert alert-success">
        {{#if London}}
          The Amazings are already in London!
        {{else}}
          <p><strong>Thanks for nominating {{ town }}!</strong></p>

          <p>
          {{#if moreThanOneVote}}
            You've bumped it up to {{ votes }} votes.
          {{else}}
            You're the first to vote for it!
          {{/if }}
          </p>
        {{/if }}
      </div>
    </script>

    <script id="already-voted-template" type="text/x-handlebars-template">
      <div>
        <p>Thanks for voting! Hopefully we'll be arriving in {{ town }} soon.</p>
        <p>In the meantime, why not <a href="https://twitter.com/intent/user?screen_name=theamazings">follow us on Twitter</a>?</p>
      </div>
    </script>

    <script id="spread-the-word-template" type="text/x-handlebars-template">
      I just voted for The Amazings to come to {{ townName }}. You should too!
    </script>

    <script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC9g0bX5GTKv8757lIkhGmZGGjp8I0eGTQ&sensor=false">
    </script>

    <script src="js/main-built.js"></script>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/main.css" rel="stylesheet" media="screen">
    <link href="css/jquery.ambiance.css" rel="stylesheet" media="screen">
  </head>
  <body>

    <div class="row">
      <div class="span11 offset1">
        <div class="page-header">
          <h1>Bring The Amazings To Your Town</h1>
          <p>Right now, we're only in London, but we plan to scale out (UK and beyond!) in 2013.</p>
        </div>
      </div>
    </div>




    <div class="row">

      <div class="span7 offset1">

        <h2>Leaderboard</h2>
        <div id="leaderboard">
          <table class="table table-striped">
          </table>
        </div>

      </div>

      <div class="span4" id="form-container">
        <h2 style="margin-left: 20%"></h2>
        <form id="nominate-form" class="hide">

          <div class="control-group" id="town-name-control-group">
            <label for="town">Your Town</label>
            <input data-required="true" name="town" id="town" type="text" placeholder="e.g. Manchester" data-allowedtown="true" data-trigger="focusout" autofocus />
          </div>

          <label for="">I want to</label>

          <div class="btn-group" data-toggle="buttons-radio" id="teach-or-learn">
            <button type="button" class="btn">Teach</button>
            <button type="button" class="btn">Learn</button>
          </div>


          <label for="name">Your Name</label>
          <input id="name" name="name" type="text" placeholder="John Smith" data-required="true" data-multiple="3" />


          <label for="email">Your Email</label>
          <input id="email" data-type="email" name="email" type="text" placeholder="[email protected]" data-required="true" data-unique="true" />


          <label for="class-idea">Class Idea</label>
          <textarea name="class-idea" id="class-idea" placeholder="Optional"></textarea>


          <label for="why-come">Why Should We Come to You?</label>
          <textarea name="why-come" id="why-come" placeholder="Optional"></textarea>

          <div id="spread-the-word">
            <label for="why-come">Spread The Word</label>
            <textarea></textarea>
            <label class="checkbox" for="share-on-facebook"><input type="checkbox" name="share-on-facebook" id="share-on-facebook" /> Share on Facebook</label>

            <label class="checkbox" for="share-on-twitter"><input type="checkbox" name="share-on-twitter" id="share-on-twitter" /> Share on Twitter </label>
          </div>

          <br />

          <button class="btn btn-primary" id="submit-nomination">Nominate</button>

        </form>
      </div>


    </div>



    <div class="row">
      <div class="span11 offset1">
        <div id="map-container">
        </div>
      </div>
    </div>


  </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Nominate Your Town</title>



	<script id="town-row-template" type="text/x-handlebars-template">
	<td class="rank">
	{{ rank }}
	</td>
	<td class="name">
	{{ name }}
	</td>
	<td>
	<div class="progress progress-striped">
	<div class="bar" style="width: {{ barWidth }}%;">{{ votes }}</div>
	</div>
	</td>
	</script>

	<script id="successful-nomination-template" type="text/x-handlebars-template">
	<div class="alert alert-success">
	{{#if London}}
	The Amazings are already in London!
	{{else}}
	<p><strong>Thanks for nominating {{ town }}!</strong></p>

	<p>
	{{#if moreThanOneVote}}
	You've bumped it up to {{ votes }} votes.
	{{else}}
	You're the first to vote for it!
	{{/if }}
	</p>
	{{/if }}
	</div>
	</script>

	<script id="already-voted-template" type="text/x-handlebars-template">
	<div>
	<p>Thanks for voting! Hopefully we'll be arriving in {{ town }} soon.</p>
	<p>In the meantime, why not <a href="https://twitter.com/intent/user?screen_name=theamazings">follow us on Twitter</a>?</p>
	</div>
	</script>

	<script id="spread-the-word-template" type="text/x-handlebars-template">
	I just voted for The Amazings to come to {{ townName }}. You should too!
	</script>

	<script type="text/javascript"
	src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC9g0bX5GTKv8757lIkhGmZGGjp8I0eGTQ&sensor=false">
	</script>

	<script src="js/main-built.js"></script>

	<!-- Bootstrap -->
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
	<link href="css/main.css" rel="stylesheet" media="screen">
	<link href="css/jquery.ambiance.css" rel="stylesheet" media="screen">
	</head>
	<body>

	<div class="row">
	<div class="span11 offset1">
	<div class="page-header">
	<h1>Bring The Amazings To Your Town</h1>
	<p>Right now, we're only in London, but we plan to scale out (UK and beyond!) in 2013.</p>
	</div>
	</div>
	</div>




	<div class="row">

	<div class="span7 offset1">

	<h2>Leaderboard</h2>
	<div id="leaderboard">
	<table class="table table-striped">
	</table>
	</div>

	</div>

	<div class="span4" id="form-container">
	<h2 style="margin-left: 20%"></h2>
	<form id="nominate-form" class="hide">

	<div class="control-group" id="town-name-control-group">
	<label for="town">Your Town</label>
	<input data-required="true" name="town" id="town" type="text" placeholder="e.g. Manchester" data-allowedtown="true" data-trigger="focusout" autofocus />
	</div>

	<label for="">I want to</label>

	<div class="btn-group" data-toggle="buttons-radio" id="teach-or-learn">
	<button type="button" class="btn">Teach</button>
	<button type="button" class="btn">Learn</button>
	</div>


	<label for="name">Your Name</label>
	<input id="name" name="name" type="text" placeholder="John Smith" data-required="true" data-multiple="3" />


	<label for="email">Your Email</label>
	<input id="email" data-type="email" name="email" type="text" placeholder="[email protected]" data-required="true" data-unique="true" />


	<label for="class-idea">Class Idea</label>
	<textarea name="class-idea" id="class-idea" placeholder="Optional"></textarea>


	<label for="why-come">Why Should We Come to You?</label>
	<textarea name="why-come" id="why-come" placeholder="Optional"></textarea>

	<div id="spread-the-word">
	<label for="why-come">Spread The Word</label>
	<textarea></textarea>
	<label class="checkbox" for="share-on-facebook"><input type="checkbox" name="share-on-facebook" id="share-on-facebook" /> Share on Facebook</label>

	<label class="checkbox" for="share-on-twitter"><input type="checkbox" name="share-on-twitter" id="share-on-twitter" /> Share on Twitter </label>
	</div>

	<br />

	<button class="btn btn-primary" id="submit-nomination">Nominate</button>

	</form>
	</div>


	</div>



	<div class="row">
	<div class="span11 offset1">
	<div id="map-container">
	</div>
	</div>
	</div>


	</body>
	</html>