Ahh, adding snow effects to your websites with JS, the reason Javascript was actually invented in the first place, along with showing current time alongside your cursor ;).
It’s a cool effect but would be better to go front-and-center with the source code. Asking people to embed random third party scripts on their web pages is a security bottomless pit.
Reminds me of an online party invite [0] I made with a friend back in 2012.<p>We made a bunch of winter/holiday related libraries (font, snow fall, randomly generated snow-capped mountain scenery and marquee lights border) all constructed from HTML form elements.<p>The font, based on low-res [1] (with permission), is still available as a library [2]<p>0. <a href="https://web.archive.org/web/20150313003701/http://megazinemagazine.com/winternet/" rel="nofollow">https://web.archive.org/web/20150313003701/http://megazinema...</a><p>1. <a href="https://fonts.adobe.com/fonts/lo-res" rel="nofollow">https://fonts.adobe.com/fonts/lo-res</a><p>2. <a href="https://github.com/1800joe/LoResForm" rel="nofollow">https://github.com/1800joe/LoResForm</a>
For a friend's page a while ago we wanted one where the snow would accumulate on DOM elements (anything with a top border, or some such heuristic) but couldn't find one. A quick search finds none currently either (many where it accumulates at the bottom of the page/viewport or on/in a particular DOM element, but none that have it build up generically on DOM boxes.<p>One of the many items in my huge pile of Things To Bother Doing One Day!
Somewhere in the end of the 90s, my "personal website" had a snow effect around this time of year. I guess like fashion, website effects have comeback trends...
I remember watching the Commodore 64 Christmas demo with my family on Christmas morning. Chiptune Bach and VGA graphics. It was magic.<p>Later that morning I started learning Basic.
I really like it, reminds me of old school internet. I prefer it with ASCII though, try it with an asterix (*) instead of a white orb for that 90's vibe.<p>Just change this line:<p><pre><code> var embCSS = '.embedim-snow{position: absolute;width: 10px;height: 10px;margin-top:-10px}';
</code></pre>
And this line:<p><pre><code> embHTML += '<i class="embedim-snow">*</i>';</code></pre>
Reminds me of back in the late 90s and early 00s when these effects fell under the umbrella of "DHTML" (dynamic HTML) and there were sites dedicated to indexing them and making them easy to browse and even review. Nostalgic.
I asked GPT what the source code does, was pretty impressed with the response<p>>This code is a JavaScript program that creates a "snow" animation on a web page. When executed, the code generates a number of white, circular elements (which represent snowflakes) and animates them to move across the page, creating the illusion of snow falling. The snowflakes are given random positions, sizes, and animations to make the effect more realistic.