colouring-montreal/html/index.html

131 lines
4.3 KiB
HTML
Raw Normal View History

2018-04-11 17:02:43 -04:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Colouring London</title>
2018-04-14 04:31:21 -04:00
<link rel="stylesheet" href="main.css?v=5ed692a6">
2023-10-05 11:33:33 -04:00
2023-10-05 15:59:32 -04:00
2023-10-05 11:33:33 -04:00
2018-04-11 17:02:43 -04:00
</head>
<body>
2018-04-13 07:48:06 -04:00
<a href="index.html" class="logo" id="top">
2018-04-11 17:02:43 -04:00
<div class="grid">
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
</div>
2018-04-13 07:48:06 -04:00
<h1 class="logotype">
2018-04-11 17:02:43 -04:00
<span>Colouring</span>
<span>London</span>
2018-04-13 07:48:06 -04:00
</h1>
</a>
2018-04-11 17:02:43 -04:00
<article>
2018-04-13 07:48:26 -04:00
<div class="main-col">
<h1 class="h2">Can you help us capture information on every building in London?</h1>
2018-04-11 17:02:43 -04:00
<p>
2018-11-21 17:52:15 -05:00
Colouring London is a citizen science platform collecting information on every building in
London. We're building it at the Centre for Advanced Spatial Analysis, University College
London, to help make London more sustainable.
2018-04-11 17:02:43 -04:00
</p>
<p>
2018-11-21 17:52:15 -05:00
Can you help us? We're looking for volunteers of all ages and abilities to test the site
before we launch next year. Just add your knowledge to make the buildings colour.
2018-04-11 17:02:43 -04:00
</p>
<a class="btn btn-center btn-bold" href="https://beta.colouring.london">Start Testing Here!</a></div>
2018-11-21 17:52:15 -05:00
<section class="pale-grey">
2018-04-13 07:48:26 -04:00
<div class="main-col">
2018-04-11 17:02:43 -04:00
<form id="sign-up" action="https://tinyletter.com/colouringlondon" method="post" target="popupwindow"
onsubmit="window.open('https://tinyletter.com/colouringlondon', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">
2018-11-21 17:52:15 -05:00
<h3 class="h2">Keep in touch</h3>
2018-04-11 17:02:43 -04:00
<p>
Receive occasional newsletters about the project as it develops. You can
read previous newsletters in our <a
href="https://tinyletter.com/colouringlondon/archive"
target="_blank">newsletter archive</a>.
2018-04-11 17:02:43 -04:00
</p>
<label for="tlemail">Enter your email address:</label>
<input class="form-control" type="email" name="email" id="tlemail" placeholder="name@example.com" />
<input type="hidden" value="1" name="embed"/>
<small class="form-text text-muted">
<a href="https://tinyletter.com" target="_blank">powered by TinyLetter</a>.
We'll never share your email address.
</small>
<input class="btn btn-full" type="submit" value="Sign up for updates" />
</form>
2018-11-21 17:52:15 -05:00
</div>
</section>
2018-04-11 17:02:43 -04:00
2018-11-21 17:52:15 -05:00
<div class="main-col">
<ul class="logo-list">
<li><a href="https://www.ucl.ac.uk/bartlett/casa/"><img src="images/logo-casa.png" alt="Centre for Advanced Spatial Analysis (CASA)"></a></li>
<li><a href="https://www.ucl.ac.uk/"><img src="images/logo-ucl.png" alt="University College London"></a></li>
<li><a href="https://www.historicengland.org.uk/"><img src="images/logo-he.png" alt="Historic England"></a></li>
<li><a href="https://www.ordnancesurvey.co.uk/"><img src="images/logo-os.png" alt="Ordnance Survey"></a></li>
<li><a href="https://www.london.gov.uk/"><img src="images/logo-gla.png" alt="Supported by the Mayor of London"></a></li>
</ul>
2018-04-13 07:48:26 -04:00
</div>
2018-04-11 17:02:43 -04:00
</article>
<footer>
2018-04-13 08:54:08 -04:00
<a class="logo h2" href="index.html">
2018-04-11 17:35:35 -04:00
<div class="grid">
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
</div>
<div class="logotype">
<span>Colouring</span>
<span>London</span>
</div>
</a>
2018-04-11 17:02:43 -04:00
</footer>
2018-04-14 04:31:21 -04:00
<script src="main.js?v=1bbaabf2"></script>
2018-04-11 17:02:43 -04:00
</body>
</html>