-
Notifications
You must be signed in to change notification settings - Fork 1
/
map.html
80 lines (72 loc) · 5.51 KB
/
map.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<link rel="StyleSheet" href="resources/style.css" type="text/css" />
<link href="https://odileeds.org/resources/images/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<script type="text/javascript" src="resources/leaflet.js"></script>
<script type="text/javascript" src="resources/leaflet.markercluster.js"></script>
<script type="text/javascript" src="resources/map.js"></script>
<link rel="StyleSheet" href="resources/leaflet.css" type="text/css" />
<title>Half term support in UK (Autumn 2020)</title>
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ODILeeds">
<meta name="twitter:url" property="og:url" content="https://odileeds.github.io/FSM-support/map">
<meta name="twitter:title" property="og:title" content="Half term support in UK">
<meta name="twitter:description" property="og:description" content="An interactive map showing half-term support in the UK during October/November 2020.">
<meta name="twitter:image" property="og:image" content="https://odileeds.github.io/FSM-support/screenshot.png">
</head>
<body>
<div class="b2-bg tallpadded" style="padding: 2em 0;"><div class="holder" style="text-align:center;"><h2>Archived</h2><p>This page was archived and is no longer maintained.</p></div></div>
<header class="b1-bg">
<div class="holder" style="text-align:center">
<a href="https://odileeds.org/"><img alt="ODI Leeds" src="https://odileeds.org/resources/images/odileeds-12.svg" width="250" ></a>
</div>
<div class="c12-bg padded">
<div class="holder">
<h1>Half term support in UK (Autumn 2020)</h1>
</div>
</div>
</header>
<div id="main" class="b6-bg" style="padding-bottom:3em;">
<div class="padded">
<div class="holder">
<div id="location" class="map-full" style="height: 500px;width:100%;margin-bottom:1em;max-height:100vh;">Location</div>
<p>The data <strike>refreshes from <a href="#about">two Google Sheets</a> every 5 minutes</strike>. You can <a href="https://docs.google.com/forms/d/e/1FAIpQLSfyHb0igxOxitGNqCzvWW6SnESpKlA5ACoSIoNFnK6kUlYqGw/viewform">add your business to the list</a>. There are several projects doing the same thing so check out <a href="#alternatives">alternative maps/data sources</a> too. The map contains <span class="maptotal">?</span> places.</p>
<form class="placesearch">
<input type="text" id="search" name="search" placeholder="Search list of offers by name, postcode, town/city" />
</form>
<div id="output">
</div>
</div>
</div>
</div>
<div class="message"></div>
<footer class="b1-bg padded">
<div class="holder">
<h2 id="about">About</h2>
<p>This map was initially created during Friday 23rd October 2020 to provide a way for people to find local offers of support being made to Marcus Rashford on Twitter and Facebook. Twitter user <a href="https://twitter.com/anjali_x">Anjali</a> started curating <a href="https://docs.google.com/spreadsheets/d/106f8g5TUtBm7cB7RSXJQCC7eaLM_4Xf4RCliaStyuGw/edit">a Google Sheet of those businesses offering support</a>. We were later able to add <a href="https://docs.google.com/spreadsheets/d/1EesLuKPJG970wu7mcmqMgWCxGSKm1cwn2LlBMbNKHLk/edit">All Of Us Together/TechForUK's Google Sheet</a> too. Both are used to make the map and list on this page.</p>
<p>We load the data from both Google Sheets and look up the latitudes and longitudes for the postcodes. We use lookup data from the Office of National Statistics.</p>
<h2 id="alternatives">Alternatives</h2>
<ul>
<li><a href="https://www.freemeals.uk/">FreeMeals.uk</a> take the data from All Of Us Together and construct a list with a search.</li>
<li><a href="https://www.google.com/maps/d/viewer?mid=1ckbto_W7Ow30HSF6LVaPnHGf5trq5jPa&ll=53.35879883585061%2C-1.3252018500000018&z=7">#AllKidsMatter</a> make a Google Map that was mentioned in <a href="https://www.bbc.co.uk/news/amp/technology-54665707?__twitter_impression=true">a BBC News article</a> on Friday afternoon. It is not clear if the Sheet behind this map is available or if the data are being included in All Of Us Together/TechForUK's map.</a></li>
</ul>
<h2>Credits</h2>
<p>Visualisation by Stuart Lowe, ODI Leeds 2020. <a href="https://github.com/odileeds/FSM-support/">Code on Github</a>.</p>
<p>Half-term support data is from <a href="https://docs.google.com/spreadsheets/d/106f8g5TUtBm7cB7RSXJQCC7eaLM_4Xf4RCliaStyuGw/edit#gid=0" class="sheet-link">the Google sheet</a> put together by <a href="https://twitter.com/anjali_x">Anjali</a> using information from Marcus Rashford, and <a href="ttps://docs.google.com/spreadsheets/d/1EesLuKPJG970wu7mcmqMgWCxGSKm1cwn2LlBMbNKHLk/edit">All Of Us Together's Google Sheet</a>.</p>
<p>This uses <a href="https://geoportal.statistics.gov.uk/datasets/national-statistics-postcode-lookup-august-2020">postcode lookup data from the Office of National Statistics</a> released under the Open Government Licence with the following additional attribution:</p>
<ul>
<li>Contains OS data © Crown copyright and database right 2020</li>
<li>Contains Royal Mail data © Royal Mail copyright and database right 2020</li>
<li>Source: Office for National Statistics licensed under the Open Government Licence v.3.0</li>
</ul>
</div>
</footer>
<script src="https://open-innovations.org/resources/oi.log.js"></script>
<script>
OI.log.setup({'id':'odileeds','target':['odileeds.github.io']}).add('action=view');
</script>
</body>
</html>