---
format:
html:
toc: true
toc-depth: 3
resources:
- authors/images/
---
<style>
body {
background-repeat: repeat-y;
background-size: cover;
background-attachment: fixed;
background-position: top center;
position: relative;
z-index: 0;
}
.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>
## The `catGenes` Developers
```{=html}
<div class="authors-group">
<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 catGenes package, responsible for designing and coding functions as well as developing the project website</p>
</div>
</div>
<div class="author-card">
<img src="images/quezia.jpg" alt="Quezia" class="author-photo" />
<div class="author-info">
<h3 class="author-name">Quézia Cavalcante</h3>
<p>
<a class="icon-link" href="mailto:queziacs@yahoo.com.br "><img src="/authors/images/email.png" alt="Email"/></a>
<a class="icon-link" href="https://orcid.org/0000-0002-6754-7188" target="_blank"><img src="/authors/images/orcid.png" alt="ORCID"/></a>
<a class="icon-link" href="https://lattes.cnpq.br/1119050083225818" target="_blank"><img src="/authors/images/lattes.png" alt="Lattes"/></a>
</p>
<p>Geophysicist contributing to the catGenes package, with a focus on conceptualizing and implementing concatenation functions</p>
</div>
</div>
</div>
```
<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>
