133 lines
4.5 KiB
HTML
133 lines
4.5 KiB
HTML
<!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>
|
|
<link href='https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.css' rel='stylesheet' />
|
|
<link rel="stylesheet" href="main.css?v=5ed692a6">
|
|
|
|
<script src='https://api.mapbox.com/mapbox-gl-js/v2.14.1/mapbox-gl.js'></script>
|
|
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<a href="index.html" class="logo" id="top">
|
|
<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>
|
|
<h1 class="logotype">
|
|
<span>Colouring</span>
|
|
<span>London</span>
|
|
</h1>
|
|
</a>
|
|
|
|
<article>
|
|
<div class="main-col">
|
|
<h1 class="h2">Can you help us capture information on every building in London?</h1>
|
|
|
|
<p>
|
|
|
|
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.
|
|
|
|
</p>
|
|
<p>
|
|
|
|
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.
|
|
|
|
</p>
|
|
|
|
<a class="btn btn-center btn-bold" href="https://beta.colouring.london">Start Testing Here!</a></div>
|
|
<section class="pale-grey">
|
|
<div class="main-col">
|
|
<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">
|
|
<h3 class="h2">Keep in touch</h3>
|
|
<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>.
|
|
|
|
|
|
</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>
|
|
</div>
|
|
</section>
|
|
|
|
<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>
|
|
</div>
|
|
|
|
</article>
|
|
|
|
<footer>
|
|
<a class="logo h2" href="index.html">
|
|
<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>
|
|
</footer>
|
|
|
|
<script src="main.js?v=1bbaabf2"></script>
|
|
</body>
|
|
</html>
|