From bb4edaefa590266bdc9979a7d9a64f03235e3f03 Mon Sep 17 00:00:00 2001
From: Dave Cross <dave@dave.org.uk>
Date: Sun, 17 Aug 2014 16:34:44 +0100
Subject: [PATCH 1/3] Refactored templates. Added index for constituencies.

---
 ttlib/constituencies.tt | 37 +++++++++++++++++++++++++++++++++++++
 ttlib/constituency.tt   | 21 +++++++++++++++++++++
 ttlib/page.tt           | 21 ++-------------------
 3 files changed, 60 insertions(+), 19 deletions(-)
 create mode 100644 ttlib/constituencies.tt
 create mode 100644 ttlib/constituency.tt

diff --git a/ttlib/constituencies.tt b/ttlib/constituencies.tt
new file mode 100644
index 0000000000..7ed494c4e2
--- /dev/null
+++ b/ttlib/constituencies.tt
@@ -0,0 +1,37 @@
+[% WRAPPER page.tt -%]
+[% prev_letter = '';
+   letters = [];
+   FOREACH c IN constits;
+     NEXT UNLESS c.candidates.size;
+     letter = c.name.substr(0, 1);
+     IF letter != prev_letter;
+       letters.push('<a href="#' _ letter _ '">' _ letter _ '</a>');
+       prev_letter = letter;
+     END;
+   END %]
+    <!-- Main jumbotron for a primary marketing message or call to action -->
+    <div class="jumbotron">
+      <div class="container">
+        <h1>Constituencies</h1>
+        <div class="row">
+          <div class="col-md-8">
+            <p>Jump to: [% letters.join(' | ') %]</p>
+<table class="table table-striped table-condensed table-bordered">
+[% prev_letter = '';
+   FOREACH c IN constits;
+     NEXT UNLESS c.candidates.size;
+     letter = c.name.substr(0, 1);
+     IF letter != prev_letter -%]
+<tr><th><a name="[% letter %]">[% letter %]</a></th></tr>
+[%   END -%]
+<tr><td><a href="/constituency/[% c.name %]">[% c.name %]</a></td></tr>
+[%   prev_letter = letter;
+   END -%]
+</table>
+          </div>
+          <div class="col-md-4">
+          </div>
+        </div>
+      </div>
+    </div>
+[% END -%]
\ No newline at end of file
diff --git a/ttlib/constituency.tt b/ttlib/constituency.tt
new file mode 100644
index 0000000000..9797242fbd
--- /dev/null
+++ b/ttlib/constituency.tt
@@ -0,0 +1,21 @@
+[% WRAPPER page.tt -%]
+    <!-- Main jumbotron for a primary marketing message or call to action -->
+    <div class="jumbotron">
+      <div class="container">
+        <h1>[% c.name %]</h1>
+        <div class="row">
+          <div class="col-md-8">
+<a class="twitter-timeline" href="https://twitter.com/TwittElection/lists/[% c.list_name %]" data-widget-id="464129893937082368" data-list-owner-screen-name="TwittElection" data-list-slug="[% c.list_name %]">Tweets from https://twitter.com/TwittElection/lists/[% c.list_name %]</a>
+<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+          </div>
+          <div class="col-md-4">
+            <ul>
+[% FOREACH cand IN c.candidates -%]
+              <li>[% cand.name %] ([% cand.party.name %])[% IF cand.twitter %]<br><a href="https://twitter.com/[% cand.twitter %]">@[% cand.twitter %]</a>[% END %]</li>
+[% END -%]
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+[% END -%]
\ No newline at end of file
diff --git a/ttlib/page.tt b/ttlib/page.tt
index 8896564bcd..7f10651652 100644
--- a/ttlib/page.tt
+++ b/ttlib/page.tt
@@ -51,25 +51,8 @@ body {
       </div>
     </div>
 
-    <!-- Main jumbotron for a primary marketing message or call to action -->
-    <div class="jumbotron">
-      <div class="container">
-        <h1>[% c.name %]</h1>
-        <div class="row">
-          <div class="col-md-8">
-<a class="twitter-timeline" href="https://twitter.com/TwittElection/lists/[% c.list_name %]" data-widget-id="464129893937082368" data-list-owner-screen-name="TwittElection" data-list-slug="[% c.list_name %]">Tweets from https://twitter.com/TwittElection/lists/[% c.list_name %]</a>
-<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-          </div>
-          <div class="col-md-4">
-            <ul>
-[% FOREACH cand IN c.candidates -%]
-              <li>[% cand.name %] ([% cand.party.name %])[% IF cand.twitter %]<br><a href="https://twitter.com/[% cand.twitter %]">@[% cand.twitter %]</a>[% END %]</li>
-[% END -%]
-            </ul>
-          </div>
-        </div>
-      </div>
-    </div>
+[% content %]
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>

From 5af4c813bc263a6305bdd9ebc3c4cb8e34864cd4 Mon Sep 17 00:00:00 2001
From: Dave Cross <dave@dave.org.uk>
Date: Sun, 17 Aug 2014 16:35:16 +0100
Subject: [PATCH 2/3] Build the constituency index page.

---
 bin/build | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/bin/build b/bin/build
index 33bd20c719..9f11c8a723 100755
--- a/bin/build
+++ b/bin/build
@@ -24,7 +24,11 @@ my $tt = Template->new({
 
 foreach my $c ($sch->resultset('Constituency')->all) {
   next unless $c->candidates->count;
-  $tt->process('page.tt', { c => $c }, $c->list_name . '.html',
+  $tt->process('constituency.tt', { c => $c }, $c->list_name . '.html',
                {binmode => ':utf8'})
     or die $tt->error;
 }
+
+$tt->process('constituencies.tt', { constits => [ $sch->resultset('Constituency')->all ] },
+             'index.html', {binmode => ':utf8'})
+    or die $tt->error;

From d3f159fc614a118d75ce4a5c3ced0b2e5c6a3d74 Mon Sep 17 00:00:00 2001
From: Dave Cross <dave@dave.org.uk>
Date: Sun, 17 Aug 2014 16:35:33 +0100
Subject: [PATCH 3/3] Regenerate all constituency pages again.

---
 c/aberavon.html            |   2 +
 c/aberconwy.html           |   2 +
 c/aberdeen-north.html      |   2 +
 c/aberdeen-south.html      |   2 +
 c/airdrie-and-shotts.html  |   2 +
 c/aldershot.html           |   2 +
 c/aldridge-brownhills.html |   2 +
 c/battersea.html           |   2 +
 c/clacton.html             |   2 +
 c/index.html               | 113 +++++++++++++++++++++++++++++++++++++
 c/mid-bedfordshire.html    |   2 +
 c/tooting.html             |   2 +
 12 files changed, 135 insertions(+)
 create mode 100644 c/index.html

diff --git a/c/aberavon.html b/c/aberavon.html
index 1f3edc0674..dad6f7efff 100644
--- a/c/aberavon.html
+++ b/c/aberavon.html
@@ -68,6 +68,8 @@ <h1>Aberavon</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/aberconwy.html b/c/aberconwy.html
index 981102b8c2..df140ac59d 100644
--- a/c/aberconwy.html
+++ b/c/aberconwy.html
@@ -68,6 +68,8 @@ <h1>Aberconwy</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/aberdeen-north.html b/c/aberdeen-north.html
index d1562ca1c2..e893a0e558 100644
--- a/c/aberdeen-north.html
+++ b/c/aberdeen-north.html
@@ -68,6 +68,8 @@ <h1>Aberdeen North</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/aberdeen-south.html b/c/aberdeen-south.html
index 7b088d8c9e..c30d552807 100644
--- a/c/aberdeen-south.html
+++ b/c/aberdeen-south.html
@@ -68,6 +68,8 @@ <h1>Aberdeen South</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/airdrie-and-shotts.html b/c/airdrie-and-shotts.html
index 89f6349f2f..360d22ebd5 100644
--- a/c/airdrie-and-shotts.html
+++ b/c/airdrie-and-shotts.html
@@ -68,6 +68,8 @@ <h1>Airdrie and Shotts</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/aldershot.html b/c/aldershot.html
index 2639f9f219..219cce5bc4 100644
--- a/c/aldershot.html
+++ b/c/aldershot.html
@@ -68,6 +68,8 @@ <h1>Aldershot</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/aldridge-brownhills.html b/c/aldridge-brownhills.html
index d4c33f0d0b..7ce2e62fdd 100644
--- a/c/aldridge-brownhills.html
+++ b/c/aldridge-brownhills.html
@@ -68,6 +68,8 @@ <h1>Aldridge-Brownhills</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/battersea.html b/c/battersea.html
index 6cc6c1eabd..3ab18f70db 100644
--- a/c/battersea.html
+++ b/c/battersea.html
@@ -69,6 +69,8 @@ <h1>Battersea</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/clacton.html b/c/clacton.html
index c5ceed4de9..938816c1da 100644
--- a/c/clacton.html
+++ b/c/clacton.html
@@ -68,6 +68,8 @@ <h1>Clacton</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/index.html b/c/index.html
new file mode 100644
index 0000000000..21af9239f4
--- /dev/null
+++ b/c/index.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <title>TwittElection: York Outer</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link rel="stylesheet" href="/css/bootstrap.min.css">
+    <style>
+body {
+  padding-top: 50px;
+  padding-bottom: 20px;
+}
+    </style>
+    <link rel="stylesheet" href="/css/bootstrap-theme.min.css">
+    <link rel="stylesheet" href="/css/main.css">
+
+    <script src="/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
+  </head>
+  <body>
+    <!--[if lt IE 7]>
+    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+    <![endif]-->
+    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
+      <div class="container">
+        <div class="navbar-header">
+          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="sr-only">Toggle navigation</span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </button>
+          <a class="navbar-brand" href="#">TwittElection</a>
+        </div>
+        <div class="navbar-collapse collapse">
+          <!-- form class="navbar-form navbar-right" role="form">
+            <div class="form-group">
+              <input type="text" placeholder="Email" class="form-control">
+            </div>
+            <div class="form-group">
+              <input type="password" placeholder="Password" class="form-control">
+            </div>
+            <button type="submit" class="btn btn-success">Sign in</button>
+          </form -->
+        </div><!--/.navbar-collapse -->
+      </div>
+    </div>
+
+
+    <!-- Main jumbotron for a primary marketing message or call to action -->
+    <div class="jumbotron">
+      <div class="container">
+        <h1>Constituencies</h1>
+        <div class="row">
+          <div class="col-md-8">
+            <p>Jump to: <a href="#A">A</a> | <a href="#B">B</a> | <a href="#C">C</a> | <a href="#M">M</a> | <a href="#T">T</a></p>
+<table class="table table-striped table-condensed table-bordered">
+<tr><th><a name="A">A</a></th></tr>
+<tr><td><a href="/constituency/Aberavon">Aberavon</a></td></tr>
+<tr><td><a href="/constituency/Aberconwy">Aberconwy</a></td></tr>
+<tr><td><a href="/constituency/Aberdeen North">Aberdeen North</a></td></tr>
+<tr><td><a href="/constituency/Aberdeen South">Aberdeen South</a></td></tr>
+<tr><td><a href="/constituency/Airdrie and Shotts">Airdrie and Shotts</a></td></tr>
+<tr><td><a href="/constituency/Aldershot">Aldershot</a></td></tr>
+<tr><td><a href="/constituency/Aldridge-Brownhills">Aldridge-Brownhills</a></td></tr>
+<tr><th><a name="B">B</a></th></tr>
+<tr><td><a href="/constituency/Battersea">Battersea</a></td></tr>
+<tr><th><a name="C">C</a></th></tr>
+<tr><td><a href="/constituency/Clacton">Clacton</a></td></tr>
+<tr><th><a name="M">M</a></th></tr>
+<tr><td><a href="/constituency/Mid Bedfordshire">Mid Bedfordshire</a></td></tr>
+<tr><th><a name="T">T</a></th></tr>
+<tr><td><a href="/constituency/Tooting">Tooting</a></td></tr>
+</table>
+          </div>
+          <div class="col-md-4">
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+    <div id="footer">
+      <div class="container">
+        <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
+      </div>
+    </div>
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+    <script>window.jQuery || document.write('<script src="/js/vendor/jquery-1.11.0.min.js"><\/script>')</script>
+
+    <script src="/js/vendor/bootstrap.min.js"></script>
+
+    <script src="/js/plugins.js"></script>
+    <script src="/js/main.js"></script>
+
+    <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
+    <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-56332-52', 'twittelection.co.uk');
+  ga('send', 'pageview');
+
+    </script>
+  </body>
+</html>
diff --git a/c/mid-bedfordshire.html b/c/mid-bedfordshire.html
index f59375a356..90549680cf 100644
--- a/c/mid-bedfordshire.html
+++ b/c/mid-bedfordshire.html
@@ -69,6 +69,8 @@ <h1>Mid Bedfordshire</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>
diff --git a/c/tooting.html b/c/tooting.html
index 8bf7d094b2..aa3bee222d 100644
--- a/c/tooting.html
+++ b/c/tooting.html
@@ -69,6 +69,8 @@ <h1>Tooting</h1>
         </div>
       </div>
     </div>
+
+
     <div id="footer">
       <div class="container">
         <p class="muted">Made by <a href="https://twitter.com/davorg/">@davorg</a></p>