-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
105 lines (97 loc) · 4.12 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>New York City 2019</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">
About
</a>
<a href="bibliography.html" class="navbar-item">
Bibliography
</a>
</div>
</div>
</div>
</div>
</div>
</a>
</nav>
<body>
<!-- background video -->
<div id="vid">
<video autoplay muted loop>
<source src="images/harbour_smooth.mp4" type="video/mp4">
<!-- <source src="images/IMG_1826.mov" type="video/mp4"> -->
<!-- <source src="images/harbour.mp4" type="video/mp4"> -->
</video>
</div>
</video>
<section class="section" >
<div class="container" id="overlay" id="main">
<h1 class="title">
New York City 2019 Fieldwork Report
</h1>
<p class="subtitle">
<br>
This website looks at places in which narratives of immigration are recounted.
<br>
It is based on my experiences of visiting six sites in New York in November 2019.
</p>
<p>
It was produced as coursework for the <i>North American Urban Geographies</i> module in my Geography degree at the University of Nottingham, and is accompanied by a <a href="Supporting Statement.pdf">supporting statement</a>, which attempts to justify my decision to make a website instead of writing an essay.
</p>
<br>
<p class="inline">Throughout the website, additional information can be viewed by clicking the </p><span class="popup" onclick="myFunction('underlined')">underlined text<span class="popuptext" id="underlined">Just like that!</span></span><p class="inline">; click the text again to dismiss it. In the case of citations, click the citation in the popup to be taken to the full entry on the bibliography page.</p>
<br>
<br>
<a href="intro.html" class="subtitle" id="centred">Begin by clicking here to explore the sites visited.</a>
</div>
</section>
</body>
</html>