🌨️ Want to add snowflakes to your website?
I created this for a friend in pure SVG and CSS (no JS), so feel free to use it!
Simply copy and paste the <input>, <label> and <svg> elements into the <body> of any webpage (thanks Julie Moynat (npub1krf…zycc) for the accessibility guidance).
https://timothee.goguely.com/code/stems/snowflakes/index.html (click on the checkbox and wait for it)
#SVG #CSS #Snow
Timothée Goguely
npub1f8…sp4z0
2026-01-08 18:35:12 UTC
Author Public Key
npub1f804x6q5j4dcq8fg066r2zh9au59vuz24vw4ft9x7pva6jdqw6usksp4z0Seen on
wss://relay.momostr.pinkPublished at
2026-01-08 18:35:12 UTCEvent JSON
{
"id": "181c2f2e29c9c8c3dac759e465b0f83dcc7fdd9c61c47fe67c3bf179551797f3",
"pubkey": "49df536814955b801d287eb4350ae5ef2856704aab1d54aca6f059dd49a076b9",
"created_at": 1767897312,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"t",
"svg"
],
[
"p",
"b0d38637dcafe38d0be9b665ab1c8d62bb5cd5ad23c4051f14594199df1ab5f6"
],
[
"t",
"snow"
],
[
"proxy",
"https://mastodon.design/@timotheegoguely/115860918260841500",
"web"
],
[
"proxy",
"https://mastodon.design/users/timotheegoguely/statuses/115860918260841500",
"activitypub"
],
[
"L",
"pink.momostr"
],
[
"l",
"pink.momostr.activitypub:https://mastodon.design/users/timotheegoguely/statuses/115860918260841500",
"pink.momostr"
],
[
"-"
]
],
"content": "🌨️ Want to add snowflakes to your website?\nI created this for a friend in pure SVG and CSS (no JS), so feel free to use it! \nSimply copy and paste the \u003cinput\u003e, \u003clabel\u003e and \u003csvg\u003e elements into the \u003cbody\u003e of any webpage (thanks nostr:npub1krfcvd7u4l3c6zlfkej6k8ydv2a4e4ddy0zq28c5t9qenhc6khmqcgzycc for the accessibility guidance).\n\nhttps://timothee.goguely.com/code/stems/snowflakes/index.html (click on the checkbox and wait for it)\n\n#SVG #CSS #Snow",
"sig": "6084eda4549eb3f6cbb1cde2ba588589467eef2dfbf80bb55bab1f6073ccf7b34b3609dab0c2678eb4bb8b11100d5765fce3f376f5c92074a9849e84b30ae576"
}