---
format:
html:
toc: true
toc-depth: 3
resources:
- authors/images/
---
```{=html}
<style>
body {
position: relative;
}
.watermark {
position: fixed;
bottom: 50px;
right: 50px;
opacity: 0.15;
z-index: -1;
width: 400px;
}
.background-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
z-index: -1;
}
.icon-link {
display: inline-block;
margin: 0 6px;
}
.icon-link img {
width: 18px;
height: 18px;
vertical-align: text-bottom;
}
</style>
```
<img src="/figures/forplotR_original_logo.png" alt="forplotR logo watermark" class="watermark"/>
## The `forplotR` Developers
```{=html}
<div class="authors-group">
<div class="author-card">
<img src="images/giulia.jpg" alt="Giulia Ottino" class="author-photo" />
<div class="author-info">
<h3 class="author-name">Giulia Ottino</h3>
<p>
<a class="icon-link" href="mailto:botgiuc@gmail.com"><img src="/authors/images/email.png" alt="Email"/></a>
<a class="icon-link" href="https://orcid.org/0009-0001-4352-1733" target="_blank"><img src="/authors/images/orcid.png" alt="ORCID"/></a>
<a class="icon-link" href=" http://lattes.cnpq.br/0819473317412079" target="_blank"><img src="/authors/images/lattes.png" alt="Lattes"/></a>
</p>
<p>Plant science student leading the forplotR package, responsible for designing and coding functions as well as developing the project website<s</p>
</div>
</div>
<div class="author-card">
<img src="images/domingos.jpg" alt="Domingos Cardoso" class="author-photo" />
<div class="author-info">
<h3 class="author-name">Domingos Cardoso</h3>
<p>
<a class="icon-link" href="mailto:domingoscardoso@jbrj.gov.br"><img src="/authors/images/email.png" alt="Email"/></a>
<a class="icon-link" href="https://orcid.org/0000-0001-7072-2656" target="_blank"><img src="/authors/images/orcid.png" alt="ORCID"/></a>
<a class="icon-link" href="http://lattes.cnpq.br/2228981567893077" target="_blank"><img src="/authors/images/lattes.png" alt="Lattes"/></a>
</p>
<p>Taxonomist and bioinformatician leading the forplotR package, responsible for designing and coding functions as well as developing the project website</p>
</div>
</div>
</div>
```
```{=html}
<style>
.authors-group {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
margin-bottom: 2rem;
}
.author-card {
background: #f8f9fa;
border-radius: 12px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
padding: 1rem;
width: 300px;
transition: transform 0.3s ease;
}
.author-card:hover {
transform: scale(1.05);
z-index: 2;
}
.author-photo {
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 10px;
margin-bottom: 1rem;
}
.author-info {
text-align: center;
}
.author-info p a {
margin: 0 6px;
color: #007bff;
font-size: 1.1rem;
}
.author-name {
margin-top: 0;
margin-bottom: 0.5rem;
text-align: center;
}
</style>
```
