-
Notifications
You must be signed in to change notification settings - Fork 0
/
Nanaimo.html
130 lines (101 loc) · 5.88 KB
/
Nanaimo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<title>Lavanya- Nanaimo's Landscape Legacy</title>
<link rel="stylesheet" href="slick.css"/>
<link rel="stylesheet" href="slick-theme.css"/>
<link rel="shortcut icon" href="Images/favicon-32x32.png">
<!-- Bootstrap -->
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" rel="stylesheet">
<!-- Icon font -->
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<!-- Fonts -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alice|Open+Sans:400,300,700">
<!-- Custom styles -->
<link rel="stylesheet" href="Home.css">
</head>
<body>
<link href="https://fonts.googleapis.com/css?family=DM+Serif+Text&display=swap" rel="stylesheet">
<header id="header">
<div id="head" class="parallax" parallax-speed="2">
<h1 id="logo" class="text-center">
<a href="https://lavs5.github.io/" target="_self"><img class="img-circle" src="Images/Photo_lavs.jpg"></a>
<span class="title"><strong>Lavanya Gopal</strong></span>
<span class="tagline">
<strong>GIS | Data Science | Remote Sensing | Engineering</strong>
<span class="widget-body">
<a href="mailto:[email protected]" style="color: #a7fdc8">
<i class="fa fa-envelope-o fa-fw"></i></a>
<a href="https://www.linkedin.com/in/lavanyagopal/" target="_blank" style="color: #a7fdc8">
<i class="fa fa-linkedin fa-2"></i></a>
</span>
</span>
</h1>
</div>
<nav class="navbar navbar-default navbar-sticky">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" aria-expanded="true" >
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="https://lavs5.github.io/" class="highlight">
<strong>Home</strong></a></li>
<li><a href="Resume.html" class="highlight">Resume</a></li>
<li><a href="Blog.html" class="highlight">Blog</a></li>
</ul>
</div>
</div>
</nav>
</header>
<main id="main">
<div class="container">
<div class="row topspace">
<header class="page-header">
<h2 class="custom-header">Nanaimo's Landscape Legacy: Mapping Change Through Time</h2><br>
</header>
<!-- Article main content -->
<article class="col-sm-12">
<ul class="list-group">
<p><b>Nanaimo </b>is a vibrant coastal city on the Pacific West Coast of Canada, nestled on Vancouver Island in British Columbia. Over the years, it has experienced significant growth and transformation, evolving from its industrial roots into a dynamic urban hub that continues to honor its rich heritage. Long before European settlers arrived, the <b>Snuneymuxw First Nation</b> thrived in this region, cultivating a deep connection to the land and the ocean that sustained them for millennia.
</p><br>
<p>As Nanaimo’s economy shifted from <b>coal mining to forestry</b>, the landscape was dramatically reshaped by expansive logging operations. The legacy of this industrialization, including toxic mine sites, widespread deforestation, and pollution, has left <b>lasting environmental scars</b>. Today, the city faces the ongoing challenge of restoring and healing its natural resources.</p>
<br>
<p>Explore the changing landscape of Nanaimo from <b>1993 to 2023</b>, the cost of these changes on the environment, and the steps toward a more <b>sustainable future</b> in this <b><a href="https://storymaps.arcgis.com/stories/c1f0fe15f8ff49baa6a37a475a9584d3" target="_blank">story map</a>.</b>
</p>
</ul>
</article>
</div>
<div class="col-sm-12">
<iframe src="https://storymaps.arcgis.com/stories/c1f0fe15f8ff49baa6a37a475a9584d3" width="100%" height="500px" frameborder="0" allowfullscreen allow="geolocation"></iframe>
</div>
</div>
</main>
<!-- JavaScript libs are placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="template.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="slick.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.your-class').slick({
arrows: true,
dots: true,
adaptiveHeight: true,
fade: true,
autoplay: true
});
});
</script>
</body>
</html>