Mark Everard
Nov 30, 2009
(0 votes)

The Distraction Gadget

My gadgets are like buses you wait ages then two turn up at once...........

Here is my second (does quantity count over quality?) contribution to the EPiServer Gadget contest 2009.


The Distraction Gadget

Everybody loves a distraction and what better way to distract yourself than by playing a game. A sentiment Cristian no doubt agrees with. So here you have a single player javascript game. Click and drag your user’s head around the CMS world and stay clear of the evil EPi-Enemies!

I can't claim the idea for the game, its something I found ages ago when I was first getting interested in web development (I remember it being one of the first truly dynamic html pages I'd ever seen - it was a real jaw dropper at the time). That time was some time ago now and the web has moved on, but this game and I have had a close relationship ever since. I've not only wasted much of my own time playing it, but I also began tweaking it and adding more features. It seemed only right that I should repackage it and share it with you.

This has been quite a rewrite, firstly to utilise the magic of jQuery, and then to try my hardest to ensure that you can run multiple instances of this gadget without issue on the Site Center dashboard. I'm not sure why you'd want to, but feel free to give it a try!

I've also implemented a leaderboard (using the DDS) so you can compare scores with other users. Getting distracted for 30 seconds is a very very good effort!


Lessons learnt: In retrospect the Site Center is not really the best place to be doing a lot of heavy client side scripting work, as there is already a lot of stuff already going on under the covers. This is why I've quickly bolted on a way of running the game from a separate window, all of that DOM traversing is expensive!

Extending this idea: Some simple LINQ queries could return an aggregated list of the total amount of time that each user has been distracted for. (I decided it might be best not to implement this as the outcome could get some poor distracted web-editor into trouble!)

Installing the gadget

I've put together an installer file, which can be used with EPiServer Deployment Centre

The source code lives here

Nov 30, 2009


Sep 21, 2010 10:32 AM

Hehehe! Now I know how to spend a few hours on the dashboard ;)

Please login to comment.
Latest blogs
Customizing Property Lists in Optimizely CMS

Generic property lists is a cool editorial feature that has gained a lot of popularity - in spite of still being unsupported (officially). But if y...

Allan Thraen | Oct 2, 2022 | Syndicated blog

Content Delivery API – The Case of the Duplicate API Refresh Token

Creating a custom refresh provider to resolve the issues with duplicate tokens in the DXC The post Content Delivery API – The Case of the Duplicate...

David Lewis | Sep 29, 2022 | Syndicated blog

New Optimizely certifications - register for beta testing before November 1st

In January 2023, Optimizely is making updates to the current versions of our certification exams to make sure that each exam covers the necessary...

Jamilia Buzurukova | Sep 28, 2022

Optimizely community meetup - Sept 29 (virtual + Melbourne)

Super excited to be presenting this Thursday the 29th of September at the Optimizely community meetup. For the full details and RSVP's see the...

Ynze | Sep 27, 2022 | Syndicated blog