Evandro Fonseca Junior
08dd046887
- Introduced DrawLine component for drawing animations. - Added LazyRevealImage component for lazy loading images with reveal animations. - Implemented TextDiffuseReveal for animated text reveals with staggered effects. - Created TopProgressBar for a dynamic loading indicator. - Added PointCloud mock for testing animations. - Developed useReducedMotion hook to handle user preferences for reduced motion. - Centralized animation configurations in config.ts for easier management. - Defined animation variants in variants.ts for consistent animation effects. - Established AnimationProvider to supply global animation settings. - Created tests for AnimationProvider and useReducedMotion hook. - Added SVG assets for branding and UI elements. - Documented frontend review plan and hero circuit board animation plan.
22 lines
1.7 KiB
XML
22 lines
1.7 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 680 400" width="680" height="400">
|
|
<circle cx="680" cy="40" r="320" fill="none" stroke="#FFFFFF" stroke-opacity="0.05" stroke-width="1" />
|
|
<circle cx="680" cy="40" r="240" fill="none" stroke="#FFFFFF" stroke-opacity="0.03" stroke-width="1" />
|
|
<g transform="translate(60, 80)">
|
|
<text x="0" y="10" font-family="Arial, Helvetica, sans-serif" font-weight="bold" font-size="44" fill="#FFFFFF">evandro<tspan fill="#FFFFFF">.dev.br</tspan></text>
|
|
<text x="0" y="50" font-family="'Courier New', Courier, monospace" font-size="14" fill="#CCCCCC" letter-spacing="0.2em">FULL-STACK DEVELOPER</text>
|
|
</g>
|
|
<g transform="translate(60, 250)">
|
|
<rect x="-20" y="8" width="4" height="96" rx="2" fill="#FFFFFF" />
|
|
<text x="0" y="24" font-family="'Courier New', Courier, monospace" font-size="15" fill="#CCCCCC">evandro.dev.br</text>
|
|
<text x="0" y="60" font-family="'Courier New', Courier, monospace" font-size="15" font-weight="bold" fill="#FFFFFF">[email protected]</text>
|
|
<text x="0" y="96" font-family="'Courier New', Courier, monospace" font-size="15" fill="#CCCCCC">github.com/evandrodevbr</text>
|
|
</g>
|
|
<g transform="translate(420, 100) scale(1.6)">
|
|
<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="#FFFFFF" />
|
|
<circle cx="104" cy="84" r="6" fill="#FFFFFF" />
|
|
</g>
|
|
</svg> |