sync local
This commit is contained in:
51
index.html
51
index.html
@@ -44,6 +44,27 @@
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.hero-inner {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 32px;
|
||||
}
|
||||
|
||||
.profile-photo {
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
border-radius: 50%;
|
||||
object-fit: cover;
|
||||
border: 3px solid var(--border);
|
||||
flex-shrink: 0;
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.hero-inner { flex-direction: column; align-items: flex-start; gap: 20px; }
|
||||
.profile-photo { width: 90px; height: 90px; }
|
||||
}
|
||||
|
||||
.hero-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -325,7 +346,10 @@
|
||||
<body>
|
||||
<header class="hero">
|
||||
<div class="container">
|
||||
<div class="hero-badge">
|
||||
<div class="hero-inner">
|
||||
<img src="cv-photo.jpg" alt="Gabriel Pereira" class="profile-photo">
|
||||
<div class="hero-content">
|
||||
<div class="hero-badge">
|
||||
<span class="dot"></span>
|
||||
Open Evidence for Technical Review
|
||||
</div>
|
||||
@@ -340,7 +364,11 @@
|
||||
<span>·</span>
|
||||
<a href="mailto:gabriel.pereira@protonmail.com">gabriel.pereira@protonmail.com</a>
|
||||
<span>·</span>
|
||||
<a href="https://drive.google.com/uc?export=download&id=1sdqQg9ZFD6pIETuioWR6Yw0QKksuNhq2" target="_blank">Resume</a>
|
||||
<span>·</span>
|
||||
<span>Campinas, Brazil</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
@@ -460,6 +488,27 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="projects">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<h2>Selected Publication</h2>
|
||||
</div>
|
||||
<div class="project-grid" style="grid-template-columns: 1fr; max-width: 640px;">
|
||||
<article class="project-card" onclick="window.open('https://drive.google.com/file/d/1uey8oEqkZ25PfozRULMO_rADekrit5by/view?usp=sharing', '_blank')">
|
||||
<div class="project-icon">📄</div>
|
||||
<h3>MBA Research Paper</h3>
|
||||
<p>
|
||||
Academic research paper written during MBA studies.
|
||||
<!-- ponytail: swap title + abstract when finalized -->
|
||||
</p>
|
||||
<a class="project-link" href="https://drive.google.com/file/d/1uey8oEqkZ25PfozRULMO_rADekrit5by/view?usp=sharing" target="_blank">
|
||||
Read paper →
|
||||
</a>
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="evidence">
|
||||
<div class="container">
|
||||
<div class="evidence-grid">
|
||||
|
||||
Reference in New Issue
Block a user