-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
179 lines (170 loc) · 7.95 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
172
173
174
175
176
177
178
179
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🍄 MycroMaps - Explore Fungi and Protista</title>
<style>
body {
font-family: 'Nunito', sans-serif;
line-height: 1.6;
color: #333;
margin: 0;
padding: 0;
background-color: #f0f8f0;
}
header {
background: #b8e0a0;
color: #fff;
padding: 20px;
text-align: center;
border-bottom: 5px solid #4a6e41;
background-image: url('https://images.pexels.com/photos/9037099/pexels-photo-9037099.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1');
background-size: cover;
background-position: center;
position: relative;
}
header h1 {
position: relative;
z-index: 1;
font-family: 'Poppins', sans-serif;
font-size: 2.5em;
color: #fff;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
}
h1, h2 {
font-family: 'Poppins', sans-serif;
}
h1 {
color: #4a6e41;
font-size: 2.5em;
}
h2 {
color: #6a9a5b;
font-size: 2em;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.section {
background: #ffffff;
padding: 20px;
margin-bottom: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
footer {
background: #b8e0a0;
color: #333;
padding: 10px;
text-align: center;
border-top: 5px solid #4a6e41;
}
.hero-image {
width: 100%;
height: auto;
max-height: 400px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 20px;
}
.section img {
max-width: 100%;
height: auto;
border-radius: 8px;
}
.caption {
text-align: center;
font-style: italic;
margin-top: 10px;
display: block;
color: #555;
}
</style>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Nunito:wght@400&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="container">
<h1>🍄 Welcome to MycroMaps!</h1>
</div>
</header>
<div class="container content">
<section class="section">
<img src="https://img1.wsimg.com/isteam/ip/5e0211ec-7ea0-4261-8ff4-3e74182528a5/Cre%CC%81ditos-Mateo-Barrenengoa-edit2.jpg" alt="Giuliana Furci" class="hero-image">
<p class="caption">Giuliana Furci, Founder of the Fungi Foundation, the first NGO dedicated to fungi in the world.</p>
<h2>Explore the Fascinating World of Fungi and Protista</h2>
<p>Welcome to MycroMaps! This project provides datasets, scripts, and resources for analyzing Fungi and Protoctista species using R and GIS tools. Dive into our resources to explore ecological research, biodiversity analysis, and spatial studies related to these incredible organisms.</p>
</section>
<section class="section">
<h2>Table of Contents</h2>
<ul>
<li><a href="#about-project">About the Project</a></li>
<li><a href="#key-features">Key Features</a></li>
<li><a href="#datasets">Datasets</a></li>
<li><a href="#prerequisites">Prerequisites</a></li>
<li><a href="#contributing">Contributing</a></li>
<li><a href="#acknowledgements">Acknowledgements</a></li>
<li><a href="https://haileymeadow.github.io/MycroMaps/docs/Interactive%20Maps/">Interactive Maps</a></li>
</ul>
</section>
<section class="section" id="about-project">
<h2>About the Project</h2>
<p>This project was developed to study and analyze Fungi and Protist species through modern data science tools. As an Environmental Science student, I became fascinated with microbiologic (Mycro) organisms such as Fungi and Protists after I completed a Mycology course during my bachelor's degree. Combining my love for these organisms and a passion for technology, this project was born!</p>
</section>
<section class="section" id="key-features">
<h2>Key Features</h2>
<ul>
<li><strong>Datasets:</strong> Includes diverse datasets on Fungi and Protist species.</li>
<li><strong>Knowledge Database:</strong><a href="https://haileymeadow.github.io/MycroMaps/docs/Knowledge%20Base/"> Information database containing links, videos, and documents highlighting the two kingdoms.</a></li>
<li><strong>R Scripts:</strong> Pre-written R scripts for data cleaning, visualization, and statistical analysis.</li>
<li><strong>Interactive Maps:</strong> <a href="https://haileymeadow.github.io/MycroMaps/docs/Interactive%20Maps/">Interactive maps displaying Fungi and Protist species.</a></li>
<li><strong>Open-Source:</strong> The repository is open to contributions and collaboration from the community.</li>
</ul>
</section>
<section class="section" id="datasets">
<h2>Datasets</h2>
<p>The following datasets are included in this repository:</p>
<ul>
<li><strong>Fungi Species Datasets and Data:</strong>
<ul>
<li><strong>Exploration of <i>Bridgeoporus nobilissimus</i>:</strong>
<a href="https://haileymeadow.github.io/MycroMaps/docs/Fungi%20Datasets%20and%20Plots/Bridgeoporus%20nobilissimus/index.html">
A critically endangered species of Agaricomycetes found exclusively on the West coast of the U.S.
</a>
</li>
</ul>
</li>
<li><strong>Protist Species Dataset:</strong> Includes data on protist species, focusing on species diversity and distribution.</li>
</ul>
</section>
<section class="section" id="prerequisites">
<h2>Prerequisites</h2>
<ul>
<li><a href="https://www.r-project.org/">Download and install R</a></li>
<li><a href="https://rstudio.com/">Download and install RStudio</a> (Optional, but recommended for easier R programming)</li>
<li><a href="https://qgis.org/">Download and install QGIS</a> (Optional, but recommended for spatial analysis and GIS integration)</li>
</ul>
</section>
<section class="section" id="contributing">
<h2>Contributing</h2>
<p>I welcome any and all contributions to this project! I am a beginner in learning GitHub and have only general knowledge of plotting in R and GIS. This project is to help grow my skillsets.</p>
</section>
<section class="section" id="acknowledgements">
<h2>Acknowledgements</h2>
<p>Special thanks to the mycology and protistology communities for their data and insights. This project was inspired by fieldwork and research conducted at <a href="https://sai.calu.edu/farm/">Pennsylvania Western University</a> and inspired by other projects such as <a href="https://www.spun.earth/">SPUN</a>, <a href="https://fungimap.org.au/">fungiMap</a>, and <a href="https://www.mycoportal.org/portal/index.php">MyCoPortal</a>.</p>
</section>
</div>
<footer>
<p>© 2024 MycroMaps. All rights reserved.</p>
</footer>
</body>
</html>