Black Thunder FLL Website

· 1 min read

Over the past few months, I have been working on improving the experience on Reading School's Robotics Club's website ( I have worked on numerous animations, and spent a whole weekend coding a cookie notice (instead of revising!). Most recently, I have been incorporating this beautiful link styling from @lukemeyrick on CodePen.

I was browsing the internet for the most aesthetically pleasing link/button animation I could find; I stumbled across a reference to @lukemeyrick's beautiful design. I tested it on CodePen, and immediately fell in love. Credits to him for creating such lovely styling. The implementation stage began, and the within 48 hours, it was up-and-running. I altered the colour slightly, and removed the container background, but overall it was very easy to include.

Currently, I'm working on an animation bug in which the YouTube channel and Twitter feed temporarily cover the main text. This can be reproduced by clicking the 'skip' button before the title has finished being typed; the fix may include a simple setTimeout() statement to delay the movement of the YouTube channel and Twitter feed, and will be available within the next couple of days.

All of the source code is available on the @rs-blackthunder GitHub, and please also check out my own GitHub, @mgrove36. Any feedback on this website is greatly appreciated.