isaacbythewood.com-nextjs

mirror archived upstream

Animation-heavy personal portfolio on Next.js: a custom cursor, a page-transition loader, and canvas backgrounds.

canvas-animationscss-modulesdark-themehandcodednextjspersonal-websiteportfolioreact

 1<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 16 16">
 2  <defs>
 3    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
 4      <stop offset="0%" stop-color="#0e3ff4"/>
 5      <stop offset="100%" stop-color="#842bff"/>
 6    </linearGradient>
 7  </defs>
 8  <rect width="16" height="16" rx="2" fill="url(#g)"/>
 9  <text x="8" y="11" text-anchor="middle" font-family="monospace" font-weight="bold" font-size="9" fill="rgba(255,255,255,0.9)">&gt;_</text>
10</svg>