kbigdelysh's picture
Add Discord join button and SVG icon to index.html
5d636f5
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="44" viewBox="0 0 200 44" role="img" aria-label="Join our Discord">
<title>Join our Discord</title>
<rect x="0" y="0" rx="22" ry="22" width="200" height="44" fill="#5865F2"/>
<!-- Discord logo from Simple Icons (scaled and positioned) -->
<g transform="translate(26,9) scale(1.2)">
<path fill="#ffffff" d="M20.317 4.369a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.211.375-.444.864-.608 1.249-1.844-.277-3.68-.277-5.486 0-.164-.398-.405-.874-.617-1.249a.077.077 0 00-.079-.037 19.736 19.736 0 00-4.885 1.515.07.07 0 00-.032.027C.533 9.045-.32 13.579.099 18.057a.082.082 0 00.031.057c2.052 1.507 4.041 2.422 5.992 3.029a.077.077 0 00.084-.027c.461-.63.873-1.295 1.226-1.994a.076.076 0 00-.041-.105 12.5 12.5 0 01-1.793-.679.077.077 0 01-.008-.133c.121-.09.242-.183.357-.279a.074.074 0 01.077-.01c3.731 1.705 7.788 1.705 11.472 0a.074.074 0 01.078.009c.115.096.236.19.358.28a.077.077 0 01-.006.132c-.57.23-1.173.438-1.794.678a.076.076 0 00-.04.106c.36.698.772 1.363 1.225 1.993a.076.076 0 00.084.028c1.961-.606 3.95-1.522 6.002-3.03a.077.077 0 00.031-.056c.5-5.177-.838-9.674-3.548-13.661a.061.061 0 00-.031-.028zM8.02 15.331c-1.182 0-2.155-1.085-2.155-2.419 0-1.333.955-2.419 2.155-2.419 1.21 0 2.173 1.096 2.155 2.42 0 1.333-.955 2.418-2.155 2.418zm7.974 0c-1.182 0-2.155-1.085-2.155-2.419 0-1.333.955-2.419 2.155-2.419 1.21 0 2.173 1.096 2.155 2.42 0 1.333-.945 2.418-2.155 2.418z"/>
</g>
<text x="118" y="28" text-anchor="middle" font-family="Inter, Segoe UI, Roboto, Helvetica, Arial, sans-serif" font-size="15" fill="#ffffff" font-weight="600">Join our Discord</text>
</svg>