-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
106 lines (104 loc) · 5.25 KB
/
about.html
File metadata and controls
106 lines (104 loc) · 5.25 KB
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
<!DOCTYPE html>
<html>
<head>
<title>About</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="nav-bar.css">
<script src="https://kit.fontawesome.com/47ab3339d7.js"></script>
<link rel='icon' href='assets/leaf.ico' type='image/x-icon'/ >
<link href="https://fonts.googleapis.com/css2?family=Concert+One&family=Fredoka+One&family=Roboto:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="about.css">
</head>
<body>
<div id="container">
<header>
<div class="navbar">
<a href="index.html"><i class="fas fa-leaf"></i></a>
<div class="dropdown">
<button class="dropbtn" onclick="window.location.href = 'native/native.html' ">Native Plants
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="native/hala.html">Hala</a>
<a href="native/hibiscus.html">Hibiscus</a>
<a href="native/ilima.html">‘Ilima</a>
<a href="native/koa.html">Koa</a>
<a href="native/ohia.html">ʻŌhiʻa Lehua</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn" onclick="window.location.href = 'canoe/canoe.html' ">Canoe Plants
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="canoe/kalo.html">Kalo</a>
<a href="canoe/kukui.html">Kukui</a>
<a href="canoe/maia.html">Maiʻa</a>
<a href="canoe/niu.html">Niu</a>
<a href="canoe/ulu.html">ʻUlu</a>
</div>
</div>
<a href="about.html">About</a>
<a href="biblio.html">Bibliography</a>
</div>
</header>
<section>
<div id="wrapper">
<h1>About!</h1>
<div id="creator">
<div>
<h2>About the Creator</h2>
<p>Lindsay Minami</p>
<p>Punahou 23'</p>
</div>
<img src="assets/linds.JPG">
</div>
<div id="project">
<h2>About the Project</h2>
<div id="img-wrapper">
<div>
<div id="objectives">
<h3>3 Objectives</h3>
<div id="obj-wrapper">
<div>
<p>- Create awareness, appreciation, accountability, and knowledge of Hawaii.</p>
<p>- Apply to ecology and/or evolution.</p>
<p>- Create a sense of place by honoring the intersection of culture, history, and ecology of Hawaii.</p>
</div>
<p>For those reading the website, they will acquire an awareness, appreciation, and knowledge of Hawaii. Their knowledge will make them accountable for their actions regarding the plants going forward. From this website, I gained awareness, appretiation, accountability, and knowlege of Hawaii by learning about the 10 different plants, and applying that knowledge to spread awareness and spread the knowledge. This applies to ecology because the different tabs show the connection with the plant to the ʻāina (land). It also connects to evolution because on the native tab, it talks about how an indigenous plant can become endemic. It also shows some of the new ecology terms we learned this semester. It also creates a sense of place by honoring intersection of culture, history and ecology of Hawaii. On the ʻulu, ʻohiʻa, kalo, maiʻa, and hala pages, there are moʻolelo (stories) connected to them, explained in their own tab, as well as the other plants’ cultural uses and some history about the plants. </p>
</div>
</div>
<div id="conduction">
<h3>How the Project Was Conducted</h3>
<p>I hosted an informational website using GitHub pages. It took around 25 hours to build using HTML, CSS, and JS. I first did research about the plants to help inspire the layout. After that, tabs were created for the native plants and then the canoe plants. To complete the website, home, bibliography and about pages were also created. I had help from Keryn Yagi and Alex Peters to refine and style.</p>
</div>
</div>
<img src="assets/about.jpeg">
</div>
<div id="project-inspo">
<h3>Project Inspiration</h3>
<div>
<p>I chose to do this as my project because my original project idea was to work with Megan Uyeno to create a field guide of the different plants on Rocky Hill. Due to the COVID-19 situation, I had to change our plans. I had help from Shea Sakahara to come up with this new project idea to make a website. I want my audience to take away a deeper appreciation for the native and canoe plants in Hawaii, and for them to be more accountable for their actions towards the ʻāina.</p>
<img src="assets/smlka.jpg">
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="footer-element">
<h3 id="title">Action Aloha ʻĀina Semester Project 2.0</h3>
</div>
<div class="footer-element">
<h3>Connect</h3>
<div id="social-icons">
<a href="https://www.instagram.com/linds.cake/?hl=en" target="_blank" class="bot-ico"><i class="fa fa-instagram"></i></a>
<a href="https://www.snapchat.com/add/lindscakeftw" target="_blank" class="bot-ico"><i class="fa fa-snapchat"></i></a>
<a href="https://open.spotify.com/user/lminami96?si=p6XrQWjaS2ChK-1OTC4xqQ" target="_blank" class="bot-ico"><i class="fa fa-spotify"></i></a>
<a href="https://github.com/FlowerCake13" target="_blank" class="bot-ico"><i class="fa fa-github-alt"></i></a>
</div>
</div>
</footer>
</div>
</body>
</html>