DEV Community

Discussion on: Playing with easter eggs: Ideas for making your website more fun

Collapse
 
itsasine profile image
ItsASine (Kayla)

I've done it before with combining KonamiJS

GitHub logo snaptortoise / konami-js

Add the Konami Code easter egg to your project. Compatible with gestures on smartphones and tablets as well.

Konami-JS

Add the Konami Code as an easter egg to your web project. Compatible with keyboard and touch events.

For examples and additional information please visit: snaptortoise.github.io/konami-js/

A joyful, frivolous project by George Mandis

Install

Future Improvements

Konami-JS is an ancient project by JavaScript standards, having started in 2009! I would love for 2019 to be the year it gets rewritten in a more modern way. Please checkout the issues and discussions surrounding the 2.0 branch.

I welcome the community's help in any of this 😃

Konami-JS in Action

Notable instances of Konami-JS in the wild include:

Watch

and ClippyJS

GitHub logo pi0 / clippyjs

Add Clippy or his friends to any website for instant nostalgia

Clippy

Add Clippy or his friends to any website for instant nostalgia This project is a fresh rewrite of Clippy.JS in ES6 (Read More)

Demos

Please be patient for first load. It may take some time as agents are loaded one by one.

image FOSSA Status

Usage

Browser

For using in raw HTML/JS:

<!-- Add the stylesheet to the head -->
<link rel="stylesheet" type="text/css" href="https://gitcdn.xyz/repo/pi0/clippyjs/master/assets/clippy.css"&gt
<!-- Add these scripts to  the bottom of the page -->
<script src="https://unpkg.com/jquery@3.2.1"></script>

<script src="https://unpkg.com/clippyjs@latest"></script>

<script type="text/javascript">
clippy.load('Merlin', function(agent){
    // Do anything with the loaded agent
    agent.show();
});
</script>

NPM /

so doing the Konami Code makes Clippy pop up to help you 😉

Collapse
 
rose profile image
Rose

oh my gosh so cute ❤️