stuff
10
games.json
@ -829,5 +829,15 @@
|
||||
"name": "We Become What We Behold",
|
||||
"directory": "wbwwb",
|
||||
"image": "wbwwb.webp"
|
||||
},
|
||||
{
|
||||
"name": "Nut Simulator",
|
||||
"directory": "nutsim",
|
||||
"image": "images/icon.png"
|
||||
},
|
||||
{
|
||||
"name": "Pokemon",
|
||||
"directory": "pokemon",
|
||||
"image": "logo.jpg"
|
||||
}
|
||||
]
|
||||
|
6
nutsim/README.md
Normal file
@ -0,0 +1,6 @@
|
||||
#nut simulator
|
||||
thrilling clicker game with nuts
|
||||
<br>
|
||||
play it here!!
|
||||
<br>
|
||||
https://nutsimulator.github.io
|
BIN
nutsim/audio/buy.wav
Normal file
BIN
nutsim/audio/cantbuy.wav
Normal file
BIN
nutsim/audio/click.wav
Normal file
BIN
nutsim/audio/nutClick.wav
Normal file
BIN
nutsim/audio/openmenu.wav
Normal file
BIN
nutsim/audio/sneakysnitch.mp3
Normal file
486
nutsim/css/mobilestyle.css
Normal file
@ -0,0 +1,486 @@
|
||||
body {
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
overflow:hidden;
|
||||
z-index:-3;
|
||||
}
|
||||
|
||||
#container {
|
||||
line-height: 1.8;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 3.3vw;
|
||||
display: absolute;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(255,255,255,0.8);
|
||||
}
|
||||
|
||||
main {
|
||||
-webkit-animation: fadein 2s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#nutsim {
|
||||
font-size: 8vw;
|
||||
position: absolute;
|
||||
top:10px;
|
||||
left:30px;
|
||||
text-align: center;
|
||||
-webkit-animation: jump 1s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
#time {
|
||||
opacity: 0;
|
||||
top:67px;
|
||||
left:30px;
|
||||
font-size: 3vw;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
-webkit-animation: jump 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
#bottomLeft {
|
||||
line-height: 3;
|
||||
position: absolute;
|
||||
bottom: 1%;
|
||||
left: 1%;
|
||||
}
|
||||
|
||||
#bottomRight {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 35px;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 2vw;
|
||||
color: #fff;
|
||||
text-shadow: 2px 2px 10px #000000;
|
||||
}
|
||||
|
||||
#middle{
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
top: 75%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#middleNut {
|
||||
width: 80vw;
|
||||
height: 80vw;
|
||||
-webkit-animation: zoomIn 1s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
top: 25%;
|
||||
right: 0px;
|
||||
left: 0;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
position: absolute;
|
||||
-webkit-transform: translateZ(0);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#middleNutCounter {
|
||||
font-weight: bold;
|
||||
right: 0px;
|
||||
left: 0px;
|
||||
top: 19.5%;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
text-align:center;
|
||||
font-size: 5vw;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#amountAdded {
|
||||
pointer-events: none;
|
||||
right: 0px;
|
||||
top: 47%;
|
||||
text-align: right;
|
||||
font-size: 6vw;
|
||||
position: absolute;
|
||||
-webkit-animation-duration: 0.6s;
|
||||
-webkit-transform: translateZ(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#addedNuts {
|
||||
right: 20%;
|
||||
top: 16%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 4vw;
|
||||
position: absolute;
|
||||
-webkit-transform: translateZ(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#leveldivmobile {
|
||||
float: left;
|
||||
text-align: left;
|
||||
box-shadow: 0px 0px 5px #888888;
|
||||
font-size: 4vw;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
top:18%;
|
||||
|
||||
left: 6.3%;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
overflow-x: hidden;
|
||||
transition: 0.5s;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#xptonextlevel {
|
||||
background-color: #E4F1FE;
|
||||
position: absolute;
|
||||
font-size: 4vw;
|
||||
top: 2vw;
|
||||
left: 45vw;
|
||||
-webkit-transform: translate(-50%);
|
||||
text-align: center;
|
||||
padding: 3px 11px;
|
||||
width: 25vw;
|
||||
height: 15%;
|
||||
border-radius: 1.1vw;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
#bonusdamage {
|
||||
background-color: #E4F1FE;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
font-size: 4vw;
|
||||
top: 12vw;
|
||||
left: 15vw;
|
||||
-webkit-transform: translate(-50%);
|
||||
padding: 3px 11px;
|
||||
width: 25vw;
|
||||
height: 15%;
|
||||
border-radius: 1.1vw;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
transition: 0.5s;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#level {
|
||||
background-color: #E4F1FE;
|
||||
-webkit-transform: translate(-50%);
|
||||
position: absolute;
|
||||
top: 2vw;
|
||||
left: 15vw;
|
||||
font-size: 4vw;
|
||||
text-align: center;
|
||||
padding: 3px 11px;
|
||||
width: 25vw;
|
||||
height: 6%;
|
||||
border-radius: 1.1vw;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
z-index:3;
|
||||
}
|
||||
|
||||
#bgbar {
|
||||
background-color: #D2D7D3;
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 32vw;
|
||||
width: 30%;
|
||||
font-size: 1vw;
|
||||
text-align: center;
|
||||
height: 3.5%;
|
||||
border-radius: 20px;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
z-index:3;
|
||||
}
|
||||
|
||||
#bar {
|
||||
background-color: #6BB9F0;
|
||||
position: absolute;
|
||||
top: 20%;
|
||||
left: 32vw;
|
||||
width: 0px;
|
||||
font-size:3vw;
|
||||
height: 3.5%;
|
||||
z-index: 4;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
#menu {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top:-4px;
|
||||
width: 1000px;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#newUpgrade {
|
||||
position: fixed;
|
||||
text-align: left;
|
||||
border-radius: 5vw;
|
||||
padding: 3px 5px;
|
||||
box-shadow: 0px 0px 5px #888888;
|
||||
font-size: 3.5vw;
|
||||
background-color: rgba(255, 255, 255, 0.95);
|
||||
top: 20%;
|
||||
left: -20px;
|
||||
width: 0px;
|
||||
z-index:1;
|
||||
overflow-x: hidden;
|
||||
transition: 0.5s;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#gambling {
|
||||
float: left;
|
||||
text-align: left;
|
||||
box-shadow: 0px 0px 5px #888888;
|
||||
font-size: 4vw;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
top:18%;
|
||||
|
||||
left: 6.3%;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
overflow-x: hidden;
|
||||
transition: 0.5s;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#prestige {
|
||||
float: left;
|
||||
text-align: left;
|
||||
box-shadow: 0px 0px 5px #888888;
|
||||
font-size: 4vw;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
top:18%;
|
||||
|
||||
left: 6.3%;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
overflow-x: hidden;
|
||||
transition: 0.5s;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
#prestigeGainDiv {
|
||||
font-size: 2vw;
|
||||
}
|
||||
|
||||
.item1 {
|
||||
float: left;
|
||||
text-align: left;
|
||||
box-shadow: 0px 0px 5px #888888;
|
||||
font-size: 4vw;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
top:18%;
|
||||
|
||||
left: 6.3%;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
overflow-x: hidden;
|
||||
transition: 0.5s;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
.item2 {
|
||||
float: left;
|
||||
text-align: left;
|
||||
box-shadow: 0px 0px 5px #888888;
|
||||
font-size: 4vw;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
top: 18%;
|
||||
|
||||
left: 6.3%;
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
overflow-x: hidden;
|
||||
transition: 0.5s;
|
||||
margin-top:10px;
|
||||
}
|
||||
|
||||
|
||||
.clickButton {
|
||||
padding: 2vw 22vw;
|
||||
font-size: 1.5vw;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
color: #000000;
|
||||
background-color: #ffc32b;
|
||||
border: none;
|
||||
border-radius: 5vw;
|
||||
box-shadow: 0 6px #999;
|
||||
}
|
||||
|
||||
.button {
|
||||
padding: 0.5vw 1vw;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
color: #fff;
|
||||
background-color: #444444;
|
||||
border: none;
|
||||
border-radius: 2vw;
|
||||
box-shadow: 0 6px #999;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background-color: #383838;
|
||||
}
|
||||
|
||||
.button:active {
|
||||
background-color: #333333;
|
||||
box-shadow: 0 3px #666;
|
||||
transform: translateY(2px);
|
||||
}
|
||||
|
||||
#button {
|
||||
background-color: #EB9532;
|
||||
}
|
||||
|
||||
button{
|
||||
margin-top: 10px;
|
||||
padding: 6px 11px;
|
||||
font-size: 2.7vw;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 0.75vw;
|
||||
box-shadow: 0 6px #999;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
-webkit-filter: brightness(90%);
|
||||
-moz-filter: brightness(90%);
|
||||
-filter: brightness(90%);
|
||||
}
|
||||
|
||||
button:active {
|
||||
-webkit-filter: brightness(80%);
|
||||
-moz-filter: brightness(80%);
|
||||
-filter: brightness(80%);
|
||||
box-shadow: 0 3px #666;
|
||||
transform: translateY(2px);
|
||||
}
|
||||
|
||||
@-webkit-keyframes growStart {
|
||||
0% {
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow {
|
||||
0% {
|
||||
-webkit-transform: scale(0.8);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow2Start {
|
||||
0% {
|
||||
-webkit-transform: scale(1.0) translate(0px, 0px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(0.8) translate(-40px, 0px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow2 {
|
||||
0% {
|
||||
-webkit-transform: scale(0.8) translate(-40px, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1.0) translate(0px, 0px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow3Start {
|
||||
0% {
|
||||
-webkit-transform: scale(1.0) translate(0px, 0px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(0.95) translate(0px, 5px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow3 {
|
||||
0% {-webkit-transform: scale(0.95) translate(0px, 5px);}100% {-webkit-transform: scale(1.0) translate(0px, 0px);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes zoomIn {
|
||||
0% {-webkit-transform: scale(0);}100% {-webkit-transform: scale(1.0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes jump {
|
||||
0% {
|
||||
transform: translateX(900px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0px);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadein {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% {
|
||||
-webkit-transform: scale(1) translateY(0px);
|
||||
opacity: 0;
|
||||
}
|
||||
55% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translateY(-30px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
464
nutsim/css/style.css
Normal file
@ -0,0 +1,464 @@
|
||||
body {
|
||||
background-repeat: repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
overflow:hidden;
|
||||
z-index:-3;
|
||||
}
|
||||
|
||||
#container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
line-height: 1.8;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1.1vw;
|
||||
display: absolute;
|
||||
width: 90%;
|
||||
height: 95%;
|
||||
background-color: rgba(255,255,255,0.8);
|
||||
padding: 20px 25px 20px 25px;
|
||||
z-index:-2;
|
||||
}
|
||||
|
||||
main {
|
||||
-webkit-animation: fadein 2s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#nutsim {
|
||||
font-size: 3vw;
|
||||
text-align: center;
|
||||
-webkit-animation: jump 1s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
#time {
|
||||
opacity: 0;
|
||||
font-size: 1vw;
|
||||
position: relative;
|
||||
top: -1vw;
|
||||
text-align: center;
|
||||
-webkit-animation: jump 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
#bottomLeft {
|
||||
line-height: 2;
|
||||
position: absolute;
|
||||
bottom: 4%;
|
||||
}
|
||||
|
||||
#bottomRight {
|
||||
position: fixed;
|
||||
bottom: 20px;
|
||||
right: 35px;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1vw;
|
||||
color: #fff;
|
||||
text-shadow: 2px 2px 10px #000000;
|
||||
}
|
||||
|
||||
#middle{
|
||||
text-align: center;
|
||||
margin-top: 30px;
|
||||
top: 80%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
position: absolute;
|
||||
width: 70%;
|
||||
}
|
||||
|
||||
#middleNutContent {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
}
|
||||
|
||||
#middleNut {
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 13vw;
|
||||
height: 13vw;
|
||||
-webkit-transform: translateZ(0);
|
||||
cursor: pointer;
|
||||
transition: 0.3s;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#middleNut:hover {
|
||||
filter: drop-shadow(0px 0px 15px #ffffff);
|
||||
}
|
||||
|
||||
#middleNutCounter {
|
||||
pointer-events: none;
|
||||
position: relative;
|
||||
bottom: 7vw;
|
||||
text-align:center;
|
||||
font-size: 2vw;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#amountAdded {
|
||||
pointer-events: none;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
top: 0.9vw;
|
||||
left: 17vw;
|
||||
right: 0;
|
||||
bottom: 2vw;
|
||||
font-size: 2vw;
|
||||
-webkit-animation-duration: 0.6s;
|
||||
-webkit-transform: translateZ(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#addedNuts {
|
||||
pointer-events: none;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
bottom: 5vw;
|
||||
right: 10vw;
|
||||
font-family: 'Oswald', sans-serif;
|
||||
font-size: 1.5vw;
|
||||
-webkit-transform: translateZ(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
#xptonextlevel {
|
||||
background-color: #E4F1FE;
|
||||
position: absolute;
|
||||
top: 18%;
|
||||
left: 50.75%;
|
||||
-webkit-transform: translate(-50%);
|
||||
font-size: 1vw;
|
||||
text-align: center;
|
||||
width: 13vw;
|
||||
height: 7.7%;
|
||||
border-radius: 1.1vw;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
#bonusdamage {
|
||||
background-color: #E4F1FE;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
top: 18%;
|
||||
left: 35.5%;
|
||||
-webkit-transform: translate(-50%);
|
||||
font-size: 0.8vw;
|
||||
padding: 3px 11px;
|
||||
width: 10vw;
|
||||
height: 6.5%;
|
||||
border-radius: 1.1vw;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
transition: 0.5s;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#level {
|
||||
background-color: #E4F1FE;
|
||||
position: absolute;
|
||||
top: 16.5%;
|
||||
left: 40%;
|
||||
-webkit-transform: translate(-50%);
|
||||
font-size: 1.6vw;
|
||||
text-align: center;
|
||||
width: 10vw;
|
||||
height: 9.2%;
|
||||
border-radius: 1.1vw;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
z-index:3;
|
||||
}
|
||||
|
||||
#bgbar {
|
||||
background-color: #D2D7D3;
|
||||
position: absolute;
|
||||
top: 22.5%;
|
||||
left: 35vw;
|
||||
width: 30%;
|
||||
font-size: 1vw;
|
||||
text-align: center;
|
||||
height: 3.5%;
|
||||
border-radius: 20px;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
z-index:3;
|
||||
}
|
||||
|
||||
#bar {
|
||||
background-color: #6BB9F0;
|
||||
position: absolute;
|
||||
top: 22.5%;
|
||||
left: 35vw;
|
||||
width: 0px;
|
||||
height: 3.5%;
|
||||
z-index: 4;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
#menu {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
left: 6.5vw;
|
||||
top: 66%;
|
||||
transition: 0.5s;
|
||||
width: 20vw;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
#customImage {
|
||||
width: 0.1px;
|
||||
height: 0.1px;
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#customImage + label {
|
||||
position: absolute;
|
||||
right: 5%;
|
||||
bottom: 3.5%;
|
||||
width: 25px;
|
||||
height: 40px;
|
||||
padding: 5px 15px 5px 15px;
|
||||
background-color: #F64747;
|
||||
border-radius: 0.5vw;
|
||||
cursor: pointer;
|
||||
font-size: 26.5px;
|
||||
font-weight: bold;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: clip;
|
||||
transition: 0.5s;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
#customImage:focus + label,
|
||||
#customImage + label:hover {
|
||||
background-color: #e23131;
|
||||
}
|
||||
|
||||
#gambling {
|
||||
line-height: 1.8;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1.1vw;
|
||||
top: 4.5vw;
|
||||
left: 20vw;
|
||||
padding: 0px 0px 0px 0px;
|
||||
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
background-color: rgba(255,255,255,0.95);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#prestige {
|
||||
float: right;
|
||||
line-height: 1.8;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-size: 1.1vw;
|
||||
top: 4.5vw;
|
||||
right: 20vw;
|
||||
padding: 0px 0px 0px 0px;
|
||||
|
||||
height: 0px;
|
||||
width: 0px;
|
||||
|
||||
z-index: 999;
|
||||
position: absolute;
|
||||
background-color: rgba(255,255,255,0.95);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
transition: 0.5s;
|
||||
}
|
||||
|
||||
#prestigeGainDiv {
|
||||
background-color: #E4F1FE;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
top: 2%;
|
||||
right: 21%;
|
||||
-webkit-transform: translate(-50%);
|
||||
font-size: 0.8vw;
|
||||
padding: 3px 11px;
|
||||
width: 8vw;
|
||||
height: 5vw;
|
||||
border-radius: 1.1vw;
|
||||
box-shadow: 2px 2px 5px #888888;
|
||||
transition: 0.5s;
|
||||
z-index:1;
|
||||
}
|
||||
|
||||
.item1 {
|
||||
float: left;
|
||||
text-align: left;
|
||||
box-shadow: 0px 0px 5px #888888;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
position:fixed;
|
||||
top:3.5%;
|
||||
transition: 0.5s;
|
||||
font-size: 0.9vw;
|
||||
}
|
||||
|
||||
.item2 {
|
||||
text-align: right;
|
||||
box-shadow: 0px 0px 5px #888888;
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
position:fixed;
|
||||
right:5.5%;
|
||||
top:3.5%;
|
||||
transition: 0.5s;
|
||||
font-size: 0.9vw;
|
||||
}
|
||||
|
||||
#button {
|
||||
background-color: #EB9532;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-top: 10px;
|
||||
padding: 0.5vw 1vw;
|
||||
font-size: 0.9vw;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 0.75vw;
|
||||
box-shadow: 0 6px #999;
|
||||
background-color: #444444;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
-webkit-filter: brightness(90%);
|
||||
-moz-filter: brightness(90%);
|
||||
-filter: brightness(90%);
|
||||
}
|
||||
|
||||
button:active {
|
||||
-webkit-filter: brightness(80%);
|
||||
-moz-filter: brightness(80%);
|
||||
-filter: brightness(80%);
|
||||
box-shadow: 0 3px #666;
|
||||
transform: translateY(2px);
|
||||
transition: 0.05s;
|
||||
}
|
||||
|
||||
#redglow:hover {
|
||||
box-shadow: 0px 0px 50px 0.4vw #a30e0e;
|
||||
}
|
||||
|
||||
@-webkit-keyframes growStart {
|
||||
0% {
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow {
|
||||
0% {
|
||||
-webkit-transform: scale(0.8);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow2Start {
|
||||
0% {
|
||||
-webkit-transform: scale(1.0) translate(0px, 0px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(0.8) translate(-1.5vw, 0px);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow2 {
|
||||
0% {
|
||||
-webkit-transform: scale(0.8) translate(-1.5vw, 0px);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1.0) translate(0px, 0px);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow3Start {
|
||||
0% {
|
||||
-webkit-transform: scale(1.0) translate(0px, 0px);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(0.95) translate(0px, 0.3vw);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes grow3 {
|
||||
0% {-webkit-transform: scale(0.95) translate(0px, 0.3vw);}100% {-webkit-transform: scale(1.0) translate(0px, 0px);}
|
||||
}
|
||||
|
||||
@-webkit-keyframes zoomIn {
|
||||
0% {-webkit-transform: scale(0);}100% {-webkit-transform: scale(1.0)}
|
||||
}
|
||||
|
||||
@-webkit-keyframes jump {
|
||||
0% {
|
||||
transform: translateX(900px);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translateX(0px);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadein {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% {
|
||||
-webkit-transform: scale(1) translateY(0px);
|
||||
opacity: 0;
|
||||
}
|
||||
55% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: scale(1) translateY(-2vw);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
BIN
nutsim/images/colours.gif
Normal file
After Width: | Height: | Size: 25 KiB |
BIN
nutsim/images/icon.png
Normal file
After Width: | Height: | Size: 849 KiB |
BIN
nutsim/images/nuts/1.jpg
Normal file
After Width: | Height: | Size: 75 KiB |
BIN
nutsim/images/nuts/10.jpg
Normal file
After Width: | Height: | Size: 71 KiB |
BIN
nutsim/images/nuts/11.jpg
Normal file
After Width: | Height: | Size: 100 KiB |
BIN
nutsim/images/nuts/12.jpg
Normal file
After Width: | Height: | Size: 94 KiB |
BIN
nutsim/images/nuts/13.jpg
Normal file
After Width: | Height: | Size: 101 KiB |
BIN
nutsim/images/nuts/14.jpg
Normal file
After Width: | Height: | Size: 92 KiB |
BIN
nutsim/images/nuts/15.jpg
Normal file
After Width: | Height: | Size: 38 KiB |
BIN
nutsim/images/nuts/16.jpg
Normal file
After Width: | Height: | Size: 99 KiB |
BIN
nutsim/images/nuts/17.jpg
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
nutsim/images/nuts/18.jpg
Normal file
After Width: | Height: | Size: 60 KiB |
BIN
nutsim/images/nuts/19.jpg
Normal file
After Width: | Height: | Size: 69 KiB |
BIN
nutsim/images/nuts/2.jpg
Normal file
After Width: | Height: | Size: 111 KiB |
BIN
nutsim/images/nuts/20.jpg
Normal file
After Width: | Height: | Size: 44 KiB |
BIN
nutsim/images/nuts/21.jpg
Normal file
After Width: | Height: | Size: 58 KiB |
BIN
nutsim/images/nuts/22.jpg
Normal file
After Width: | Height: | Size: 146 KiB |
BIN
nutsim/images/nuts/3.jpg
Normal file
After Width: | Height: | Size: 137 KiB |
BIN
nutsim/images/nuts/4.jpg
Normal file
After Width: | Height: | Size: 219 KiB |
BIN
nutsim/images/nuts/5.jpg
Normal file
After Width: | Height: | Size: 86 KiB |
BIN
nutsim/images/nuts/6.jpg
Normal file
After Width: | Height: | Size: 122 KiB |
BIN
nutsim/images/nuts/7.jpg
Normal file
After Width: | Height: | Size: 94 KiB |
BIN
nutsim/images/nuts/8.jpg
Normal file
After Width: | Height: | Size: 83 KiB |
BIN
nutsim/images/nuts/9.jpg
Normal file
After Width: | Height: | Size: 153 KiB |
BIN
nutsim/images/upload.png
Normal file
After Width: | Height: | Size: 18 KiB |
219
nutsim/index.html
Normal file
@ -0,0 +1,219 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/style.css"/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
|
||||
<link rel="icon" type="image/png" href="images/icon.png">
|
||||
<title>nut simulator</title>
|
||||
<meta name="description" content="grow your nut empire">
|
||||
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
|
||||
<!-- Google Analytics -->
|
||||
<script>
|
||||
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
|
||||
ga('create', 'UA-92834321-1', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
<script async src='https://www.google-analytics.com/analytics.js'></script>
|
||||
<!-- End Google Analytics -->
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<main>
|
||||
<div id="nutsim">
|
||||
nut simulator v1.8
|
||||
</div>
|
||||
<div id="time">
|
||||
played for 0:00:00
|
||||
</div>
|
||||
<input type="file" name="file" id="customImage" style="position:absolute;right:20%;bottom:4%"/>
|
||||
<label for="customImage" onmouseover="uploadHover()" onmouseleave="uploadLeave()" id="uploadLabel"><img src="images/upload.png" id="uploadIcon" style="transition: 0.5s;width:30px;height:30px;left:-2px;padding-right:10px;position:relative;top:2px"><span style="position:relative;top:4%">choose a custom nut image</span></label>
|
||||
<div id="xptonextlevel">
|
||||
<span style="position:relative;top:10%">xp to next level: <span id="xptonextlevelnumber">20</span></span>
|
||||
</div>
|
||||
<div id="level">
|
||||
<span style="position:relative;top:3%">level: <span id="levelnumber">0</span></span>
|
||||
</div>
|
||||
<div id="bonusdamage">
|
||||
<span style="position:relative;top:3%"><span id="multipliernumber">1x</span> bonus <br>nuts/sec</span>
|
||||
</div>
|
||||
<div id="bgbar"></div>
|
||||
<div id="bar" style="text-align:center;overflow-x:visible;white-space:nowrap;transition:0.2s"><span style="position:relative;top:-0.2vw;margin-left:0.5vw">current xp: <span id="xp">0</span></span></div>
|
||||
|
||||
<div class="textContainer">
|
||||
<div class="item1">
|
||||
<div id="things" style="font-size:2.5vw;font-weight:bold;position: relative;bottom: 8px;display:none">things</div>
|
||||
<div class="buyNutKid" style="display:none">Nut Kids: <span id="nutKids">0</span> - <span id="nutKidTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutBoy" style="display:none">Nut Boys: <span id="nutBoys">0</span> - <span id="nutBoyTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutMan" style="display:none">Nut Men: <span id="nutMen">0</span> - <span id="nutManTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutFarm" style="display:none">Nut Farms: <span id="nutFarms">0</span> - <span id="nutFarmTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutFactory" style="display:none">Nut Factories: <span id="nutFactories">0</span> - <span id="nutFactoryTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutBank" style="display:none">Nut Banks: <span id="nutBanks">0</span> - <span id="nutBankTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutEmpire" style="display:none">Nut Empires: <span id="nutEmpires">0</span> - <span id="nutEmpireTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutWorldControl" style="display:none">Nut World Control: <span id="nutWorldControls">0</span> - <span id="nutWorldControlTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutGalacticReign" style="display:none">Galactic Nut Reigns: <span id="nutGalacticReigns">0</span> - <span id="nutGalacticReignTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyDeezNutGuy" style="display:none">Deez Nut Guys: <span id="deezNutGuys">0</span> - <span id="deezNutGuyTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutTimeTravel" style="display:none">Time Travelling Nuts: <span id="nutTimeTravels">0</span> - <span id="nutTimeTravelTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutUniversalDomination" style="display:none">Universal Nut Dominations: <span id="nutUniversalDominations">0</span> - <span id="nutUniversalDominationTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutGod" style="display:none">Nut Gods: <span id="nutGods">0</span> - <span id="nutGodTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutAfterlife" style="display:none">Nut Afterlives: <span id="nutAfterlives">0</span> - <span id="nutAfterlifeTotalDmg">1</span> n/s</div>
|
||||
<div style="display:none">
|
||||
<div class="buyNutBoyBonus" style="display:none">Bigger Nuts: <span id="nutBoyBonuses">0</span></div>
|
||||
|
||||
<div class="buyClick" style="display:none">Powerful Clicks: <span id="clickUpgrades">0</span> - <span id="clickUpgradeDamage">1</span> click bonus</div>
|
||||
|
||||
<div class="buyClick2" style="display:none">Big Boy Clicks: <span id="clickUpgrades2">0</span> - <span id="clickUpgrade2Damage">1</span> click bonus</div>
|
||||
|
||||
<div class="buyAllUpgrade" style="display:none">Nut Masteries: <span id="allUpgrades">0</span></div>
|
||||
|
||||
<div class="buyClick3" style="display:none">Nuclear Clicks: <span id="clickUpgrades3">0</span> - <span id="clickUpgrade3Damage">1</span> click bonus</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="item2">
|
||||
<div id="upgrades" style="font-size:2.5vw;font-weight:bold;position: relative;bottom: 8px;display:none">upgrades</div>
|
||||
<span id="damage" style="display:none">total nuts/sec: <span id="totalDamage">0</span></span>
|
||||
<br>
|
||||
<span id="clickBonusText" style="display:none">nuts/click: <span id="clickDamage">1</span></span>
|
||||
<br>
|
||||
<hr size="1" noshade color=black id="line2" style="display:none">
|
||||
<button onclick="buy('buyNutBoyBonus')" id="button" class="buyNutBoyBonus" style="display:none;font-size:0.8vw"><b>Bigger Nuts</b><br>nut boy nuts/sec x <span id="nutBoyBonusAmount">2</span><br>- <span id="nutBoyBonusCost">100</span> nuts</button>
|
||||
<br>
|
||||
<button onclick="buy('x2Click')" class="buyClick" style="display:none;background-color: #F5AB35;font-size:0.8vw"><b>Powerful Clicking</b><br>click bonus + 15<br>- <span id="clickCost">300</span> nuts</button>
|
||||
<br>
|
||||
<button onclick="buy('clickUpgrade2')" class="buyClick2" style="display:none;background-color: #87D37C;font-size:0.8vw"><b>Big Boy Clicks</b><br>click bonus + 50<br>- <span id="clickCost2">5000</span> nuts</button>
|
||||
<br>
|
||||
<button onclick="buy('allUpgrade')" class="buyAllUpgrade" style="display:none;background-color: #26A65B;font-size:0.8vw"><b>Nut Mastery</b><br>all except click x 2<br>- <span id="allUpgradeCost">100000</span> nuts</button>
|
||||
<br>
|
||||
<button onclick="buy('clickUpgrade3')" class="buyClick3" style="display:none;background-color: #03C9A9;font-size:0.8vw"><b>Nuclear Clicks</b><br>click bonus x 2<br>- <span id="clickCost3">300000</span> nuts</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--the big nut-->
|
||||
<div onmousedown="return false"><!--disable dragging-->
|
||||
<img src="images/icon.png" onmousedown="clickAnimation();clickOnButton()" onmouseup="releaseAnimation();pressed=false" onmouseleave="releaseAnimation();pressed=false" id="middleNut">
|
||||
<div id="middleNutContent">
|
||||
<div id="middleNutCounter">Nuts: <span id="nuts">0</span> <span style="position:relative;bottom:5px;align:left;font-size:1vw" id="damageAdded">+ 0/sec</span></div>
|
||||
<div id="amountAdded"></div>
|
||||
<div id="addedNuts">addedNuts</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="middle">
|
||||
<!--<button onclick="clickOnButton()" class="clickButton" id="middleNut">click</button>-->
|
||||
<button onclick="buy('nutKid')" class="buyNutKid" style="display:none;background-color: #EB9532"><b>Nut Kid</b><br>(+<span id="nutKidDamage">0.1</span> nuts/sec)<br>- <span id="nutKidCost">15</span> nuts</button>
|
||||
<button onclick="buy('nutBoy')" class="buyNutBoy" style="display:none;background-color: #F39C12"><b>Nut Boy</b><br>(+<span id="nutBoyBonusTotal">1</span> nuts/sec)<br>- <span id="nutBoyCost">50</span> nuts</button>
|
||||
<button onclick="buy('nutMan')" class="buyNutMan" style="display:none;background-color: #87D37C"><b>Nut Man</b><br>(+<span id="nutManDamage"> </span> nuts/sec)<br>- <span id="nutManCost">1000</span> nuts</button>
|
||||
<button onclick="buy('nutFarm')" class="buyNutFarm" style="display:none;background-color: #26A65B"><b>Nut Farm</b><br>(+<span id="nutFarmDamage"> </span> nuts/sec)<br>- <span id="nutFarmCost">13000</span> nuts</button>
|
||||
<button onclick="buy('nutFactory')" class="buyNutFactory" style="display:none;background-color: #03C9A9"><b>Nut Factory</b><br>(+<span id="nutFactoryDamage"> </span> nuts/sec)<br>- <span id="nutFactoryCost">150000</span> nuts</button>
|
||||
<button onclick="buy('nutBank')" class="buyNutBank" style="display:none;background-color: #5C97BF"><b>Nut Bank</b><br>(+<span id="nutBankDamage"> </span> nuts/sec)<br>- <span id="nutBankCost">1400000</span> nuts</button>
|
||||
<button onclick="buy('nutEmpire')" class="buyNutEmpire" style="display:none;background-color: #1F3A93"><b>Nut Empire</b><br>(+<span id="nutEmpireDamage"> </span> nuts/sec)<br>- <span id="nutEmpireCost">20000000</span> nuts</button>
|
||||
<button onclick="buy('nutWorldControl')" class="buyNutWorldControl" style="display:none;background-color: #9B59B6"><b>World Nut Control</b><br>(+<span id="nutWorldControlDamage"> </span> nuts/sec)<br>- <span id="nutWorldControlCost">330000000</span> nuts</button>
|
||||
<button onclick="buy('nutGalacticReign')" class="buyNutGalacticReign" style="display:none;background-color: #F62459"><b>Galactic Nut Reign</b><br>(+<span id="nutGalacticReignDamage"> </span> nuts/sec)<br>- <span id="nutGalacticReignCost">5100000000</span> nuts</button>
|
||||
<button onclick="buy('deezNutGuy')" class="buyDeezNutGuy" style="display:none;background-color: #F22613"><b>Deez Nut Guy</b><br>(+<span id="deezNutGuyDamage"> </span> nuts/sec)<br>- <span id="deezNutGuyCost">75000000000</span> nuts</button>
|
||||
<button onclick="buy('nutTimeTravel')" class="buyNutTimeTravel" style="display:none;background-color: #96281B"><b>Time Travelling Nuts</b><br>(+<span id="nutTimeTravelDamage"> </span> nuts/sec)<br>- <span id="nutTimeTravelCost">1000000000000</span> nuts</button>
|
||||
<button onclick="buy('nutUniversalDomination')" class="buyNutUniversalDomination" style="display:none;background-color: #72231a"><b>Universal Nut Domination</b><br>(+<span id="nutUniversalDominationDamage"> </span> nuts/sec)<br>- <span id="nutUniversalDominationCost">40000000000000</span> nuts</button>
|
||||
<button onclick="buy('nutGod')" class="buyNutGod" style="display:none;background-color: #2d0e0b"><b>Nut God</b><br>(+<span id="nutGodDamage"> </span> nuts/sec)<br>- <span id="nutGodCost">170000000000000</span> nuts</button>
|
||||
<button onclick="buy('nutAfterlife')" id="redglow" class="buyNutAfterlife" style="display:none;background-image:url('images/colours.gif');-webkit-backface-visibility: hidden;"><b>Nut Afterlife</b><br>(+<span id="nutAfterlifeDamage"> </span> nuts/sec)<br>- <span id="nutAfterlifeCost">2000000000000000</span> nuts</button>
|
||||
</div>
|
||||
|
||||
<div id="bottomLeft">
|
||||
<button onclick="toggleMusic()" style="background-color:#7c7c7c;color:white">Toggle Music</button>
|
||||
<br>
|
||||
<button onclick="toggleAudio()" style="background-color:#606060;color:white">Toggle Audio</button>
|
||||
<br>
|
||||
<button onclick="showMenu()" class="button">show menu</button>
|
||||
<span id="menu">
|
||||
<button onclick="Save()" class="button" id="menuButton">save</button>
|
||||
<button onclick="DeleteSave()" class="button" id="menuButton2">delete save</button>
|
||||
<button onclick="Load()" class="button" id="menuButton3">load save</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div id="bottomRight" align="right">
|
||||
<span id="saved"></span>
|
||||
</div>
|
||||
<button onclick="ShowGambling()" id="gamblingButton" style="display:none;position:absolute;top:1.2vw;left:20vw;background-color:#D35400">gambling</button>
|
||||
<div id="gambling">
|
||||
<div style="font-size:2.5vw;font-weight:bold;position:relative;bottom:8px;text-align:center">nut gambling</div>
|
||||
exact nuts: <span id="nutsGamble" style="pointer-events:auto">0</span>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
25% chance to get 3x
|
||||
<br>
|
||||
<button onclick="Gamble(1)" style="position:relative;top:-0.5vw;width:100%;background-color:#bababa">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
12% chance to get 6x
|
||||
<br>
|
||||
<button onclick="Gamble(2)" style="position:relative;top:-0.5vw;width:100%;background-color:#a3a3a3">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
6% chance to get 12x
|
||||
<br>
|
||||
<button onclick="Gamble(3)" style="position:relative;top:-0.5vw;width:100%;background-color:#777777">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
3% chance to get 24x
|
||||
<br>
|
||||
<button onclick="Gamble(4)" style="position:relative;top:-0.5vw;width:100%;background-color:#595959">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
1% chance to get 50x
|
||||
<br>
|
||||
<button onclick="Gamble(5)" style="position:relative;top:-0.5vw;width:100%;background-color:#262626">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
scissors paper rock for 2.5x nuts
|
||||
<br>
|
||||
<button onclick="ScissorsPaperRock('scissors')" style="position:relative;top:-0.5vw;width:32.3%;background-color:#7f8c8d">scissors</button>
|
||||
<button onclick="ScissorsPaperRock('paper')" style="position:relative;top:-0.5vw;width:32.3%;background-color:#95a5a6">paper</button>
|
||||
<button onclick="ScissorsPaperRock('rock')" style="position:relative;top:-0.5vw;width:32.3%;background-color:#2c3e50">rock</button>
|
||||
<br>
|
||||
</div>
|
||||
<button onclick="ShowPrestige()" id="prestigeButton" style="display:none;position:absolute;top:1.2vw;right:20vw;background-color:#2C3E50">prestige</button>
|
||||
<div id="prestige">
|
||||
<div style="font-size:2.5vw;font-weight:bold;position:relative;bottom:8px;text-align:center">prestige</div>
|
||||
current level: <span id="prestigeLevel">0</span>
|
||||
<br>
|
||||
current total nuts/sec: <span id="prestigeDamage">0</span>
|
||||
<br>
|
||||
prestige to gain a permanent <span id="prestigeGain">0</span>x nuts/sec increase
|
||||
<br>
|
||||
|
||||
<button onclick="Prestige()">prestige</button>
|
||||
</div>
|
||||
|
||||
<div id="prestigeGainDiv" style="display:none">
|
||||
<span style="position:relative;top:3%"><span id="prestigeGainText"></span> x bonus nuts/sec from prestige</span>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
<script type="text/javascript">
|
||||
var url = window.location.pathname;
|
||||
var page = url.substring(url.lastIndexOf('/') + 1);
|
||||
if(page != "index.html"){
|
||||
window.location.href = "index.html";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
1949
nutsim/js/main.js
Normal file
213
nutsim/mobile.html
Normal file
@ -0,0 +1,213 @@
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" type="text/css" href="css/mobilestyle.css"/>
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
|
||||
<link rel="icon" type="image/png" href="images/icon.png">
|
||||
<title>nut simulator</title>
|
||||
<meta name="description" content="grow your nut empire">
|
||||
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport'/>
|
||||
<!-- Google Analytics -->
|
||||
<script>
|
||||
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
|
||||
ga('create', 'UA-92834321-1', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
<script async src='https://www.google-analytics.com/analytics.js'></script>
|
||||
<!-- End Google Analytics -->
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<main>
|
||||
<div id="nutsim">
|
||||
nut simulator v1.8
|
||||
</div>
|
||||
<div id="time">
|
||||
played for 0:00:00
|
||||
</div>
|
||||
|
||||
<button onclick="ShowLevel()" class="button" style="position:absolute;top:12%;left:75%;z-index:999;padding:1.5vw 2.5vw">level</button>
|
||||
<div id="leveldivmobile">
|
||||
<div id="xptonextlevel">
|
||||
<span style="position:relative;top:10%">xp to next level: <span id="xptonextlevelnumber">20</span></span>
|
||||
</div>
|
||||
<div id="level">
|
||||
<span style="position:relative;top:3%">level: <span id="levelnumber">0</span></span>
|
||||
</div>
|
||||
<div id="bonusdamage">
|
||||
<span style="position:relative;top:3%"><span id="multipliernumber">1x</span> bonus <br>nuts/sec</span>
|
||||
</div>
|
||||
<div id="bgbar"></div>
|
||||
<div id="bar" style="text-align:center;overflow-x:visible;white-space:nowrap"><span style="position:relative;top:-0.2vw;margin-left:0.5vw">current xp: <span id="xp">0</span></span></div>
|
||||
</div>
|
||||
|
||||
<span id="middleNutCounter">Nuts: <span id="nuts">0</span> <span style="position:relative;bottom:2px;font-size:3vw" id="damageAdded">+ 0/sec</span></span>
|
||||
<button onclick="toggleMusic()" style="position:absolute;top:0.5%;right:6px;background-color:#7c7c7c;color:white;padding:5px 5px">Toggle Music</button>
|
||||
<button onclick="toggleAudio()" style="position:absolute;top:5%;right:6px;background-color:#606060;color:white;padding:5px 5px">Toggle Audio</button>
|
||||
<div class="textContainer">
|
||||
<button onclick="showAllBuildings()" class="button" style="position:absolute;top:12%;left:6%;z-index:999;padding:1.5vw 2.5vw">things</button>
|
||||
<div class="item1">
|
||||
<div style="font-size:6vw;font-weight:bold;position: relative;bottom: 8px">things</div>
|
||||
<div class="buyNutKid" style="display:none">Nut Kids: <span id="nutKids">0</span> - <span id="nutKidTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutBoy" style="display:none">Nut Boys: <span id="nutBoys">0</span> - <span id="nutBoyTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutMan" style="display:none">Nut Men: <span id="nutMen">0</span> - <span id="nutManTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutFarm" style="display:none">Nut Farms: <span id="nutFarms">0</span> - <span id="nutFarmTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutFactory" style="display:none">Nut Factories: <span id="nutFactories">0</span> - <span id="nutFactoryTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutBank" style="display:none">Nut Banks: <span id="nutBanks">0</span> - <span id="nutBankTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutEmpire" style="display:none">Nut Empires: <span id="nutEmpires">0</span> - <span id="nutEmpireTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutWorldControl" style="display:none">Nut World Control: <span id="nutWorldControls">0</span> - <span id="nutWorldControlTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutGalacticReign" style="display:none">Galactic Nut Reigns: <span id="nutGalacticReigns">0</span> - <span id="nutGalacticReignTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyDeezNutGuy" style="display:none">Deez Nut Guys: <span id="deezNutGuys">0</span> - <span id="deezNutGuyTotalDmg">1</span> n/s</div>
|
||||
<div class="buyNutTimeTravel" style="display:none">Time Travelling Nuts: <span id="nutTimeTravels">0</span> - <span id="nutTimeTravelTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutUniversalDomination" style="display:none">Universal Nut Dominations: <span id="nutUniversalDominations">0</span> - <span id="nutUniversalDominationTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutGod" style="display:none">Nut Gods: <span id="nutGods">0</span> - <span id="nutGodTotalDmg">1</span> n/s</div>
|
||||
|
||||
<div class="buyNutAfterlife" style="display:none">Nut Afterlives: <span id="nutAfterlives">0</span> - <span id="nutAfterlifeTotalDmg">1</span> n/s</div>
|
||||
<hr size="1" noshade color=black id="line">
|
||||
<div class="buyNutBoyBonus" style="display:none">Bigger Nuts: <span id="nutBoyBonuses">0</span></div>
|
||||
|
||||
<div class="buyClick" style="display:none">Powerful Clicks: <span id="clickUpgrades">0</span> - <span id="clickUpgradeDamage">1</span> click bonus</div>
|
||||
|
||||
<div class="buyClick2" style="display:none">Big Boy Clicks: <span id="clickUpgrades2">0</span> - <span id="clickUpgrade2Damage">1</span> click bonus</div>
|
||||
|
||||
<div class="buyAllUpgrade" style="display:none">Nut Masteries: <span id="allUpgrades">0</span></div>
|
||||
|
||||
<div class="buyClick3" style="display:none">Nuclear Clicks: <span id="clickUpgrades3">0</span> - <span id="clickUpgrade3Damage">1</span> click bonus</div>
|
||||
</div>
|
||||
|
||||
<button onclick="showAllUpgrades()" class="button" style="position:absolute;top:12%;left:21%;z-index:999;padding:1.5vw 2.5vw">upgrades</button>
|
||||
<div class="item2">
|
||||
<div style="font-size:6vw;font-weight:bold;position: relative;bottom: 8px">upgrades</div>
|
||||
total nuts/sec: <span id="totalDamage">0</span>
|
||||
<br>
|
||||
nuts/click: <span id="clickDamage">1</span>
|
||||
<br>
|
||||
<hr size="2" noshade color=black>
|
||||
<button onclick="buy('buyNutBoyBonus')" id="button" class="buyNutBoyBonus" style="display:none"><b>Bigger Nuts</b><br>nut boy nuts/sec x <span id="nutBoyBonusAmount">2</span><br>- <span id="nutBoyBonusCost">100</span> nuts</button>
|
||||
<br>
|
||||
<button onclick="buy('x2Click')" class="buyClick" style="display:none;background-color: #F5AB35"><b>Powerful Clicking</b><br>click bonus + 15<br>- <span id="clickCost">300</span> nuts</button>
|
||||
<br>
|
||||
<button onclick="buy('clickUpgrade2')" class="buyClick2" style="display:none;background-color: #87D37C"><b>Big Boy Clicks</b><br>click bonus + 50<br>- <span id="clickCost2">5000</span> nuts</button>
|
||||
<br>
|
||||
<button onclick="buy('allUpgrade')" class="buyAllUpgrade" style="display:none;background-color: #26A65B"><b>Nut Mastery</b><br>all except click x 2<br>- <span id="allUpgradeCost">100000</span> nuts</button>
|
||||
<br>
|
||||
<button onclick="buy('clickUpgrade3')" class="buyClick3" style="display:none;background-color: #03C9A9"><b>Nuclear Clicks</b><br>click bonus x 2<br>- <span id="clickCost3">300000</span> nuts</button>
|
||||
</div>
|
||||
<div id="newUpgrade"> new upgrade available</div>
|
||||
</div>
|
||||
|
||||
<!--the big nut-->
|
||||
<div onmousedown="return false"><!--disable dragging-->
|
||||
<img src="images/icon.png" onmousedown="clickAnimation();clickOnButton()" onmouseup="releaseAnimation();pressed = false" onmouseleave="releaseAnimation();pressed=false" id="middleNut">
|
||||
<div id="amountAdded"></div>
|
||||
<div id="addedNuts">addedNuts</div>
|
||||
</div>
|
||||
|
||||
<div id="middle">
|
||||
<!--<button onclick="clickOnButton()" class="clickButton" id="middleNut">click</button>-->
|
||||
<button onclick="buy('nutKid')" class="buyNutKid" style="display:none;background-color: #EB9532"><b>Nut Kid</b><br>(+<span id="nutKidDamage"> </span> nuts/sec)<br>- <span id="nutKidCost">15</span> nuts</button>
|
||||
<button onclick="buy('nutBoy')" class="buyNutBoy" style="display:none;background-color: #F39C12"><b>Nut Boy</b><br>(+<span id="nutBoyBonusTotal">1</span> nuts/sec)<br>- <span id="nutBoyCost">50</span> nuts</button>
|
||||
<button onclick="buy('nutMan')" class="buyNutMan" style="display:none;background-color: #87D37C"><b>Nut Man</b><br>(+<span id="nutManDamage"> </span> nuts/sec)<br>- <span id="nutManCost">1000</span> nuts</button>
|
||||
<button onclick="buy('nutFarm')" class="buyNutFarm" style="display:none;background-color: #26A65B"><b>Nut Farm</b><br>(+<span id="nutFarmDamage"> </span> nuts/sec)<br>- <span id="nutFarmCost">13000</span> nuts</button>
|
||||
<button onclick="buy('nutFactory')" class="buyNutFactory" style="display:none;background-color: #03C9A9"><b>Nut Factory</b><br>(+<span id="nutFactoryDamage"> </span> nuts/sec)<br>- <span id="nutFactoryCost">150000</span> nuts</button>
|
||||
<button onclick="buy('nutBank')" class="buyNutBank" style="display:none;background-color: #5C97BF"><b>Nut Bank</b><br>(+<span id="nutBankDamage"> </span> nuts/sec)<br>- <span id="nutBankCost">1400000</span> nuts</button>
|
||||
<button onclick="buy('nutEmpire')" class="buyNutEmpire" style="display:none;background-color: #1F3A93"><b>Nut Empire</b><br>(+<span id="nutEmpireDamage"> </span> nuts/sec)<br>- <span id="nutEmpireCost">20000000</span> nuts</button>
|
||||
<button onclick="buy('nutWorldControl')" class="buyNutWorldControl" style="display:none;background-color: #9B59B6"><b>World Nut Control</b><br>(+<span id="nutWorldControlDamage"> </span> nuts/sec)<br>- <span id="nutWorldControlCost">330000000</span> nuts</button>
|
||||
<button onclick="buy('nutGalacticReign')" class="buyNutGalacticReign" style="display:none;background-color: #F62459"><b>Galactic Nut Reign</b><br>(+<span id="nutGalacticReignDamage"> </span> nuts/sec)<br>- <span id="nutGalacticReignCost">5100000000</span> nuts</button>
|
||||
<button onclick="buy('deezNutGuy')" class="buyDeezNutGuy" style="display:none;background-color: #F22613"><b>Deez Nut Guy</b><br>(+<span id="deezNutGuyDamage"> </span> nuts/sec)<br>- <span id="deezNutGuyCost">7500000000</span> nuts</button>
|
||||
<button onclick="buy('nutTimeTravel')" class="buyNutTimeTravel" style="display:none;background-color: #96281B"><b>Time Travelling Nuts</b><br>(+<span id="nutTimeTravelDamage"> </span> nuts/sec)<br>- <span id="nutTimeTravelCost">1000000000000</span> nuts</button>
|
||||
<button onclick="buy('nutUniversalDomination')" class="buyNutUniversalDomination" style="display:none;background-color: #72231a"><b>Universal Nut Domination</b><br>(+<span id="nutUniversalDominationDamage"> </span> nuts/sec)<br>- <span id="nutUniversalDominationCost">40000000000000</span> nuts</button>
|
||||
<button onclick="buy('nutGod')" class="buyNutGod" style="display:none;background-color: #2d0e0b"><b>Nut God</b><br>(+<span id="nutGodDamage"> </span> nuts/sec)<br>- <span id="nutGodCost">170000000000000</span> nuts</button>
|
||||
<button onclick="buy('nutAfterlife')" id="redglow" class="buyNutAfterlife" style="display:none;background-image:url('images/colours.gif');-webkit-backface-visibility: hidden;"><b>Nut Afterlife</b><br>(+<span id="nutAfterlifeDamage"> </span> nuts/sec)<br>- <span id="nutAfterlifeCost">2000000000000000</span> nuts</button>
|
||||
</div>
|
||||
|
||||
<div id="bottomLeft">
|
||||
<button onclick="showMenu()" class="button" style="padding:1px 5px">show menu</button>
|
||||
<span id="menu" style="left:85px">
|
||||
<button onclick="Save()" class="button" id="menuButton">save</button>
|
||||
<button onclick="DeleteSave()" class="button" id="menuButton2">delete save</button>
|
||||
<button onclick="Load()" class="button" id="menuButton3">load save</button>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div id="bottomRight" align="right">
|
||||
<span id="saved"></span>
|
||||
</div>
|
||||
|
||||
<button id="gamblingButton" onclick="ShowGambling()" class="button" style="display:none;position:absolute;top:12%;left:40.5%;z-index:999;padding:1.5vw 2.5vw;background-color:#D35400">gamble</button>
|
||||
<div id="gambling">
|
||||
<div style="font-size:6vw;font-weight:bold;position:relative;bottom:8px;text-align:center">nut gambling</div>
|
||||
exact nuts: <span id="nutsGamble" style="pointer-events:auto">0</span>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
25% chance to get 3x
|
||||
<br>
|
||||
<button onclick="Gamble(1)" style="position:relative;top:-0.5vw;width:100%;background-color:#bababa">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
12% chance to get 6x
|
||||
<br>
|
||||
<button onclick="Gamble(2)" style="position:relative;top:-0.5vw;width:100%;background-color:#a3a3a3">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
6% chance to get 12x
|
||||
<br>
|
||||
<button onclick="Gamble(3)" style="position:relative;top:-0.5vw;width:100%;background-color:#777777">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
3% chance to get 24x
|
||||
<br>
|
||||
<button onclick="Gamble(4)" style="position:relative;top:-0.5vw;width:100%;background-color:#595959">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
1% chance to get 50x
|
||||
<br>
|
||||
<button onclick="Gamble(5)" style="position:relative;top:-0.5vw;width:100%;background-color:#262626">gamble</button>
|
||||
<br>
|
||||
|
||||
<hr size="1" noshade color=black>
|
||||
scissors paper rock for 2.5x nuts
|
||||
<br>
|
||||
<button onclick="ScissorsPaperRock('scissors')" style="position:relative;top:-0.5vw;width:32.3%;background-color:#95A5A6">scissors</button>
|
||||
<button onclick="ScissorsPaperRock('paper')" style="position:relative;top:-0.5vw;width:32.3%;background-color:#BFBFBF">paper</button>
|
||||
<button onclick="ScissorsPaperRock('rock')" style="position:relative;top:-0.5vw;width:32.3%;background-color:#6C7A89">rock</button>
|
||||
<br>
|
||||
</div>
|
||||
|
||||
<button onclick="ShowPrestige()" id="prestigeButton" class="button" style="display:none;position:absolute;top:12%;left:57.5%;z-index:999;padding:1.5vw 2.5vw">prestige</button>
|
||||
<div id="prestige">
|
||||
<div style="font-size:6vw;font-weight:bold;position:relative;bottom:8px;text-align:center">prestige</div>
|
||||
current level: <span id="prestigeLevel">0</span>
|
||||
<br>
|
||||
current total nuts/sec: <span id="prestigeDamage">0</span>
|
||||
<br>
|
||||
prestige to gain a permanent <span id="prestigeGain">0</span>x nuts/sec increase
|
||||
<br>
|
||||
|
||||
<button class="button" onclick="Prestige()" style="width:100%;height:7vw">prestige</button>
|
||||
</div>
|
||||
|
||||
<div id="prestigeGainDiv">
|
||||
<span style="position:relative;top:3%"><span id="prestigeGainText"></span> x bonus nuts/sec from prestige</span>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
BIN
pokemon/logo.jpg
Normal file
After Width: | Height: | Size: 15 KiB |
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<style>
|
||||
body, html {
|
||||
margin: 0;
|
||||
|
@ -5,6 +5,7 @@
|
||||
|
||||
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
|
||||
|
@ -1,5 +1,6 @@
|
||||
<html>
|
||||
<head>
|
||||
<script src="/js/all.js"></script>
|
||||
<link rel="stylesheet" href="css/game.css">
|
||||
</head>
|
||||
<body>
|
||||
|