Skip to content

Instantly share code, notes, and snippets.

@garrettcadams
Forked from anonymous/index.html
Created August 23, 2017 09:48
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save garrettcadams/df24c73c022eba060bcef1821b5e5f1e to your computer and use it in GitHub Desktop.
Save garrettcadams/df24c73c022eba060bcef1821b5e5f1e to your computer and use it in GitHub Desktop.
This domain is for sale
<div id="gameholder">
<div id="title"></div>
<div class="penguin1"></div>
<div class="penguin2"></div>
<div class="penguin3"></div>
<div class="penguin4"></div>
<div class="penguin5"></div>
<div class="penguin6"></div>
<div class="penguin7"></div>
<div class="penguin8"></div>
<div class="yeti"></div>
</div>
const yeti = document.querySelector(".yeti");
function rawr() {
alert("This Domain is for sale on namemecheap.com");
}
yeti.addEventListener("mouseup", rawr);
body {
background: skyblue;
}
#gameholder {
width: 650px;
margin: 0 auto;
}
/*Title https://s15.postimg.org/mpueax123/penguin_title.png*/
#title {
background: url('https://s15.postimg.org/mpueax123/penguin_title.png');
height: 150px;
width: 650px;
background-repeat: no-repeat;
}
/*Mound https://s15.postimg.org/5dpgbqi6z/mound_1.png*/
.penguin1, .penguin2, .penguin3, .penguin4, .penguin5, .penguin6, .penguin7, .penguin8, .yeti {
height: 200px;
width: 200px;
background: url('https://s15.postimg.org/5dpgbqi6z/mound_1.png');
display: inline-block;
}
/*Hover https://s15.postimg.org/748hd7zq3/mound_1_hover.png*/
.penguin1:hover, .penguin2:hover, .penguin3:hover, .penguin4:hover, .penguin5:hover, .penguin6:hover, .penguin7:hover, .penguin8:hover, .yeti:hover {
background: url('https://s15.postimg.org/748hd7zq3/mound_1_hover.png');
}
/*Penguin1 & 8 https://s15.postimg.org/x2c3j957f/penguin_1.png*/
.penguin1:active, .penguin8:active {
background: url('https://s15.postimg.org/x2c3j957f/penguin_1.png');
}
/*Penguin 2 https://s15.postimg.org/w1buu4o7v/penguin_2.png*/
.penguin2:active {
background:url('https://s15.postimg.org/w1buu4o7v/penguin_2.png');
}
/*Penguin 3 https://s15.postimg.org/asy6cp9qz/penguin_3.png*/
.penguin3:active {
background:url('https://s15.postimg.org/asy6cp9qz/penguin_3.png');
}
/*Penguin 4 https://s15.postimg.org/9rxxnksrf/penguin_4.png*/
.penguin4:active {
background:url('https://s15.postimg.org/9rxxnksrf/penguin_4.png');
}
/*Penguin 5 https://s15.postimg.org/bl0ubwdy3/penguin_5.png*/
.penguin5:active {
background:url('https://s15.postimg.org/bl0ubwdy3/penguin_5.png');
}
/*Penguin 6 https://s15.postimg.org/odoybtpjv/penguin_6.png*/
.penguin6:active {
background:url('https://s15.postimg.org/odoybtpjv/penguin_6.png');
}
/*Penguin 7 https://s15.postimg.org/f76nojkbf/penguin_7.png*/
.penguin7:active {
background:url('https://s15.postimg.org/f76nojkbf/penguin_7.png');
}
/*Yeti https://s15.postimg.org/ss211epi3/yeti.png*/
.yeti:active {
background: url('https://s15.postimg.org/ss211epi3/yeti.png');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment