-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
139 lines (115 loc) · 7.21 KB
/
about.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
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
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<meta name='description' content='About Us'>
<meta name='author' content='Spider Cartographers'>
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no'/>
<link rel='stylesheet' type='text/css' href='assets/css/style.css'/>
<script type='module' src='assets/scripts/generalScripts/burgermenu.js'></script>
</head>
<body id="aboutPage">
<!-- burger menu -->
<div class='nav-toggle'>
<div class='nav-toggle-bar'></div>
</div>
<nav class='nav'>
<ul>
<li><a href='index.html'>home</a></li>
<li><a href='story.html'>story</a></li>
<li><a href='map.html'>map</a></li>
<li><a href='about.html'>about</a></li>
</ul>
</nav>
<div class='aboutContainer'>
<!-- about the project -->
<div class='aboutProjectContainer'>
<div class='aboutProject'>
<div class='textBox'>
<h1 class='aboutProjectTitle'>About the project</h1>
<p class='aboutPage'>The project's goal is to inspire a dialogue about transport modes, availability and choice in England and Wales.
The aim of our analysis and website is to be able to understand how transport usage within England and Wales differs and what factors
are likely to affect these differences. A deeper understanding of the geographical differences in transport choice could inform national
and local travel policies to move towards more sustainable modes of transport.</p>
</div>
<div id='aboutBusIconContainer'>
<img src='assets/images/busIconFinal.png' id='aboutBusIcon' alt='bus'>
</div>
</div>
</div>
<!-- about our methodology -->
<div>
<div class='aboutMethodologyContainer'>
<div class='aboutBikeIcon'>
<img src='assets/images/bikeIconFinal.png' id='aboutBikeIcon' alt='bike'>
</div>
<div class='aboutMethodologyTextArea'>
<h1 id='aboutMethodologyTitle'>Our methodology</h1>
<div id='aboutMethodologyText'>
<p class='aboutPage'>To understand the transportation characteristics across England and Wales,
we used a clustering methodology to identify different groups of transport profiles.
This analysis has been performed at the MSOA level given that this is the lowest level
of geographic aggregation for which data was available. Subsequently, a classification
analysis was performed to understand what demographic factors are related to these profiles.
The results of our analysis and the visualisations seen on the website show how transport
usage profiles change across England and Wales. To read more about our methodology, click <a href='./Report/Group0_SDCFinalReport.pdf' download='Methodology'>here.</a></p>
</div>
</div>
</div>
</div>
<!-- about us -->
<div class='aboutUs'>
<h1>About Us</h1>
<div class='aboutUsContainer'>
<div class='textBox' id='aboutUsText'>
<p class='aboutPage'>We are a group of multidisciplinary data scientists from various corners of the world
who are bound together by a passion for transportation. We are all pursuing an MSc in Smart Cities
and Urban Analytics at the Centre for Advanced Spatial Analysis, Bartlett Faculty of the Built Environment,
University College London.</p>
<a href='mailto:hussein.mahfouz.19@ucl.ac.uk,nathanael.sheehan.19@ucl.ac.uk,cheyne.campbell.19@ucl.ac.uk,philip.wilkinson.19@ucl.ac.uk,alicja.kotarba.19@ucl.ac.uk'>
<div class='aboutContactUsContainer'>
<img src='assets/images/emailIcon2.png' alt='email icon2' id='aboutEmailIcon'>
<p class='aboutPage'>Contact us</p>
</div>
</a>
</div>
<div class='aboutUsPicsNamesContainer'>
<div class='cheyne'>
<a href='https://www.linkedin.com/in/cheyne-campbell' target="_blank">
<img src='assets/images/chayne2.png' id='chayne' alt='Cheyne'>
<p class='aboutPageNames' id='chayneName'>Cheyne Campbell</p>
</a>
</div>
<div class='nathanael'>
<a href='https://nathanaelsheehan-82489.firebaseapp.com/' target="_blank">
<img src='assets/images/nathanael.png' id='nathanael' alt='Nathanael'>
<p class='aboutPageNames' id='nathanaelName'>Nathanael Sheehan</p>
</a>
</div>
<div class='alicja'>
<a href='https://www.linkedin.com/in/alicja-kotarba-268a18158/?locale=en_US' target="_blank">
<img src='assets/images/alicja.png' id='alicja' alt='Alicja'>
<p class='aboutPageNames' id='alicjaName'>Alicja Kotarba</p>
</a>
</div>
<div class='philip'>
<a href='https://www.linkedin.com/in/philip-wilkinson-02917b150' target="_blank">
<img src='assets/images/philip2.png' id='philip' alt='Philip'>
<p class='aboutPageNames' id='philipName'>Philip Wilkinson</p>
</a>
</div>
<div class='hussein'>
<a href='https://www.linkedin.com/in/hussein-mahfouz/' target="_blank">
<img src='assets/images/hussein2.png' id='hussein' alt='Hussein'>
<p class='aboutPageNames' id='husseinName'>Hussein Mahfouz</p>
</a>
</div>
</div> <!-- aboutUsPicsNamesContainer -->
</div> <!-- aboutUsContainer -->
</div> <!-- aboutUs -->
</div> <!-- aboutContainer -->
<div class='cityIconContainer'>
<img src='assets/images/blueCity.png' id='cityIcon' alt='City'>
</div>
</body>
</html>