Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 

README.md

Penguin Easter Egg

So the deal is there is somewhere on the page that when you click, a wee penguin appears and dissapears!

So...

  1. find somewhere on your site which will trigger the attack (I generally use somewhere on the nav or header), and assign the correct class to it. I have done this in penguin.html line 14

  2. Place a penguin image (or your own image) on the bottom of the page (I generally go under the footer) and hide it from the page with css

  3. paste in the code in penguin.js into the approriate area in your JS for penguin based fun to begin! Do bear in mind that if you are using another image, you may need to adjust the coordinates

For a demo, go to my current travel blog rosie-brigham.github.io and click the icon of the seal in the top left corner on the home page

About

A great, simple, penguin based easter egg

Resources

Releases

No releases published

Packages

No packages published