Skip to content

Commit d044114

Browse files
dluksdluks
committed
add initial styling and begin fleshing out content
1 parent f678d4f commit d044114

File tree

9 files changed

+528
-286
lines changed

9 files changed

+528
-286
lines changed

‎docs/index.html

+116-52
Original file line numberDiff line numberDiff line change
@@ -1,79 +1,143 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
66
<title>Global, high-resolution plant trait maps combining citizen science and Earth observation</title>
7-
<link rel="stylesheet" href="static/style.css">
8-
</head>
9-
<body>
10-
<header>
11-
<h1>Global, high-resolution plant trait maps combining citizen science and Earth observation</h1>
12-
<p>
13-
<strong>Authors:</strong>
14-
15-
Daniel Lusk<sup>1</sup>,
16-
17-
Teja Kattenborn<sup>1</sup>
18-
7+
<link rel="preconnect" href="https://fonts.googleapis.com" />
8+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9+
<link
10+
href="https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap"
11+
rel="stylesheet"
12+
/>
13+
<link
14+
href="https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,500;1,400;1,500&display=swap"
15+
rel="stylesheet"
16+
/>
17+
<link
18+
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
19+
rel="stylesheet"
20+
/>
21+
<link
22+
rel="stylesheet"
23+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
24+
/>
25+
<link rel="stylesheet" href="static/style.css" />
26+
</head>
27+
<body>
28+
<div class="container">
29+
<header>
30+
<h1 class="title">Global, high-resolution plant trait maps combining citizen science and Earth observation</h1>
31+
<h2 class="authors">
32+
Daniel Lusk<sup
33+
>1</sup
34+
>, Sophie Wolf<sup
35+
>2</sup
36+
>, Daria Svidzinska<sup
37+
>2</sup
38+
>, Jens Kattge<sup
39+
>3,4</sup
40+
>, Francesco Maria Sabatini<sup
41+
>3,5,6</sup
42+
>, Álvaro Moreno Martínez<sup
43+
>7</sup
44+
>, Teja Kattenborn<sup
45+
>1</sup
46+
>
47+
</h2>
48+
<p class="affiliations">
49+
50+
<sup>1</sup> Sensor-based Geoinformatics, University of Freiburg, Germany<br />
51+
52+
<sup>2</sup> Remote Sensing Centre for Earth System Research, Leipzig University, Germany<br />
53+
54+
<sup>3</sup> German Centre for Integrative Biodiversity Research (iDiv) Halle-Jena-Leipzig, Germany<br />
55+
56+
<sup>4</sup> Max Planck Institute for Biogeochemistry, Germany<br />
57+
58+
<sup>5</sup> Department of Biological, Geological and Environmental Sciences (BiGeA), Alma Mater Studiorum University of Bologna, Italy<br />
59+
60+
<sup>6</sup> Institute of Biology/Geobotany and Botanical Garden, Martin Luther University Halle-Wittenberg, Germany<br />
61+
62+
<sup>7</sup> Image Signal Processing Group, Image Processing Laboratory (IPL), University of Valencia, Spain<br />
63+
1964
</p>
20-
<p>
21-
22-
<sup>1</sup> Sensor-based Geoinformatics, University of Freiburg<br>
23-
24-
<sup>2</sup> Institute of AI Research<br>
25-
26-
</p>
27-
</header>
65+
</header>
66+
67+
<section id="sample-image">
68+
<div class="img-container">
69+
<h2 class="img-title">33 functional traits at 1 km resolution</h2>
70+
<img
71+
src="static/images/exemplar.png"
72+
alt="Sample image from dataset"
73+
/>
74+
<figcaption>Global mean plant height in meters at 0.01° (~1 km) resolution presented in Equal Earth projection.</figcaption>
75+
</div>
76+
</section>
2877

29-
<section id="links">
30-
<h2>Links</h2>
78+
<section id="links">
79+
<!-- <h2>Links</h2> -->
3180
<ul>
32-
<li><a href="https://example.com/dataset-paper" target="_blank">Dataset Paper</a></li>
33-
<li><a href="https://example.com/view-dataset-app" target="_blank">View Dataset App</a></li>
34-
<li><a href="https://example.com/download-dataset" target="_blank">Download Dataset</a></li>
35-
<li><a href="https://github.com/username/dataset-source-code" target="_blank">Source Code</a></li>
81+
<li>
82+
<a href="https://example.com/dataset-paper" target="_blank"
83+
><i class="fas fa-file-alt"></i> Paper</a
84+
>
85+
</li>
86+
<li>
87+
<a href="https://example.com/view-dataset-app" target="_blank"
88+
><i class="fas fa-earth-europe"></i> App</a
89+
>
90+
</li>
91+
<li>
92+
<a href="https://example.com/download-dataset" target="_blank"
93+
><i class="fas fa-database"></i> Data</a
94+
>
95+
</li>
96+
<li>
97+
<a href="https://github.com/username/dataset-source-code" target="_blank"
98+
><i class="fas fa-code-branch"></i> Code</a
99+
>
100+
</li>
36101
</ul>
37-
</section>
38-
39-
<section id="sample-image">
40-
<h2>Sample Image</h2>
41-
<img src="static/images/sample_image.jpg" alt="Sample image from dataset" style="width:100%;">
42-
<figcaption>Sample image from the dataset.</figcaption>
43-
</section>
102+
</section>
44103

45-
<section id="abstract">
104+
<section id="abstract">
46105
<h2>Abstract</h2>
47-
<p>This dataset contains ... [your dataset abstract here].</p>
48-
</section>
106+
<p>Functional diversity has been recognized as a key driver of ecosystem resilience and resistance, yet our understanding of global patterns of functional diversity is constrained to specific regions or geographically limited datasets. Meanwhile, rapidly growing citizen science initiatives, such as iNaturalist or Pl@ntNet, have generated millions of ground-level species observations across the globe. Despite being noisy and opportunistically sampled, previous studies have shown that integrating such citizen science species observations with large functional trait databases enables the creation of global trait maps with unprecedented accuracy. However, aggregating citizen science data allows for the generation of sparse and relatively coarse trait maps, e.g. at 0.2 to 2.0 degree spatial resolution. Here, by using such citizen science data in concert with high-resolution Earth observation data, we extend this approach to model the relationships between functional traits and their structural and environmental determinants, providing global trait maps with globally continuous coverage and unprecedented spatial resolution (up to 1km). This fusion of ground-based citizen science and continuous satellite data allows us not only to map more 20 ecologically relevant traits but also to derive crucial functional diversity metrics at a global scale. These metrics—such as functional richness and evenness—provide new opportunities to explore the role of functional diversity in ecosystem stability, particularly in response to climate extremes associated with climate change. Our approach presents a scalable framework to advance understanding of plant functional traits and diversity, opening the door to new insights on how ecosystems may respond to an increasingly variable and extreme climate.</p>
107+
</section>
49108

50-
<section id="methodology">
109+
<section id="methodology">
51110
<h2>Methodology</h2>
52111
<p>We collected data using ... [methodology details].</p>
53-
</section>
112+
</section>
54113

55-
<section id="citation">
114+
<section id="citation">
56115
<h2>How to Cite</h2>
57116
<p>To cite this dataset, please use the following BibTeX entry:</p>
58117
<pre>
59118
@misc{doe2024dataset,
60119
author = {John Doe and Jane Smith},
61120
title = {My Amazing Dataset},
62121
year = {2024},
63-
howpublished = {\url{https://github.com/username/dataset-repo}},
122+
howpublished = {\url{https://github.com/username/dataset-repo}}
64123
}
65124
</pre>
66-
</section>
125+
</section>
67126

68-
<section id="related-work">
127+
<section id="related-work">
69128
<h2>Related Work</h2>
70129
<ul>
71-
72-
<li><a href="https://example.com/related1" target="_blank">Related Work 1</a></li>
73-
74-
<li><a href="https://example.com/related2" target="_blank">Related Work 2</a></li>
75-
130+
131+
<li>
132+
<a href="https://example.com/related1" target="_blank">Related Work 1</a>
133+
</li>
134+
135+
<li>
136+
<a href="https://example.com/related2" target="_blank">Related Work 2</a>
137+
</li>
138+
76139
</ul>
77-
</section>
78-
</body>
140+
</section>
141+
</div>
142+
</body>
79143
</html>

‎docs/static/images/exemplar-plant-height.pdf

1.08 MB
Binary file not shown.

‎docs/static/images/exemplar.png

2.96 MB
Loading

0 commit comments

Comments
 (0)