-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
113 lines (105 loc) · 4.99 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>New York City 2019: About</title>
<meta name="apple-mobile-web-app-title" content="New York City 2019">
<meta name="application-name" content="New York City 2019">
<meta name="msapplication-TileColor" content="#147568">
<!--- css -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bulma-extensions.min.css">
<link rel="stylesheet" type="text/css" href="style.css"/>
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<script src="jssource.js"></script>
<!--- favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
</head>
<nav class="navbar" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="index.html">
<img src="liberty.svg" width="30" height="30">
</a>
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div id="navbarBasicExample" class="navbar-menu">
<div class="navbar-start">
<a href="intro.html" class="navbar-item">
Introduction
</a>
<a href="stories.html" class="navbar-item">
Stories
</a>
<a href="places.html" class="navbar-item">
Places
</a>
<a href="exhibits.html" class="navbar-item">
Exhibits
</a>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
More
</a>
<div class="navbar-dropdown">
<a href="about.html" class="navbar-item">
<b>About</b>
</a>
<a href="bibliography.html" class="navbar-item">
Bibliography
</a>
</div>
</div>
</div>
</div>
</div>
</nav>
<body>
<section class="section">
<div class="container" id="main">
<h1 class="title">
About
</h1>
<div class="columns">
<div class="column is-two-thirds">
<p>
This site was produced by me (Matthew Law) as part of coursework for my Geography degree at the <a href="https://www.nottingham.ac.uk/geography/">University of Nottingham</a>.
It’s my first attempt at making a website, so it is entirely probable that bits of it may not work quite the way I wanted them to!
It is partially based on research carried out in a group including myself, Elizabeth Duffy, George Franks, and Francesca Sole.
Thanks also to Andrew Leyshon, David Beckingham, and Andy Greenhalgh-Cook, who led the trip.
Finally, many thanks to Allie Law, whose HTML/CSS/JavaScript expertise was invaluable.
</p>
<br>
<p class="subtitle">
Acknowledgements
</p>
All photos were taken by me in November 2019, except the <a href="https://commons.wikimedia.org/wiki/File:Tenement_Museum.jpg">Tenement Museum photo</a>, by User:Beyond_My_Ken on Wikimedia Commons, and the <a href="https://commons.wikimedia.org/wiki/File:Castle_Clinton_seen_from_Cornell_AAP_NYC_Studio.jpg">Castle Clinton photo</a>, by User:Muncharelli on Wikimedia Commons, both licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA-4.0</a>.
</p>
<p>
The site is built using the <a href="https://bulma.io/">Bulma CSS framework</a>.
</p>
<p>
Statue of Liberty Icon from <a href="https://twemoji.twitter.com/">Twemoji</a>.
</p>
<p>
Map made using <a href="https://docs.mapbox.com/mapbox-gl-js/overview/">Mapbox GL JS</a> with data from <a href="https://www.openstreetmap.org/">OpenStreetMap</a> (via <a href="https://overpass-turbo.eu/">overpass turbo</a>) and <a href="https://data.cityofnewyork.us/Recreation/New-York-City-Museums/ekax-ky3z ">NYC Open Data</a>, based on an <a href="https://github.com/rasagy/mapbox-scrollytelling-starter">example</a> by Rasagy Sharma.
</p>
</div>
<div class="column">
<figure>
<img src='images/me_nyc.jpeg' width='100%' />
<figcaption>In the field, November 2019</figcaption>
</figure>
</div>
</div>
</div>
</section>
</body>
</html>