-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
321 lines (296 loc) · 19.3 KB
/
Copy pathindex.html
File metadata and controls
321 lines (296 loc) · 19.3 KB
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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
<!-- partials/html-head -->
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta http-equiv="content-type" content="text/html" charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<meta name="description" content="A consultancy that makes new digital services from complex data" >
<meta name="keywords" content="">
<meta property="og:locale" content="en_GB" />
<meta property="og:type" content="website" />
<meta property="og:title" content="After the flood - After the flood" />
<meta property="og:description" content="A consultancy that makes new digital services from complex data" />
<meta property="og:url" content="https://aftertheflood.com/" />
<meta property="og:site_name" content="After the flood" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="A consultancy that makes new digital services from complex data" />
<meta name="twitter:title" content="After the floodAfter the flood " />
<meta name="twitter:site" content="@AfterthefloodCo" />
<meta name="twitter:creator" content="@AfterthefloodCo" />
<meta name="google-site-verification" content="qBYFT3NHHBrDZDbI_EMkLuh5zOpkbNKnJsacxkE9Au8" />
<meta name="twitter:image" content="https://aftertheflood.com/wp-content/themes/atf-wordpress-theme/assets/images/default-twitter.png"><meta property="og:image" content="https://aftertheflood.com/wp-content/themes/atf-wordpress-theme/assets/images/default-facebook.png"><title>After the flood - After the flood</title>
<link rel='dns-prefetch' href='//s.w.org' />
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/12.0.0-1\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/aftertheflood.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=5.4.1"}};
/*! This file is auto-generated */
!function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,55356,57342,8205,55358,56605,8205,55357,56424,55356,57340],[55357,56424,55356,57342,8203,55358,56605,8203,55357,56424,55356,57340])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o<i.length;o++)t.supports[i[o]]=l(i[o]),t.supports.everything=t.supports.everything&&t.supports[i[o]],"flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(r=t.source||{}).concatemoji?d(r.concatemoji):r.wpemoji&&r.twemoji&&(d(r.twemoji),d(r.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<style type="text/css">
img.wp-smiley,
img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 .07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel='stylesheet' id='style-css' href='https://aftertheflood.com/wp-content/themes/atf-wordpress-theme/style.css?ver=5.4.1' type='text/css' media='all' />
<link rel='stylesheet' id='wp-block-library-css' href='https://aftertheflood.com/wp-includes/css/dist/block-library/style.min.css?ver=5.4.1' type='text/css' media='all' />
<link rel='stylesheet' id='contact-form-7-css' href='https://aftertheflood.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.1.6' type='text/css' media='all' />
<link rel='stylesheet' id='ssp-frontend-player-css' href='https://aftertheflood.com/wp-content/plugins/seriously-simple-podcasting/assets/css/player.css?ver=1.20.11' type='text/css' media='all' />
<script type='text/javascript' src='https://aftertheflood.com/wp-includes/js/jquery/jquery.js?ver=1.12.4-wp'></script>
<script type='text/javascript' src='https://aftertheflood.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='https://aftertheflood.com/wp-content/themes/atf-wordpress-theme/assets/js/bundle.js?ver=5.4.1'></script>
<link rel='https://api.w.org/' href='https://aftertheflood.com/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://aftertheflood.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://aftertheflood.com/wp-includes/wlwmanifest.xml" />
<link rel="canonical" href="https://aftertheflood.com/" />
<link rel='shortlink' href='https://aftertheflood.com/' />
<link rel="alternate" type="application/json+oembed" href="https://aftertheflood.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Faftertheflood.com%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://aftertheflood.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Faftertheflood.com%2F&format=xml" />
<link rel="alternate" type="application/rss+xml" title="Podcast RSS feed" href="https://aftertheflood.com/feed/podcast" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49988573-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49988573-1');
</script>
</head>
<body class="home">
<div class="page-layout" id="page-top">
<header class="site-header" role="banner">
<a class="skip-link screen-reader-text" href="#content">Skip to the content</a>
<nav role="navigation" class="full-nav home">
<div class="header-links home-link ">
<div class="header-link">
<a class="home-link" href="https://aftertheflood.com/">After the flood</a>
<div class="active-marker"><svg viewBox="0 0 50 50"><circle class="active-marker-circle" cx="25" cy="25" r="20"></circle></svg></div> </div>
</div>
<div class="header-links">
<div class="header-link">
<a href="https://aftertheflood.com/clients">Projects</a>
</div>
<div class="header-link">
<a href="https://aftertheflood.com/journal">Blog</a>
</div>
<div class="header-link">
<a href="https://aftertheflood.com/about">About</a>
</div>
<div class="header-link">
<a href="https://aftertheflood.com/contact">Contact</a>
</div>
</div>
</nav>
<!-- on smaller screens, the open/close button floats, so it is a separate element -->
<div class="header-button">
<a class="menu-link open-menu-button" href="#compact-site-menu">
<svg width="36" height="36" viewBox="0 0 36 36" fill="none">
<circle cx="18" cy="18" r="18" fill="black"/>
<path shape-rendering="crispEdges" d="M18 3V33M3 18H33" stroke="white"/>
</svg>
</a>
</div>
<nav role="navigation" class="compact-nav home">
<div class="header-links home-link ">
<div class="header-link">
<a class="home-link" href="https://aftertheflood.com/">After the flood</a>
</div>
</div>
</nav>
<div class="nav-place-holder"></div>
<!-- ARCHIVE HEADER -->
</header> <main class="content " id="content" role="main"><div class="splash atf-grid">
<div class="splash__intro">
<h1 class="splash__intro__title">After the flood</h1>
<p class="splash__intro__description"><a href="/about">A consultancy that makes new digital services from complex data</a></p>
</div>
<div class="splash__promo">
<div class="splash__promo-gridwrapper">
<div class="splash__promo-gridwrapper-inner">
<a href="https://aftertheflood.com/journal/after-the-flood-is-closed/" class="splash__promo__link-title">
<h2 class="splash__promo__title">After the Flood is closing</h2>
<div class="splash__promo__subtitle"></div>
</a>
<div class="splash__promo__date">25th February 2020</div>
<a href="https://aftertheflood.com/journal/after-the-flood-is-closed/" class="splash__promo__link">Read the blog post</a>
</div>
</div>
</div>
</div>
<div class="logo-container">
<div class="logo-box"><img class="logo__ford" src="/wp-content/themes/atf-wordpress-theme/assets/images/ford-black.svg" alt=""></div>
<div class="logo-box"><img class="logo__uefa" src="/wp-content/themes/atf-wordpress-theme/assets/images/uefa-champions-league-black.svg" alt=""></div>
<div class="logo-box"><img class="logo__google" src="/wp-content/themes/atf-wordpress-theme/assets/images/google-black.svg" alt=""></div>
<div class="logo-box"><img class="logo__bulb" src="/wp-content/themes/atf-wordpress-theme/assets/images/bulb-logo---black.svg" alt=""></div>
<div class="logo-box"><img class="logo__govUK" src="/wp-content/themes/atf-wordpress-theme/assets/images/govUK-black.svg" alt=""></div>
<div class="logo-box"><img class="logo__nikkei" src="/wp-content/themes/atf-wordpress-theme/assets/images/nikkei-black.svg" alt=""></div>
</div>
<div class="homepage-promo-container">
<div class="atf-grid client-promo__left">
<div class="promo__text">
<div class="sector">Smart mobility</div>
<h2 class="title"><a href="/journal/mobility-traffic-parking-emissions/">We developed a mobility analytics service to help cities manage traffic and emissions</a></h2>
<div class="excerpt">
<p>Global cities are facing unprecedented strain on their transport networks, causing problems with congestion, emissions and operational efficiency. We worked with a global mobility brand to help these cities run better.</p>
</div>
<div class="promo-bottom">
<div class="bottom-inner">
<a class="link" href="/journal/mobility-traffic-parking-emissions/">Read the case study</a>
<img class="logo logo__ford" src="/wp-content/themes/atf-wordpress-theme/assets/images/ford-black.svg" alt="Ford logo">
</div>
</div>
</div>
<div class="promo__image">
<img class="mobile__flowing-up desktop__extra-width" src="/wp-content/uploads/2019/10/car-city-gap-site-2.png">
</div>
</div>
<div class="atf-grid client-promo__right text-first">
<div class="promo__text">
<div class="sector">Energy</div>
<h2 class="title"><a href="/journal/new-services-for-bulb/">We designed services to help Bulb acquire and retain more customers</a></h2>
<div class="excerpt">
<p>Bulb, the UK’s largest renewable energy supplier, asked us to create propositions that would help them acquire and retain customers. We responded by developing a service that helped customers manage their energy usage and carbon footprint.</p>
</div>
<div class="promo-bottom">
<div class="bottom-inner">
<a class="link" href="/journal/new-services-for-bulb/">Read the case study</a>
<img class="logo logo__bulb" src="/wp-content/themes/atf-wordpress-theme/assets/images/bulb-logo---black.svg" alt="Bulb logo">
</div>
</div>
</div>
<div class="promo__image">
<img src="/wp-content/uploads/2019/10/Bulb_Case_studies-redux.png">
</div>
</div>
<div class="atf-grid client-promo__left">
<div class="promo__text">
<div class="sector">Sport</div>
<h2 class="title"><a href="/journal/uefa-player-barometer/">We created new editorial data formats to grow UEFA’s customer base</a></h2>
<div class="excerpt">
<p>The Player Barometer presents a new type of player rankings that lets UEFA own the debate about the best players by showing ‘player cards’ built on new player metadata to construct a live ranking that is updated at the end of every match.</p>
</div>
<div class="promo-bottom">
<div class="bottom-inner">
<a class="link" href="/journal/uefa-player-barometer/">Read the case study</a>
<img class="logo logo__uefa" src="/wp-content/themes/atf-wordpress-theme/assets/images/uefa-champions-league-black.svg" alt="UEFA logo">
</div>
</div>
</div>
<div class="promo__image">
<img class="mobile__flowing-up" src="/wp-content/uploads/2019/06/euro2016-player-cards-v1.png">
</div>
</div>
<div class="atf-grid more-clients">
<a class="more-clients-link" href="/clients">See more projects »</a>
</div>
</div>
<div class="atf-grid promo__cities-squared client-promo__left no-bottom-margin">
<div class="promo__text drop-shadow">
<div class="sector">Our new book</div>
<h2 class="title">Cities squared: making urban data legible</h2>
<div class="promo-bottom">
<div class="bottom-inner">
<a class="link" href="/journal/cities-squared/">Learn more</a>
</div>
</div>
</div>
</div>
<div class="atf-grid journal-home">
<h3 class="recently-header">Recently from the blog …</h3>
<div class="atf-archive-grid-home journal-home__posts">
<div class="journal-archive__entry">
<a href="https://aftertheflood.com/journal/cities-squared-an-introduction/">
<h2 class="journal-archive__title">Cities squared: an introduction</h2>
</a>
<div class="journal-archive__date">11th February 2020</div>
<div class="journal-archive__excerpt"><p>Data provides solutions to the most pressing challenges that cities face in the 21st century. Advances in data technologies mean that city managers can capture rich data associated with transport, pollution, and social mobility. But how can we visualise this data, and tell stories with it? How can we use maps to tell these stories?</p>
</div>
<a class="journal-archive__link" href="https://aftertheflood.com/journal/cities-squared-an-introduction/">Read more</a>
</div>
<div class="journal-archive__entry">
<a href="https://aftertheflood.com/journal/cities-squared/">
<h2 class="journal-archive__title">Cities squared: making urban data legible</h2>
</a>
<div class="journal-archive__date">20th January 2020</div>
<div class="journal-archive__excerpt"><p>Cities Squared: Making Urban Data Legible shows new ways to represent data about cities with maps. The complexities of urban geography can make it hard for people to decipher the data that impacts their lives. This book documents an investigation into alternate methods of mapping for plotting data about cities without the scale or shape […]</p>
</div>
<a class="journal-archive__link" href="https://aftertheflood.com/journal/cities-squared/">Read more</a>
</div>
</div>
<a class="onward-journey-link" href="/journal">More blog posts</a>
</div>
</main>
<nav class="compact-menu " id="compact-site-menu" style="display:none;">
<div class="compact-menu__head">
<h2 class="compact-menu__title">After the flood</h2>
<a href="#page-top" class="close-menu-button">
<svg width="36" height="36" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;">
<circle cx="18" cy="18" r="18" style="fill:#fff;"/>
<path d="M7.393,7.393l21.214,21.214m-21.214,0l21.214,-21.214" style="fill:none;fill-rule:nonzero;stroke:#000;stroke-width:1px;"/>
</svg>
<!--
<svg class="compact-menu__close-icon" width="36" height="36" viewBox="0 0 36 36" fill="none" >
<circle cx="22" cy="22" r="18" fill="white"/>
<path shape-rendering="crispEdges" d="M11.3934 11.3934L32.6066 32.6066M11.3934 32.6066L32.6066 11.3934" stroke="black"/>
</svg>
-->
</a>
</div>
<a class="compact-menu__link" href="/">Home</a>
<a class="compact-menu__link" href="/clients">Projects</a>
<a class="compact-menu__link" href="/journal">Blog</a>
<a class="compact-menu__link" href="/about">About</a>
<a class="compact-menu__link" href="/contact">Contact</a>
</ul>
</nav>
<!-- partials/footer-promo --> <footer class="atf-footer atf-grid">
<h2>Would you like to know more?</h2>
<div class="footer-contact-link">
<a href="https://aftertheflood.com/contact" >
Get in touch
</a>
<a class="button-right" href="http://eepurl.com/dhBMZD">Or subscribe to our newsletter</a>
</div>
<div class="social">
<a href="https://twitter.com/afterthefloodco?lang=en"><img src="/wp-content/themes/atf-wordpress-theme/assets/images/twitter-social-circle-white.svg" class="social-icon"></a>
<a href="https://www.instagram.com/afterthefloodco/"><img src="/wp-content/themes/atf-wordpress-theme/assets/images/instagram-social-circle-white.svg" class="social-icon"></a>
<a href="https://medium.com/@AftertheFloodco"><img src="/wp-content/themes/atf-wordpress-theme/assets/images/medium-social-circle-white.svg" class="social-icon"></a>
<a href="https://www.linkedin.com/company/after-the-flood"><img src="/wp-content/themes/atf-wordpress-theme/assets/images/linkedin-social-circle-white.svg" class="social-icon"></a>
</div>
<div class="address">
<span class="address-highlight">After the flood</span><br>
140–142 St John Street, London, EC1V 4UB, UK<br>
+44 (0)23 5678 9012<br>
<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a7cec9c1c8e7c6c1d3c2d5d3cfc2c1cbc8c8c389c4c8ca">[email protected]</a><br>
Registered in England and Wales as After the flood Limited. 7792366
</div>
<div class="footer-logo">
<img src="/wp-content/themes/atf-wordpress-theme/assets/images/atf-logo-clipped---very-dark-grey.svg">
</div>
</footer>
<div class="archived">
<p>This site is now archived. <a href="/journal/after-the-flood-is-closed/">More here.</a></p>
</div> <style type="text/css">
.ssp-wave wave wave {
background: #28c0e1 !important;
}
</style>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type='text/javascript'>
/* <![CDATA[ */
var wpcf7 = {"apiSettings":{"root":"https:\/\/aftertheflood.com\/wp-json\/contact-form-7\/v1","namespace":"contact-form-7\/v1"},"cached":"1"};
/* ]]> */
</script>
<script type='text/javascript' src='https://aftertheflood.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=5.1.6'></script>
<script type='text/javascript' src='https://aftertheflood.com/wp-content/plugins/seriously-simple-podcasting/assets/js/media.player.js?ver=1.20.11'></script>
<script type='text/javascript' src='https://aftertheflood.com/wp-content/plugins/seriously-simple-podcasting/assets/js/html5.player.js?ver=1.20.11'></script>
<script type='text/javascript' src='https://aftertheflood.com/wp-includes/js/wp-embed.min.js?ver=5.4.1'></script>
</div> <!-- end of .page-layout -->
</body>
</html>