129 lines
4.4 KiB
HTML
129 lines
4.4 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 rel="stylesheet" href="main.css?v=5ed692a6">
|
||
</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="#" disabled> Our server is taking a break this weekend 🏖️Please come back Tuesday to help us test Colouring London </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>
|