-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (152 loc) · 6.83 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
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
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Editorial by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Editorial</strong> by HTML5 UP</a>
<ul class="icons">
<li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon brands fa-snapchat-ghost"><span class="label">Snapchat</span></a></li>
<li><a href="#" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon brands fa-medium-m"><span class="label">Medium</span></a></li>
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h1>Hi, welcome to my portfolio<br />
</h1>by Penn Anderson</h1>
<br> <br>
</header>
<header><h2>About Me</h2></header>
<p>I am a graduate of the College of the Environment at Western Washington University with a drive and passion for knowledge and a collaborative spirit. I have expertise with current environmental practices (especially GIS and mapping) and problem solving skills. I am open to new ideas and learning from my peers to better my own abilities. Intrigued by the many facets that GIS encompasses and excited for the constant advancements and interpretations with the software, I am diligent and deadline-driven, ready for challenges and problems that come my way.</p>
<ul class="actions">
<a href="aboutmepage.html" class="button big">Learn More</a>
</ul>
</div>
<span class="image object">
<img src="images/34.jpg" alt="" />
</span>
</section>
<!-- Section -->
<section>
<header class="major">
<h2>My Projects</h2>
</header>
<div class="posts">
<article>
<a href="#" class="image"><img src="images/Screenshot 2022-06-21 140226.jpg" alt="" /></a>
<h3>LiDAR Change Detection</h3>
<p>LiDAR data was used to detect stream and forest change in the Northfork River.</p>
<ul class="actions">
<a href="generic.html" class="button">More</a>
</ul>
</article>
<article>
<a href="#" class="image"><img src="images/screenshot2.jpg" alt="" /></a>
<h3>Wildfire Mitigation</h3>
<p>Using Mark Finey's SPLAT techniques on fire mitigation, my team and I found where best to perform these techniques in the Chuckanut Mountains using a program called FlamMap.</p>
<ul class="actions">
<a href="generic.html" class="button">More</a>
</ul>
</article>
<article>
<a href="#" class="image"><img src="images/screenshot3.jpg" alt="" /></a>
<h3>Wind Farming Suitability</h3>
<p>A suitability assesment was used to figure out where wind farms could be located in Eastern Washington.</p>
<ul class="actions">
<a href="generic.html" class="button">More</a>
</ul>
</article>
<article>
<a href="#" class="image"><img src="images/Screenshotsolar.jpg" alt="" /></a>
<h3>Solar Suitability</h3>
<p>A suitability assesment was used to figure out where solar cells could be placed in Western Mississippi.</p>
<ul class="actions">
<li><a href="generic.html" class="button">More</a></li>
</ul>
</article>
<article>
<a href="#" class="image"><img src="images/Screenshotchange.jpg" alt="" /></a>
<h3>Change Detection: Unsupervised Classification</h3>
<p>I found which unsupervised classification method (TCT or NDVI) produced the best outcome for logged areas throughout 2013 - 2021.</p>
<ul class="actions">
<li><a href="generic.html" class="button">More</a></li>
</ul>
</article>
<article>
<a href="#" class="image"><img src="images/Screenshotsea.jpg" alt="" /></a>
<h3>Bellingham Flooding</h3>
<p>Potential sea level change is a rising threat to the coast lines. Here is a look into possible levels and reach of impact.</p>
<ul class="actions">
<li><a href="generic.html" class="button">More</a></li>
</ul>
</article>
</div>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search -->
<section id="search" class="alt">
<form method="post" action="#">
<input type="text" name="query" id="query" placeholder="Search" />
</form>
</section>
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="index.html">Homepage</a></li>
<li><a href="generic.html">My Projects</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="aboutmepage.html">About Me</a></li>
<li>
</ul>
</nav>
<!-- Section -->
<section>
<header class="major">
<h2>Get in touch</h2>
</header>
<p>Please feel free to contact me if you have any questions or are interetsed in learning more about my experience.</p>
<ul class="contact">
<li class="icon solid fa-envelope"><a href="mailto:">pvanderson03@gmail.com</a></li>
</section>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© Untitled. All rights reserved. Demo Images: <a href="https://unsplash.com">Unsplash</a>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>