73 lines
3.0 KiB
XML
73 lines
3.0 KiB
XML
<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&family=Geist+Mono:wght@400;500;600&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> |
