/
index.html
156 lines (147 loc) · 8.01 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!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 name="google-site-verification" content="HLLWtUo79tD2Q-IdJGZxpGmwygtSUjSgFsLSQYaWH9w" />
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>TwittElection: </title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet">
<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="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.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">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home</a></li>
<li><a href="/c/">Constituencies</a></li>
<li><a href="/about/">About</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Share
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li class="socials"><g:plusone annotation="inline" width="150"></g:plusone> </li>
<li class="socials"><a href="https://twitter.com/share" class="twitter-share-button">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></li>
<li class="socials"><div class="fb-like" data-send="false" data-width="150" data-show-faces="true"></div></li>
</ul>
</li>
</ul>
<!-- 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>About this site</h1>
<div class="row">
<div class="col-md-8">
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#site" data-toggle="tab">Site</a></li>
<li><a href="#tech" data-toggle="tab">Tech</a></li>
<li><a href="#author" data-toggle="tab">Author</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active fade in" id="site">
<p>Since the last general election in 2010, Twitter use in the UK has
expanded massively. You're no-one if you're not on Twitter.</p>
<p>With that in mind, this site gives you a simple way to track what
candidates in the 2015 general election are saying on Twitter.</p>
<p>We have created a Twitter list for each constituency. Each list is
automatically populated with the Twitter usernames of all the known
candidates in that constituency. We have a page for each constituency
which displays what the candidates are saying on Twitter.</p>
<p>If you find this site useful, please
<a href="https://twitter.com/TwittElection">let us know</a>.</p>
</div>
<div class="tab-pane fade" id="tech">
<p>This site is built using the <a href="https://dev.twitter.com/rest/public">Twitter API</a>.</p>
<p>The site was built using
<a href="http://getbootstrap.com">Bootstrap</a>,
<a href="http://jquery.com/">jQuery</a>,
<a href="http://modernizr.com/">Modernizr</a> and
<a href="http://www.initializr.com/">Initializr</a>.</p>
<p>The site is hosted on <a href="https://pages.github.com/">GitHub Pages</a>.</p>
<p>The code is written in <a href="http://perl.org/">Perl</a> (and is
available <a href="https://github.com/davorg/twittelection">on GitHub</a>).</p>
<p>The data comes from <a href="https://yournextmp.com/">YourNextMP</a>. If you have
any information about candidates for the upcoming election, then please consider
sharing it there.</p>
</div>
<div class="tab-pane fade" id="author">
<p><a href="http://dave.org.uk/">Dave Cross</a> was convinced that the 2010 general
election would be dominated by Twitter. He was wrong, but now thinks that if he
makes the same prediction for every general election he'll get it right eventually.</p>
<p>He has voted in every general election since 1983 and has even been known to be
one of those annoying people who try to collect your voter number at the polling
station. On another occasion he stayed up all night trying to ensure that the
Guardian web site published results as quickly as possible.</p>
<p>He is <a href="https://twitter.com/">@davorg</a> on Twitter. And would love to
hear whether you found this site at all useful.</p>
</div>
</div>
</div>
</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="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery-1.11.0.min.js"><\/script>')</script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/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>