-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlandscape.html
223 lines (186 loc) · 9.95 KB
/
landscape.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE HTML>
<html>
<head>
<title>Landscape ecology and plant invasions in the dry grasslands of the Maplaga-Basella Reserve (Serio River, Italy)</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">
<link rel="stylesheet" href="assets/css/all.min.css">
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8EVEP2FDC2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-8EVEP2FDC2');
</script>
<style>
.responsive-img {
width: 80%; /* Default size for large screens */
max-width: 800px; /* Prevents it from getting too big */
display: block;
margin: auto;
}
@media (max-width: 768px) { /* Adjust for smaller screens */
.responsive-img {
width: 95%; /* Increases size for phones */
max-width: none; /* Allows it to scale freely */
}
}
</style>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Research</a></li>
<li><a href="teaching.html">Teaching</a></li>
<li><a href="publication.html">Publications</a></li>
<li><a href="partners.html">Network</a></li>
</ul>
<ul class="icons">
<li><a href="https://bsky.app/profile/fabio-mol.bsky.social" target="_blank" class="fa-brands fa-bluesky"><span class="label"></span></a></li>
<li><a href="https://www.linkedin.com/in/fabio-mologni/" target="_blank" class="fa-brands fa-linkedin"><span class="label"></span></a></li>
<li><a href="https://scholar.google.co.nz/citations?user=6Oz0soAAAAAJ&hl=en" target="_blank" class="fa-brands fa-google-scholar"><span class="label"></span></a></li>
<li><a href="https://www.researchgate.net/profile/Fabio-Mologni" target="_blank" class="fa-brands fa-researchgate"><span class="label"></span></a></li>
<li><a href="https://www.inaturalist.org/people/fabiomologni" target="_blank" class="fa-brands fa-envira"><span class="label"></span></a></li>
<li><a href="https://orcid.org/0000-0003-4750-9974" target="_blank" class="fa-brands fa-orcid"><span class="label"></span></a></li>
<li><a href="https://github.com/FabioMol" target="_blank" class="fa-brands fa-github"><span class="label"></span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Post -->
<section class="post">
<header class="major">
<h2>Landscape ecology and plant invasions in the dry grasslands of the Maplaga-Basella Reserve (Serio River, Italy)</h2>
<p>Investigated changes in land use and river dynamics through time and estimated non-native plant species distributions to identify threats to the dry grasslands of the Malpaga-Basella reserve, ecosystems of high naturalistic value.</p>
</header>
<div class="image main"><img src="images/serio_1.JPG" class="responsive-img" alt="Dry grasslands in spring at bloom peak (Bergamo, Italy)" /></div>
<p>
In progress 🚧
TODO
- Confront mappa storica
- Diagram
- photo with invasion by Ailanthus
</p>
<h2>Goals</h2>
<p>
(1) Investigated changes in land use and river dynamics through time in relation to the dry grasslands of the Malpaga-Basella reserve, protected under the habitat directive.
</p>
<div class="flourish-wrapper">
<div class="flourish-embed flourish-photo-slider" data-src="visualisation/21733758">
<script src="https://public.flourish.studio/resources/embed.js"></script>
<noscript><img src="https://public.flourish.studio/visualisation/21733758/thumbnail" width="100%" alt="photo-slider visualization" /></noscript>
</div>
<div class="flourish-embed flourish-photo-slider" data-src="visualisation/21943769">
<script src="https://public.flourish.studio/resources/embed.js"></script>
<noscript><img src="https://public.flourish.studio/visualisation/21943769/thumbnail" width="100%" alt="photo-slider visualization" /></noscript>
</div>
</div>
<br>
<p>(2) Identify the main threats to the xeric grasslands, focusing on non-native plant species</p>
</section>
<!-- Post -->
<section class="post">
<h2 style="text-align: center;">Publications</h2>
<ul class="csl-bib-body">
<li><b>Mologni, F.</b> (2015). Study on the characteristics of the Malpaga-Basella Reserve with focus on the exotic flora. Technical report, </i>Universtiy of Milan</i>. DOI: <a href="10.13140/RG.2.2.30864.53764/1" target="_blank">10.13140/RG.2.2.30864.53764/1</a></li>
<li><b>Mologni, F.</b> (2012). The dry meadows of middle and high Bergamo's plains: dynamic and evolutive aspects. Thesis, <i>Universtiy of Milan</i>. DOI: <a href="10.13140/RG.2.2.34849.12645/1" target="_blank">10.13140/RG.2.2.34849.12645/1</a></li>
</ul>
<br>
<!-- Blockquote #3-->
<blockquote>This research was made possible through the invaluable support of:</blockquote>
<div class="box alt">
<div class="row gtr-50 gtr-uniform">
<div class="col-4"><span class="image fit"><img src="images/ubc.jpeg" alt="Logo of the University of British Columbia" style="width: 80%; height: auto;"/></span></div>
<div class="col-4"><span class="image fit"><img src="images/aafc.jpeg" alt="Logo of Agriculture and Agri-Food Canada" /></span></div>
<div class="col-4"><span class="image fit"><img src="images/mof.png" alt="Logo of the Ministry of Forests - British Columbia" /></span></div>
</div>
</section>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<form action="https://docs.google.com/forms/d/e/1FAIpQLSfxNLs0tO1FOPS2fY_-Gazp00onXfofg4Hu-Nai_yx4v7ioTQ/formResponse" method="POST" target="hidden_iframe" onsubmit="submitted=true;">
<div class="fields">
<div class="field">
<label for="name">Name</label>
<input type="text" name="entry.300118985" id="name" required />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="entry.1721426725" id="email" required />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="entry.1504736209" id="message" rows="3" required></textarea>
</div>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
<!-- Invisible iframe to prevent redirect -->
<iframe name="hidden_iframe" style="display:none;"></iframe>
<!-- JavaScript to Clear the Form After Submission -->
<script>
document.querySelector("form").addEventListener("submit", function(event) {
setTimeout(() => {
event.target.reset(); // Clears the form after submission
}, 500); // 0.5s delay to ensure submission goes through
});
</script>
</section>
<section class="split contact">
<section class="alt">
<h3>Email</h3>
</section>
<section>
<h3>Address</h3>
<p>Department of Botany and Biodiversity Research
University of Vienna
Rennweg 14, 1030 Vienna, Austria</p>
</section>
<section>
<h3>Lab</h3>
<p><a href="https://bioinvasions.univie.ac.at/news/division-group-retreat-in-weissenkirchen-in-wachau-2/">Division of BioInvasions,
Global Change & Macroecology</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://bsky.app/profile/fabio-mol.bsky.social" target="_blank" class="fa-brands fa-bluesky"><span class="label"></span></a></li>
<li><a href="https://www.linkedin.com/in/fabio-mologni/" target="_blank" class="fa-brands fa-linkedin"><span class="label"></span></a></li>
<li><a href="https://scholar.google.co.nz/citations?user=6Oz0soAAAAAJ&hl=en" target="_blank" class="fa-brands fa-google-scholar"><span class="label"></span></a></li>
<li><a href="https://www.researchgate.net/profile/Fabio-Mologni" target="_blank" class="fa-brands fa-researchgate"><span class="label"></span></a></li>
<li><a href="https://www.inaturalist.org/people/fabiomologni" target="_blank" class="fa-brands fa-envira"><span class="label"></span></a></li>
<li><a href="https://orcid.org/0000-0003-4750-9974" target="_blank" class="fa-brands fa-orcid"><span class="label"></span></a></li>
<li><a href="https://github.com/FabioMol" target="_blank" class="fa-brands fa-github"><span class="label"></span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© Fabio Mologni</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>