-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHabitat.html
130 lines (110 loc) · 6.69 KB
/
Habitat.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- Habitat Analysis</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">Habitat Analysis using Model Builder</h2><br>
</header>
<!-- Article main content -->
<article class="col-sm-8">
<div class="your-class">
<div><a href="Images/SnailElev.png" target="_blank"><img src="Images/SnailElev.png"></a></div>
<div><a href="Images/Snailgeology.png" target="_blank"><img src="Images/Snailgeology.png"></a></div>
<div><a href="Images/Snailveg.png" target="_blank"><img src="Images/Snailveg.png"></a></div>
<div><a href="Images/SnailOverlay.png" target="_blank"><img src="Images/SnailOverlay.png"></a></div>
<div><a href="Images/SnailHabitats.png" target="_blank"><img src="Images/SnailHabitats.png"></a></div>
<div><a href="Images/Snailroads.png" target="_blank"><img src="Images/Snailroads.png"></a></div>
<div><a href="Images/SnailHabitatNrRoads.png" target="_blank"><img src="Images/SnailHabitatNrRoads.png"></a></div>
<div><a href="Images/SnailLayout.png" target="_blank"><img src="Images/SnailLayout.png"></a></div>
<div><a href="Images/HabitatAnalysis.png" target="_blank"><img src="Images/HabitatAnalysis.png"></a></div>
</div>
</article>
<aside class="col-sm-4 sidebar sidebar-right">
<ul class="list-group">
<li>The Black Hills mountain snail is a land snail that was once widespread and abundant throughout its range, but is now <b>rare and critically imperiled</b>. It is endemic to the forests of Black Hills, an isolated mountain range in western South Dakota and northeast Wyoming. </li>
<li>The cooperi taxon was originally described as a full species, <b>Oreohelix cooperi</b> (Binney 1859), but later assigned to the subspecies Oreohelix strigosa cooperi (Shimek 1890). The Black Hills mountainsnail is also commonly known as <b>Cooper’s rocky mountainsnail.</b></li>
<li>These snails prefer limey soils in the cool and dense coniferous forests, and is rarely found above an elevation of 1600m or below 1200m. This analysis performs an <b>overlay</b> using digital elevation model (DEM), geology, and vegetation spatial layers to determine habitat conducive for this sensitive species. </li>
<li>Additionally, thinning forests stands in close proximity to roads may pose a risk to the snail habitats. Therefore, using the <b>distance accumulation</b> tool and roads spatial layer, we can identify habitats within 200m of the roads as a potential risk and less than ideal habitat conditions.</li>
</ul>
</aside>
</div>
</div>
<!-- /container -->
</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>