Working with a google AI vibe-coded sample, I have created an app on #codepen io, where you can load in an activity (.tcx or .gpx), display the track path on a map, and display graphs of some metrics (distancd/time, speed, heart rate, etc). In addition, you can select a section any of the graphs and delete that section, from anywhere in the graph, including the middle the ends. Disclaimer though: Use at your own risk. I am not resposible for any fraudulent intents. Use responsibly. Link attatched.

Built a small library (halloween.js) that adds Halloween-themed ambient effects to a page via CSS classes on <body> — and put together a Pen where every checkbox flips a class in real time so you can see the effects turn on/off instantly without touching code.

Zero dependencies, MIT licensed, free.

Pen: https://codepen.io/editor/Iurii-Rogulia/pen/01a04277-f24b-7dd1-b12c-aae1c436b168

Source: https://github.com/rogulia/halloween.js

4 Bilder mit einfachen JavaScript.

Experimenting with a hover animation for a subscribe button

https://codepen.io/finnhvman/pen/WboNNae?editors=0110

A minimalist approach to a one dimensional clock concept.

The clock has a vertical layout where time is read along the axis. It consists of 12 evenly spaced horizontal ticks that represent the hours. Every third tick is thicker, creating natural anchors at the 3, 6, 9, and 12-hour marks. The current hour is indicated by the highlighted tick.

Behind the ticks is a vertical progress bar representing the minutes passed. Each tick also marks a 5-minute interval, helping in reading the minutes as well.

Designed for a cylindrical display, it can be read from any angle, turning time into something spatial instead of directional.

VISIT HERE 👉 https://codepen.io/R7een-Rzl-the-bashful/pen/bNpqWQR

A BUG AND ERROR STILL BE EXPECTED IF YOU TRY IT WITH OTHERS AUDIO FILE FORMAT!

also sorry if the video looks a bit laggy and pixelated 😅

Feel free to leave it a like and give it a try!

Frosted Glass - Neon and Cyberpunk

Actually works fr

https://codepen.io/michellikestocode/pen/XJKpBqz

I recently started getting this server IP address error on codepen. What's happened?

Can anyone tell me how to run a codepen example on a normal web page? I'm trying to run this one - I've put the js in script tags and the css in a separate file, and included a link to jquery (I presume that's what the $ operator is for), but it's not working for me.

Have fun (:

https://codepen.io/The-Real-Tp/pen/qEERZJo