feat: Initialize portfolio project with core pages, UI components, and configuration files.

This commit is contained in:
Evandro Fonseca Junior committed 2026-03-07 10:27:04 -03:00
1 parent aa07d6faeb
commit 0523052864
38 files changed
+1165 -460

No files matched your search

+58
View File
@@ -0,0 +1,58 @@
<svg width="640" height="260" viewBox="0 0 640 260" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@800&amp;family=Geist+Mono:wght@400;500&amp;display=swap');
.title {
font-family: 'Syne', sans-serif;
font-weight: 800;
font-size: 32px;
fill: #0A0A0A;
}
.role {
font-family: 'Geist Mono', monospace;
font-size: 14px;
fill: #777777;
}
.contact {
font-family: 'Geist Mono', monospace;
font-size: 14px;
font-weight: 500;
fill: #0A0A0A;
}
.footer {
font-family: 'Geist Mono', monospace;
font-size: 12px;
fill: #777777;
letter-spacing: 0.1em;
}
</style>
</defs>
<rect width="640" height="260" rx="8" fill="#FFFFFF" stroke="#EAEAEA" stroke-width="1.5" />
<path d="M0 200 L0 252 A8 8 0 0 0 8 260 L632 260 A8 8 0 0 0 640 252 L640 200 Z" fill="#F4F2ED" />
<line x1="0" y1="200" x2="640" y2="200" stroke="#EAEAEA" stroke-width="1.5" />
<g transform="translate(45, 60) scale(0.45)">
<rect x="20" y="30" width="12" height="60" fill="#0A0A0A" />
<rect x="32" y="30" width="28" height="12" fill="#0A0A0A" />
<rect x="32" y="54" width="18" height="12" fill="#0A0A0A" />
<rect x="32" y="78" width="28" height="12" fill="#0A0A0A" />
<polygon points="62,90 74,90 92,30 80,30" fill="#E8FF00" />
<circle cx="104" cy="84" r="6" fill="#0A0A0A" />
</g>
<rect x="130" y="55" width="4" height="110" rx="2" fill="#E8FF00" />
<text x="160" y="80" class="title">Evandro</text>
<text x="160" y="108" class="role">Full-Stack Developer · evandro.dev.br</text>
<text x="160" y="145" class="contact">[email protected]</text>
<text x="160" y="170" class="contact">evandro.dev.br · github.com/evandrodevbr</text>
<text x="45" y="234" class="footer">DESENVOLVIMENTO DE SOFTWARE · SANTA CATARINA, BR</text>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

+10
View File
@@ -0,0 +1,10 @@
<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="20" y="30" width="12" height="60" fill="currentColor" />
<rect x="32" y="30" width="28" height="12" fill="currentColor" />
<rect x="32" y="54" width="18" height="12" fill="currentColor" />
<rect x="32" y="78" width="28" height="12" fill="currentColor" />
<polygon points="62,90 74,90 92,30 80,30" fill="#E8FF00" />
<circle cx="104" cy="84" r="6" fill="currentColor" />
</svg>

After

Width:  |  Height:  |  Size: 510 B

+73
View File
@@ -0,0 +1,73 @@
<svg width="680" height="400" viewBox="0 0 680 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@800&amp;family=Geist+Mono:wght@400;500;600&amp;display=swap');
.bc-name {
font-family: 'Syne', sans-serif;
font-weight: 800;
font-size: 44px;
fill: #FFFFFF;
}
.bc-role {
font-family: 'Geist Mono', monospace;
font-size: 14px;
font-weight: 500;
fill: rgba(255, 255, 255, 0.4);
letter-spacing: 0.2em;
}
.bc-contact {
font-family: 'Geist Mono', monospace;
font-size: 15px;
fill: rgba(255, 255, 255, 0.5);
}
.bc-contact-hl {
fill: rgba(255, 255, 255, 0.9);
font-weight: 600;
}
</style>
<radialGradient id="grad" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(340 200) rotate(90) scale(400 680)">
<stop stop-color="#1A1A1A" />
<stop offset="1" stop-color="#050505" />
</radialGradient>
</defs>
<!-- Background with subtle depth -->
<rect width="680" height="400" rx="24" fill="url(#grad)" />
<rect x="1" y="1" width="678" height="398" rx="23" stroke="rgba(255,255,255,0.08)" stroke-width="1.5" />
<!-- Decorative pattern -->
<circle cx="680" cy="40" r="320" fill="none" stroke="rgba(232, 255, 0, 0.03)" stroke-width="1" />
<circle cx="680" cy="40" r="240" fill="none" stroke="rgba(255, 255, 255, 0.02)" stroke-width="1" />
<!-- Header Section -->
<g transform="translate(60, 80)">
<text y="10" class="bc-name">evandro<tspan fill="#E8FF00">.dev.br</tspan></text>
<text y="50" class="bc-role">FULL-STACK DEVELOPER</text>
</g>
<!-- Contact Section with Accent Bar -->
<g transform="translate(60, 250)">
<rect x="-20" y="8" width="4" height="96" rx="2" fill="#E8FF00" />
<text y="24" class="bc-contact">evandro.dev.br</text>
<text y="60" class="bc-contact bc-contact-hl">[email protected]</text>
<text y="96" class="bc-contact">github.com/evandrodevbr</text>
</g>
<!-- Logo Section - Powerhouse of the design -->
<g transform="translate(420, 100) scale(1.6)">
<!-- Logo Shadow/Glow -->
<rect x="18" y="28" width="16" height="64" fill="rgba(255,255,255,0.03)" filter="blur(8px)" />
<!-- Main Logo Pieces -->
<rect x="20" y="30" width="12" height="60" fill="#FFFFFF" />
<rect x="32" y="30" width="28" height="12" fill="#FFFFFF" />
<rect x="32" y="54" width="18" height="12" fill="#FFFFFF" />
<rect x="32" y="78" width="28" height="12" fill="#FFFFFF" />
<polygon points="62,90 74,90 92,30 80,30" fill="#E8FF00" />
<circle cx="104" cy="84" r="6" fill="#FFFFFF" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.0 KiB