Version 39

This commit is contained in:
2023-09-07 18:58:48 +02:00
parent e12b27e11a
commit 81677f83c0
13 changed files with 708 additions and 273 deletions

26
add.txt
View File

@@ -2,20 +2,20 @@ click.offline.make
max 5 hour
name gen com.cost cost
1 dog = 1 clicks/s = 100 | 100 clicks
1 cat = 12 c/s = 1 000 | 10 dogs
1 fox = 18 c/s = 1 500 | 15 dogs
1 wolf = 100 c/s = 8 100 | 5 foxes + 6 dogs
1 hamster = 130 c/s = 10 100 | 1 wolf + 2 cats
1 whale = 220 c/s = 16 200 | 2 wolfs
1 cappibara = 280 c/s = 20 200 | 1 whale + 4 cats
1 platapus = 400 c/s = 28 300 | 1 cappy + 1 wolf
1 porcupine = 650 c/s = 44 500 | 1 pussy + 1 whale (Dikobraz)
1 hippo = 950 c/s = 64 700 | 1 porcupine + 2 hamters
1 snake = 1 000 c/s = 72 800 | 2 whales + 4 hamsters
1 dog = 1 clicks/s = 100 | 100 clicks
1 cat = 12 c/s = 1 000 | 10 dogs
1 fox = 18 c/s = 1 500 | 15 dogs
1 wolf = 100 c/s = 8 100 | 5 foxes + 6 dogs
1 hamster = 130 c/s = 10 100 | 1 wolf + 2 cats
1 whale = 220 c/s = 16 200 | 2 wolfs
1 cappibara = 280 c/s = 20 200 | 1 whale + 4 cats
1 platapus = 400 c/s = 28 300 | 1 cappy + 1 wolf
1 porcupine = 650 c/s = 44 500 | 1 pussy + 1 whale (Dikobraz)
1 hippo = 950 c/s = 64 700 | 1 porcupine + 2 hamsters
1 snake = 1 000 c/s = 72 800 | 2 whales + 4 hamsters
1 cheetah = 3 000 c/s = 202 200 | 2 snakes + 2 pussy
1 python =
1 girrafe = 1 000 000 c/s
1 python = 7 800 c/s = 525 700 | 1 cheetah + 5 hippo
1 girrafe = 8 400 c/s = 555 700 | 1 python + 20 foxes
1 otter
1 meerkat
1 raccoon

View File

@@ -1,3 +1,22 @@
v39
Added: Pythons + Giraffes
New Nav. bar for Shop
New Navigation bar for BRB
Setting in the nav bar (mostly in BRB)
Removed: From BRB:
Go to Shop btn
Flag for lang
Reset
Help
From Shop:
Go to BRB
Go to Shop
Fixed: Clicks number in Shop
Note: please add Dark mode and into Wall. eng
v38
Added: Snakes + Cheetas
new UI design for Shop Goer buttons and click displayer

View File

@@ -1,9 +1,10 @@
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
body {
font-size: 15pt;
user-select: none;
padding: 0;
margin: 0;
background-color: #fff;
box-sizing: border-box;
}
#LANGMISS{
position: absolute;
@@ -18,23 +19,7 @@ body {
width: 100%;
height: 200px;
background: radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#fff 70%);
}
#shop{
position: absolute;
width: 100%;
top: 20%;
text-align: center;
color: #000000;
text-decoration: underline;
transform: translateY(-50%);
}
#cool{
position: absolute;
top: 98px;
left: 0%;
width: 100%;
height: 25%;
/*background: radial-gradient(#9aff9a,#fff);*/
font-size: 15pt;
}
#logclick{
position: absolute;
@@ -43,6 +28,7 @@ body {
left: 50%;
text-align: center;
transform: translate(-50%,0);
font-size: 15pt;
}
#disclick{
position: absolute;
@@ -72,41 +58,93 @@ body {
border-radius: 150px;
}
/* Other BTNS */
.reset{
position: absolute;
user-select: none;
width: 69px;
height: 50px;
bottom: 5px;
right: 5px;
background-color: #f00;
color: #fff;
}
.help{
position: absolute;
user-select: none;
width: 69px;
height: 50px;
bottom: 60px;
right: 5px;
background-color: darkgoldenrod;
color: #fff;
}
.Yt{
position: absolute;
bottom: 0px;
margin: 0.5rem;
left: 0;
}
.flag{
.menu-container{
position: absolute;
user-select: none;
width: 69px;
height: 50px;
border-radius: 1rem;
bottom: 50px;
left: 0%;
margin: 0.5rem;
color: #000;
filter: drop-shadow(10px 8px 6px #333);
top: 30px;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Poppins';
}
.button{
position: relative;
background: #1b1b1b;
color: #fff;
font-size: 20px;
padding: 8px 20px;
width: 150px;/* 100% */
line-height: 30px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 25px;
cursor: pointer;
transition: width .4s;
}
.button.expand{
width: 100%;
}
.fas.expand:before{
content: '\f00d';
}
ul{
list-style: none;
position: absolute;
top: 65px;
display: block;
background: #1b1b1b;
width: 100%;
text-align: center;
border-radius: 5px;
display: none;
box-shadow: 0 3px 6px rgba(0,0,0,.3);
padding-inline-start: 0px;
}
ul:before{
position: absolute;
content: '';
width: 20px;
height: 20px;
background: #1b1b1b;
top: -10px;
right: 15px;
transform: rotate(45deg);
z-index: -1;
}
ul li{
line-height: 35px;
padding: 8px 20px;
cursor: pointer;
border-bottom: 1px solid rgba(255,255,255,.1);
}
ul li:hover:first-child{
border-radius: 5px 5px 0 0;
}
ul li:hover:last-child{
border-radius: 0 0 5px 5px;
}
ul li:hover{
box-shadow: inset 0 0 5px #33ff33,
inset 0 0 10px #66ff66;
}
ul li:last-child{
border-bottom: none;
}
ul li a{
color: #fff;
font-size: 18px;
text-decoration: none;
}
ul li:hover a{
color: #44dd44;
}

View File

@@ -13,7 +13,22 @@ body {
}
/* Clisks */
.joe{
position: fixed;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
height: 200px;
width: 100%;
margin: 0;
top: 0;
border-radius: 0 0 90px 90px;
background: linear-gradient(#11ABFF, #ccccccab);
}
#logclick{
position: relative;
background-color: papayawhip;
display: flex;
align-items: center;
@@ -25,6 +40,7 @@ body {
border-radius: 1rem;
z-index: 69;
width: auto;
top: 30px;
height: 85px;
filter: drop-shadow(10px 8px 6px #333);
}
@@ -40,28 +56,6 @@ body {
pointer-events: none
}
#links{
position: relative;
width: 100%;
margin: 1rem auto;
padding: 10px;
display: flex;
justify-content: space-around;
}
.link{
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: var(--color);
min-width: 200px;
height: 50px;
margin: 1rem auto;
border: 3.69px none #333333;
filter: drop-shadow(10px 8px 6px #333);
border-radius: 69px;
}
.backtop{
height: 230px;
max-width: auto;
@@ -148,17 +142,6 @@ main{
flex-direction: row;
justify-content: center;
}
/*@media only screen and (max-width: 1100px){
.row .item{
display: flex;
flex-direction: column;
justify-content: center;
left: 50%;
transform: translateXyy(-50%);
}
}*/
button{
border: none;
filter: drop-shadow(8px 6px 4px #555);
@@ -176,4 +159,90 @@ button{
width: auto;
margin: 2rem 10vw 2rem 10vw;
}
}
.menu-container{
position: fixed;
top: 50px;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Poppins';
z-index: 500;
}
.button{
position: relative;
background: #1b1b1b;
color: #fff;
font-size: 20px;
padding: 8px 20px;
width: 150px;/* 100% */
line-height: 30px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 25px;
cursor: pointer;
transition: width .4s;
}
.button.expand{
width: 100%;
}
.fas.expand:before{
content: '\f00d';
}
ul{
list-style: none;
position: absolute;
top: 65px;
display: block;
background: #1b1b1b;
width: 100%;
text-align: center;
border-radius: 5px;
display: none;
box-shadow: 0 3px 6px rgba(0,0,0,.3);
padding-inline-start: 0px;
}
ul:before{
position: absolute;
content: '';
width: 20px;
height: 20px;
background: #1b1b1b;
top: -10px;
right: 15px;
transform: rotate(45deg);
z-index: -1;
}
ul li{
line-height: 35px;
padding: 8px 20px;
cursor: pointer;
border-bottom: 1px solid rgba(255,255,255,.1);
}
ul li:hover:first-child{
border-radius: 5px 5px 0 0;
}
ul li:hover:last-child{
border-radius: 0 0 5px 5px;
}
ul li:hover{
box-shadow: inset 0 0 5px #33ff33,
inset 0 0 10px #66ff66;
}
ul li:last-child{
border-bottom: none;
}
ul li a{
color: #fff;
font-size: 18px;
text-decoration: none;
}
ul li:hover a{
color: #44dd44;
}

104
img/girafe.svg Normal file
View File

@@ -0,0 +1,104 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.5, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 168 281.5" style="enable-background:new 0 0 168 281.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:#8DC63F;}
.st1{fill:#F5873C;}
.st2{fill:#F89E69;}
.st3{fill:#FED883;}
.st4{fill:#FFF79C;}
.st5{fill:#F9AA5F;}
.st6{clip-path:url(#SVGID_2_);}
.st7{fill:#F6883B;}
.st8{fill:#F4883B;}
.st9{fill:#F5883B;}
.st10{fill:#FFF79A;}
.st11{fill:#8DC53E;}
.st12{fill:none;stroke:#F8A95D;stroke-width:2;stroke-linecap:square;stroke-miterlimit:3;}
.st13{fill:#F5873B;}
.st14{fill:#0D3241;}
.st15{clip-path:url(#SVGID_4_);}
</style>
<path class="st0" d="M17.5,260.1h138.6c6.6,0,11.9,4.8,11.9,10.7l0,0c0,5.9-5.4,10.7-11.9,10.7H17.5c-6.6,0-11.9-4.8-11.9-10.7l0,0
C5.5,264.9,10.9,260.1,17.5,260.1z"/>
<path class="st1" d="M151.3,171.8h-2.5c-1,0-1.7,0.8-1.7,1.7v76.1c0,1,0.8,1.7,1.7,1.7h2.5c1,0,1.7-0.8,1.7-1.7v-76.1
C153,172.5,152.2,171.8,151.3,171.8z"/>
<rect x="52" y="202.5" class="st2" width="18" height="70"/>
<path class="st2" d="M39.3,272.5c0.3-7.2,6.2-13,13.5-13c7.3,0,13.2,5.8,13.5,13H39.3z"/>
<rect x="108.2" y="202.5" class="st2" width="18" height="70"/>
<path class="st2" d="M94.7,272.5c0.3-7.2,6.2-13,13.5-13s13.2,5.8,13.5,13H94.7z"/>
<rect x="66.5" y="206.5" class="st3" width="18" height="66"/>
<path class="st4" d="M53,272.5c0.3-6.9,6.2-12.4,13.5-12.4c7.3,0,13.2,5.5,13.5,12.4H53z"/>
<rect x="120.5" y="206.5" class="st3" width="18" height="66"/>
<path class="st4" d="M107,272.5c0.3-6.9,6.2-12.4,13.5-12.4c7.3,0,13.2,5.5,13.5,12.4H107z"/>
<path class="st5" d="M41,80.5L41,80.5c4,0,7.3,3.6,7.3,8v86c0,4.4-3.3,8-7.3,8l0,0c-4,0-7.3-3.6-7.3-8v-86
C33.6,84.1,36.9,80.5,41,80.5z"/>
<g>
<defs>
<path id="SVGID_1_" d="M41,80.5L41,80.5c4,0,7.3,3.6,7.3,8v86c0,4.4-3.3,8-7.3,8l0,0c-4,0-7.3-3.6-7.3-8v-86
C33.6,84.1,36.9,80.5,41,80.5z"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
<g class="st6">
<path class="st7" d="M40.2,118.5c0-5,3.3-9,7.4-9c4.1,0,7.4,4,7.4,9s-3.3,9-7.4,9C43.5,127.5,40.2,123.5,40.2,118.5z"/>
<path class="st7" d="M28.2,145c0-4.1,3.4-7.5,7.6-7.5c4.2,0,7.6,3.4,7.6,7.5s-3.4,7.5-7.6,7.5C31.6,152.5,28.2,149.2,28.2,145z"/>
</g>
</g>
<rect x="42.8" y="5.4" class="st8" width="2.9" height="17.9"/>
<rect x="29.9" y="5.9" class="st9" width="2.8" height="17.9"/>
<path class="st5" d="M2.2,11.6L2.2,11.6C5.7,7.7,12.3,8,16.9,12.2l17,15.6c4.6,4.2,5.4,10.8,1.9,14.6l0,0
c-3.5,3.9-10.1,3.6-14.7-0.6l-17-15.6C-0.5,22-1.4,15.5,2.2,11.6z"/>
<path class="st10" d="M6.5,15.6L6.5,15.6c1.9-2,5.7-1.6,8.6,1.1L29.6,30c2.9,2.6,3.7,6.4,1.8,8.4l0,0c-1.9,2-5.7,1.6-8.6-1.1
L8.4,24.1C5.5,21.4,4.7,17.6,6.5,15.6z"/>
<path class="st5" d="M77.4,10.9L77.4,10.9c3.6,3.8,3,10.3-1.5,14.7l-16.6,16c-4.5,4.3-11.1,4.8-14.7,1l0,0c-3.6-3.8-3-10.3,1.5-14.7
l16.6-16C67.2,7.6,73.8,7.2,77.4,10.9z"/>
<path class="st10" d="M73.2,15L73.2,15c1.9,2,1.2,5.8-1.6,8.5L57.4,37.2c-2.8,2.7-6.6,3.3-8.5,1.3l0,0c-1.9-2-1.2-5.8,1.6-8.5
l14.2-13.7C67.4,13.6,71.3,13.1,73.2,15z"/>
<path class="st5" d="M37.5,19.3h1c10.2,0,18.5,8.3,18.5,18.5V62c0,10.2-8.3,18.5-18.5,18.5h-1C27.3,80.5,19,72.2,19,62V37.8
C19,27.5,27.3,19.3,37.5,19.3z"/>
<path class="st8" d="M27,4.4C27,2,28.9,0,31.3,0c2.4,0,4.3,2,4.3,4.4s-1.9,4.4-4.3,4.4C28.9,8.9,27,6.9,27,4.4z"/>
<path class="st8" d="M40,4.4C40,2,41.9,0,44.3,0c2.4,0,4.3,2,4.3,4.4s-1.9,4.4-4.3,4.4C41.9,8.9,40,6.9,40,4.4z"/>
<path class="st3" d="M14,74c0-14.6,11.7-26.5,26-26.5c14.3,0,26,11.9,26,26.5s-11.7,26.5-26,26.5C25.7,100.5,14,88.6,14,74z"/>
<path class="st11" d="M48.8,84.9c0.1,0.1,0.2,0.2,0.3,0.3l5.5,6.6c0.6,0.8,0.5,1.9-0.2,2.5l0,0c-0.8,0.6-1.9,0.5-2.5-0.2l-4.8-5.7
L48.8,84.9z"/>
<path class="st11" d="M47.6,88.6c0.1,0.1,0.1,0.2,0.2,0.3l2.7,5.5c0.3,0.6,0.1,1.4-0.5,1.8l0,0c-0.6,0.4-1.3,0.1-1.6-0.5L46,90.9
L47.6,88.6z"/>
<path vector-effect="non-scaling-stroke" class="st12" d="M49.2,82.5c-0.1,5.5-4.6,10-10.1,10c-5.5,0-10-4.5-10.1-10"/>
<path class="st13" d="M25.8,62.5c0-2.8,1.6-5,3.5-5s3.5,2.2,3.5,5c0,2.8-1.6,5-3.5,5S25.8,65.3,25.8,62.5z"/>
<path class="st13" d="M46,62.5c0-2.8,1.6-5,3.5-5c1.9,0,3.5,2.2,3.5,5c0,2.8-1.6,5-3.5,5C47.6,67.5,46,65.3,46,62.5z"/>
<path class="st14" d="M29.3,31.8L29.3,31.8c1.5,0,2.7,1.2,2.7,2.7V37c0,1.5-1.2,2.7-2.7,2.7l0,0c-1.5,0-2.7-1.2-2.7-2.7v-2.5
C26.7,33,27.9,31.8,29.3,31.8z"/>
<path class="st14" d="M45.6,31.8L45.6,31.8c1.5,0,2.7,1.2,2.7,2.8v2.4c0,1.5-1.2,2.8-2.7,2.8l0,0c-1.5,0-2.7-1.2-2.7-2.8v-2.4
C42.8,33,44,31.8,45.6,31.8z"/>
<path class="st5" d="M65.2,145.5h59c17.9,0,32.5,14.6,32.5,32.5l0,0c0,17.9-14.6,32.5-32.5,32.5h-59c-17.9,0-32.5-14.6-32.5-32.5
l0,0C32.7,160.1,47.3,145.5,65.2,145.5z"/>
<g>
<defs>
<path id="SVGID_3_" d="M65.2,145.5h59c17.9,0,32.5,14.6,32.5,32.5l0,0c0,17.9-14.6,32.5-32.5,32.5h-59
c-17.9,0-32.5-14.6-32.5-32.5l0,0C32.7,160.1,47.3,145.5,65.2,145.5z"/>
</defs>
<clipPath id="SVGID_4_">
<use xlink:href="#SVGID_3_" style="overflow:visible;"/>
</clipPath>
<g class="st15">
<path class="st7" d="M57,150c0-4.1,3.1-7.5,6.9-7.5c3.8,0,6.9,3.4,6.9,7.5s-3.1,7.5-6.9,7.5C60.1,157.5,57,154.2,57,150z"/>
<path class="st7" d="M133,151.8c0-6.2,5.3-11.3,11.8-11.3c6.5,0,11.8,5,11.8,11.3s-5.3,11.3-11.8,11.3
C138.3,163,133,158,133,151.8z"/>
</g>
</g>
<path class="st7" d="M66,193.5c0-5,4.2-9,9.4-9s9.4,4,9.4,9s-4.2,9-9.4,9S66,198.5,66,193.5z"/>
<path class="st7" d="M89,165c0-7.2,6-13,13.5-13c7.4,0,13.5,5.8,13.5,13s-6.1,13-13.5,13C95.1,178,89,172.2,89,165z"/>
<path class="st7" d="M136,173c0-2.8,2.5-5,5.5-5c3,0,5.5,2.2,5.5,5s-2.5,5-5.5,5C138.5,178,136,175.8,136,173z"/>
<path class="st7" d="M53,171.8c0-5.9,5-10.8,11.2-10.8c6.2,0,11.2,4.8,11.2,10.8s-5,10.8-11.2,10.8C58,182.5,53,177.7,53,171.8z"/>
<path class="st0" d="M13.9,223.8L13.9,223.8c1.9,0,3.4,1.5,3.4,3.4v40.2c0,1.9-1.5,3.4-3.4,3.4l0,0c-1.9,0-3.4-1.5-3.4-3.4v-40.2
C10.5,225.3,12.1,223.8,13.9,223.8z"/>
<path class="st0" d="M25.2,202.5L25.2,202.5c2.4,0,4.4,2,4.4,4.4v55.1c0,2.4-2,4.4-4.4,4.4l0,0c-2.4,0-4.4-2-4.4-4.4v-55.1
C20.8,204.5,22.8,202.5,25.2,202.5z"/>
<path class="st0" d="M159.9,215.5L159.9,215.5c1.7,0,3.1,1.4,3.1,3.1v44.2c0,1.7-1.4,3.1-3.1,3.1l0,0c-1.7,0-3.1-1.4-3.1-3.1v-44.2
C156.7,216.9,158.1,215.5,159.9,215.5z"/>
<path class="st0" d="M39.1,232.5L39.1,232.5c1,0,1.8,0.8,1.8,1.8v25c0,1-0.8,1.8-1.8,1.8l0,0c-1,0-1.8-0.8-1.8-1.8v-25
C37.4,233.3,38.1,232.5,39.1,232.5z"/>
</svg>

After

Width:  |  Height:  |  Size: 6.4 KiB

1
img/python.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><defs><style>.cls-2{fill:#6dd627}.cls-3{fill:#9ceb60}.cls-4{fill:none;stroke:#45413c;stroke-linecap:round;stroke-linejoin:round}</style></defs><g><ellipse cx="24" cy="45.43" rx="18.82" ry="1.57" opacity=".15" fill="#45413c"/><path class="cls-2" d="M27.81 9.31c-1.13-4.42-5.53-6.59-10-6-3.29.46-6.64 2.39-8 5a.86.86 0 0 0 .44 1.17l4.69 2.08a.43.43 0 0 1 0 .8l-3.73 1.44a.86.86 0 0 0-.42 1.28c1.86 2.81 5.88 4.4 8.91 4.45-2.95 4.9-7.23 10.29-6 14.86 1.86 7.3 8-2 8-2-1.7-6.28 8.12-15.25 6.11-23.08z"/><path class="cls-3" d="M10.25 9.55l.42.19A11.67 11.67 0 0 1 17.77 6c4.51-.63 8.91 1.54 10 6a7.62 7.62 0 0 1 .18.93 9.42 9.42 0 0 0-.18-3.59c-1.13-4.42-5.53-6.59-10-6-3.29.46-6.64 2.39-8 5a.86.86 0 0 0 .48 1.21z"/><path class="cls-4" d="M27.81 9.31c-1.13-4.42-5.53-6.59-10-6-3.29.46-6.64 2.39-8 5a.86.86 0 0 0 .44 1.17l4.69 2.08a.43.43 0 0 1 0 .8l-3.73 1.44a.86.86 0 0 0-.42 1.28c1.86 2.81 5.88 4.4 8.91 4.45-2.95 4.9-7.23 10.29-6 14.86 1.86 7.3 8-2 8-2-1.7-6.28 8.12-15.25 6.11-23.08z"/><path class="cls-2" d="M20.52 42.54s5.74 4.3 14.93 2.41 8.26-8.68 8.26-8.68-5 6.51-14.34 3.47c-5.48-1.74-8.85 2.8-8.85 2.8z"/><path class="cls-2" d="M20.52 42.54s5.74 4.3 14.93 2.41 8.26-8.68 8.26-8.68-5 6.51-14.34 3.47c-5.48-1.74-8.85 2.8-8.85 2.8z"/><path d="M35 45a10.27 10.27 0 0 0 2.48-4.92 14.07 14.07 0 0 1-8.14-.37c-5.48-1.78-8.85 2.8-8.85 2.8S26.09 46.69 35 45z" fill="#46b000"/><path class="cls-4" d="M20.52 42.54s5.74 4.3 14.93 2.41 8.26-8.68 8.26-8.68-5 6.51-14.34 3.47c-5.48-1.74-8.85 2.8-8.85 2.8z"/><path class="cls-2" d="M21.33 29.32a22.66 22.66 0 0 1 10.21-2.18 3.48 3.48 0 1 1 0 7 24.28 24.28 0 0 0-10.42 2.18 22.22 22.22 0 0 1-9.56 2.17 3.48 3.48 0 1 1 0-6.95 22.43 22.43 0 0 0 9.77-2.22z"/><path class="cls-3" d="M11.56 33.9h.16a22.32 22.32 0 0 0 9.61-2.17A22.41 22.41 0 0 1 31 29.55h.59a3.47 3.47 0 0 1 3.25 2.27 3.41 3.41 0 0 0 .23-1.2 3.48 3.48 0 0 0-3.48-3.48H31a22.41 22.41 0 0 0-9.62 2.18 22.32 22.32 0 0 1-9.61 2.17h-.16a3.44 3.44 0 0 0-3.25 4.68 3.48 3.48 0 0 1 3.2-2.27z"/><path class="cls-4" d="M31.54 34.09h-.39a24.12 24.12 0 0 0-10 2.18l-.43.19a22.13 22.13 0 0 1-9.13 2A3.48 3.48 0 0 1 8.08 35a3.47 3.47 0 0 1 3.48-3.47h.16a22.32 22.32 0 0 0 9.61-2.17A22.41 22.41 0 0 1 31 27.14h.59A3.48 3.48 0 0 1 35 30.62a3.47 3.47 0 0 1-3.46 3.47z"/><path class="cls-2" d="M9.63 45c-2.3 0-4.15-1.55-4.15-3.47S7.33 38 9.63 38a31.11 31.11 0 0 0 11.66-2.17 31.84 31.84 0 0 1 12.19-2.17c2.29 0 4.15 1.56 4.15 3.47s-1.86 3.48-4.15 3.48A33.92 33.92 0 0 0 21 42.78 30.73 30.73 0 0 1 9.63 45z"/><path class="cls-3" d="M9.63 40.61h.19a31 31 0 0 0 11.47-2.17 31.11 31.11 0 0 1 11.48-2.17h.71a4.21 4.21 0 0 1 3.84 2.17 3 3 0 0 0 .3-1.31c0-1.91-1.85-3.47-4.14-3.47h-.71a31.11 31.11 0 0 0-11.48 2.17A31 31 0 0 1 9.82 38h-.19c-2.3 0-4.15 1.56-4.15 3.48a2.89 2.89 0 0 0 .31 1.3 4.2 4.2 0 0 1 3.84-2.17z"/><path class="cls-4" d="M33.48 40.61H33a33.8 33.8 0 0 0-12 2.17l-.51.2A30.72 30.72 0 0 1 9.63 45c-2.3 0-4.15-1.55-4.15-3.47 0-1.97 1.85-3.53 4.15-3.53h.19a31 31 0 0 0 11.47-2.17 31.11 31.11 0 0 1 11.48-2.17h.71c2.29 0 4.15 1.56 4.15 3.47 0 1.92-1.86 3.48-4.15 3.48z"/><path d="M25.58 13.2c0 .55-.71 1-1.58 1s-1.58-.45-1.58-1 .71-1 1.58-1 1.58.45 1.58 1z" fill="#c8ffa1"/><circle cx="19.81" cy="9.01" r="1.3" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" fill="#45413c"/><path class="cls-4" d="M14.09 12.75a8.45 8.45 0 0 0-7.47.41"/><path class="cls-4" d="M6.62 10.98l1.83 1.38"/></g></svg>

After

Width:  |  Height:  |  Size: 3.4 KiB

View File

@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/21ea186610.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<title>BRB - Clicking</title>
<!-- By MrEidam && Standa Chlup -->
@@ -19,7 +20,7 @@
<button id="LANGMISS">You didn't have the language changer activated<br />Now you do<br /><br /><br />Please reload with "F5"</button>
<!-- Shop -->
<div id="tycoon">
<a href="shop.html" id="shop"><p>Click me to get to the Shop!</p></a>
<!--<a href="shop.html" id="shop"><p></p></a>-->
</div>
<!-- Clicks -->
@@ -29,31 +30,49 @@
<!-- BRB -->
<div id="button" onclick="clicking()">
<img src = "./img/brb-still.png" id="unpressed" draggable="false">
<img src = "./img/brb-pressed.png" id="pressed" draggable="false">
</div>
<img src="./img/brb-still.png" id="unpressed" draggable="false">
<img src="./img/brb-pressed.png" id="pressed" draggable="false">
</div>
<section class="btns">
<button class="reset" id="del" onclick="reset()"><!-- RESET -->
RESET
</button>
<button class="help" id="sos" onclick="help()"><!-- Tutorial -->
HELP
</button>
</section>
<!-- Language -->
<img id="flag" class="flag" onclick="language()"> Error with da flag
<div class="menu-container">
<div class="button">Menu
<span class="fas fa-bars"></span>
</div>
<ul>
<li><a href="shop.html" id="shop">Shop</a></li>
<li><a href="upgrade.html" id="upg">Upgrades</a></li>
<li onclick="reset()"><a id="del">RESET</a></li>
<li onclick="help()"><a id="sos">???</a></li>
<li style="display: none;" onclick="LDmodes()"><a id="modes">Dark Mode</a></li>
<li onclick="language()"><a id="langs">Change Language into Czech</a></li>
</ul>
</div>
<script>
$(document).ready(function(){
$('.button').click(function(){
if($(this).hasClass('expand')){
$('ul').slideUp(function(){
$('.button').removeClass('expand');
$('.fas').removeClass('expand');
})
}else{
$(this).addClass('expand');
setTimeout(function(){
$('.fas').addClass('expand');
$('ul').stop().slideDown();
},200);
}
})
})
</script>
<!-- YouTube -->
<div class="Yt" style="position:absolute;width:110px;height:40px;overflow:hidden;background:linear-gradient(#d44,#722);border:none;border-radius:1rem;filter:drop-shadow(10px 8px 6px #333);">
<img style="position:absolute;width:100%;height:100%;" src="./img/YT.png" title="Můj YT kanál">
<a style="position:absolute;width:100%;height:100%;" href="https://www.youtube.com/@mreidam" title="Můj YouTube kanál" target="_blank"></a>
</div>
<div class="Yt" style="position:absolute;width:110px;height:40px;overflow:hidden;background:linear-gradient(#d44,#722);border:none;border-radius:1rem;filter:drop-shadow(10px 8px 6px #333);">
<img style="position:absolute;width:100%;height:100%;" src="./img/YT.png" title="Můj YT kanál">
<a style="position:absolute;width:100%;height:100%;" href="https://www.youtube.com/@mreidam" title="Můj YouTube kanál" target="_blank"></a>
</div>
<!-- Project -->
<script src="main.js"></script>
<script src="./js/main.js"></script>
</body>
</html>

View File

@@ -59,7 +59,9 @@ window.onload = function(){
load();
update();
for(let item in items){
if(!items.item) items.item = 0;
if(!items.item){
items.item = 0;
}
}
cash();
checklang()
@@ -68,96 +70,88 @@ window.onload = function(){
// Reset
function reset(){
if(items.lang == 1){
if(confirm('Do you really want to reset everything?')){
if(confirm('Are you sure?')){
alert('Everything Reseted');
items = {
clicks:0,
dogs:0,
cats:0,
foxes:0,
wolfs:0,
hamsters:0,
whales:0,
capybaras:0,
platapuses:0,
porcupines:0,
hippos:0,
snakes:0,
cheetahs:0,
pythons:0,
girrafes:0,
lions:0,
otters:0,
meerkat:0,
raccoon:0,
owl:0,
badger:0,
squirrel:0,
chameleon:0,
chicken:0,
wombat:0,
panther:0,
coyote:0,
frog:0,
bear:0,
pig:0,
if((items.lang == 1) && confirm('Do you really want to reset everything?') && confirm('Are you sure?')){
alert('Everything Reseted');
items = {
clicks:0,
dogs:0,
cats:0,
foxes:0,
wolfs:0,
hamsters:0,
whales:0,
capybaras:0,
platapuses:0,
porcupines:0,
hippos:0,
snakes:0,
cheetahs:0,
pythons:0,
girrafes:0,
lions:0,
otters:0,
meerkat:0,
raccoon:0,
owl:0,
badger:0,
squirrel:0,
chameleon:0,
chicken:0,
wombat:0,
panther:0,
coyote:0,
frog:0,
bear:0,
pig:0,
lemons:0,
lt3:0,
lang:items.lang,
pres:1,
}
}
lemons:0,
lt3:0,
lang:items.lang,
pres:items.pres,
}
}
if(items.lang == 0){
if(confirm('Vážně chceš všechno resetovat?')){
if(confirm('Seš si jistý?')){
alert('Vše resetováno');
items = {
clicks:0,
dogs:0,
cats:0,
foxes:0,
wolfs:0,
hamsters:0,
whales:0,
capybaras:0,
platapuses:0,
porcupines:0,
hippos:0,
snakes:0,
cheetahs:0,
pythons:0,
girrafes:0,
lions:0,
otters:0,
meerkat:0,
raccoon:0,
owl:0,
badger:0,
squirrel:0,
chameleon:0,
chicken:0,
wombat:0,
panther:0,
coyote:0,
frog:0,
bear:0,
pig:0,
if((items.lang == 0) && confirm('Vážně chceš všechno resetovat?') && confirm('Seš si jistý?')){
alert('Vše resetováno');
items = {
clicks:0,
dogs:0,
cats:0,
foxes:0,
wolfs:0,
hamsters:0,
whales:0,
capybaras:0,
platapuses:0,
porcupines:0,
hippos:0,
snakes:0,
cheetahs:0,
pythons:0,
girrafes:0,
lions:0,
otters:0,
meerkat:0,
raccoon:0,
owl:0,
badger:0,
squirrel:0,
chameleon:0,
chicken:0,
wombat:0,
panther:0,
coyote:0,
frog:0,
bear:0,
pig:0,
lemons:0,
lt3:0,
lang:items.lang,
pres:1,
}
}
lemons:0,
lt3:0,
lang:items.lang,
pres:items.pres,
}
}
}
@@ -168,11 +162,9 @@ function update(){
localStorage.setItem('items', i);
if(items.lang == 1){
document.getElementById('disclick').innerHTML=`You've got ${fornum(items.clicks)} clicks, and generating ${fornum(cs)} c/s!`
flag.src = './img/fg-cz.png'
}
if(items.lang == 0){
document.getElementById('disclick').innerHTML=`Právě máš ${fornum(items.clicks)} kliků a generuješ ${fornum(cs)} k/s!`
flag.src = './img/fg-uk.png'
}
checklang();
}
@@ -197,7 +189,7 @@ function clicking(){
function cash(){
setTimeout (function money(){
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950 + items.snakes*1000 + items.cheetahs*3000;
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950 + items.snakes*1000 + items.cheetahs*3000 + items.pythons*7800 + items.girrafes*8400;
items.clicks += cs;
update();cash();
},1000)
@@ -207,15 +199,15 @@ function cash(){
function help(){
e++
if(e==1){
alert('Click the button to earn clicks!');
alert('Click on me for more...');
alert(`Click the button to earn clicks!
Click on me for more...`);
}
if(e==2){
alert('After 100 clicks, click the link above to take you to the shop!');
alert('Click on me for more. .');
alert(`After 100 clicks, click the link above to take you to the shop!
Click on me for more. .`);
}
if(e==3){
alert('In the shop click on the buy dog button to buy a dog');
alert(`In the shop click on the buy dog button to buy a dog`);
e=0;
}
}
@@ -223,30 +215,46 @@ function language(){
if(items.lang == 0){ /* CZ */
items.lang = 1;
console.log(items.lang);
del.innerHTML = 'RESET'
sos.innerHTML = 'POMOC'
shop.innerHTML = 'Klikni na mě aby ses dostal do Obchodu!'
document.documentElement.setAttribute('lang', 'cz');
del.innerHTML = 'Reset';
sos.innerHTML = 'Pomoc';
shop.innerHTML = 'Obchod';
upg.innerHTML = 'Vylepšení';
modes.innerHTML = 'Změn do Temného módu';
langs.innerHTML = 'Switch into English';
}else if(items.lang == 1){ /* UK */
items.lang = 0;
console.log(items.lang);
del.innerHTML = 'RESET'
sos.innerHTML = 'HELP'
shop.innerHTML = 'Click me to get to the Shop!'
document.documentElement.setAttribute('lang', 'en');
del.innerHTML = 'Reset';
sos.innerHTML = 'Help';
shop.innerHTML = 'Shop';
upg.innerHTML = 'Upgrades';
modes.innerHTML = 'Switch into Dark Mode';
langs.innerHTML = 'Změň si jazyk do Češtiny';
}
}
function checklang(){
if(items.lang == 0){ /* CZ */
del.innerHTML = 'RESET'
sos.innerHTML = 'POMOC'
shop.innerHTML = 'Klikni na mě aby ses dostal do Obchodu!'
document.documentElement.setAttribute('lang', 'cz');
del.innerHTML = 'RESET';
sos.innerHTML = 'POMOC';
shop.innerHTML = 'Obchod';
upg.innerHTML = 'Vylepšení';
modes.innerHTML = 'Změn do Temného módu';
langs.innerHTML = 'Switch into English';
}else if(items.lang == 1){ /* UK */
del.innerHTML = 'RESET'
sos.innerHTML = 'HELP'
shop.innerHTML = 'Click me to get to the Shop!'
document.documentElement.setAttribute('lang', 'en');
del.innerHTML = 'RESET';
sos.innerHTML = 'HELP';
shop.innerHTML = 'Shop';
upg.innerHTML = 'Upgrades';
modes.innerHTML = 'Switch into Dark Mode';
langs.innerHTML = 'Změň si jazyk do Češtiny';
}
}

View File

@@ -1,28 +1,10 @@
let cs
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
let = document.getElementById('')
// Update
function update(){
let i = JSON.stringify(items);
localStorage.setItem('items', i);
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950 + items.snakes*1000 + items.cheetahs*3000;
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950 + items.snakes*1000 + items.cheetahs*3000 + items.pythons*7800 + items.girrafes*8400;
}
function c(x){
items.clicks += x;
@@ -33,10 +15,11 @@ function c(x){
// Load
function load(){
items = JSON.parse(localStorage.getItem('items'));
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950;
cs = items.dogs + items.cats*12 + items.foxes*18 + items.wolfs*100 + items.hamsters*130 + items.whales*220 + items.capybaras*280 + items.platapuses*400 + items.porcupines*650 + items.hippos*950 + items.snakes*1000 + items.cheetahs*3000 + items.pythons*7800 + items.girrafes*8400;
if(items.lang == 1){
disclick.innerHTML=`You've got ${fornum(items.clicks)} clicks, and making ${fornum(cs)} c/s!`
document.documentElement.setAttribute('lang', 'en');
disclick.innerHTML=`You've got ${fornum(items.clicks)} clicks, and making ${fornum(cs)} each second!`
disdog.innerHTML=`You've got ${fornum(items.dogs)} dogs!`
discat.innerHTML=`You've got ${fornum(items.cats)} cats!`
disfox.innerHTML=`You've got ${fornum(items.foxes)} foxes!`
@@ -49,6 +32,8 @@ function load(){
diship.innerHTML=`You've got ${fornum(items.hippos)} hippopotamuses!`
dissna.innerHTML=`You've got ${fornum(items.snakes)} snakes!`
dische.innerHTML=`You've got ${fornum(items.cheetahs)} cheetahs!`
dispyt.innerHTML=`You've got ${fornum(items.pythons)} pythons!`
disgir.innerHTML=`You've got ${fornum(items.girrafes)} giraffes!`
@@ -69,9 +54,9 @@ function load(){
dishimake.innerHTML=`They're generating ${fornum(items.hippos*950)} clicks per second!`
dissnmake.innerHTML=`They're generating ${fornum(items.snakes*1000)} clicks per second!`
dischmake.innerHTML=`They're generating ${fornum(items.cheetahs*3000)} clicks per second!`
dispymake.innerHTML=`They're generating ${fornum(items.pythons*7800)} clicks per second!`
disgimake.innerHTML=`They're generating ${fornum(items.girrafes*8400)} clicks per second!`
brb.innerHTML = 'Go to BRB!'
upg.innerHTML = 'Go to Upgrades!'
dg1.innerHTML = 'Buy a Dog for 100 clicks'
ct1.innerHTML = 'Buy a Cat for 10 dogs'
fx1.innerHTML = 'Buy a Fox for 15 dogs'
@@ -84,6 +69,8 @@ function load(){
hi1.innerHTML = 'Buy a Hippopotamus for <br /> 1 porcupine and 2 hamsters'
sn1.innerHTML = 'Buy a Snake for <br /> 2 whales and 4 hamsters'
ch1.innerHTML = 'Buy a Cheetah for <br /> 2 snakes and 2 platypuses'
py1.innerHTML = 'Buy a Python for <br /> 1 cheetah and 5 hippos'
gi1.innerHTML = 'Buy a Giraffe for <br /> 1 python and 20 foxes'
lm1.innerHTML = 'Buy a Lemon for <b style="font-weight: 1000;">some</b> cats'
lt1.innerHTML = 'Buy a Lemon Tree for 5 lemons'
@@ -100,9 +87,12 @@ function load(){
Chi1.innerHTML = 'Buy a Hippopotamus for <br /> 100 k clicks'
Csn1.innerHTML = 'Buy a Snake for <br /> 150 k clicks'
Cch1.innerHTML = 'Buy a Cheetah for <br /> 350 k clicks'
Cpy1.innerHTML = 'Buy a Python for <br /> 820 k clicks'
Cgi1.innerHTML = 'Buy a Giraffe for <br /> 880 k clicks'
}
if(items.lang == 0){
document.getElementById('disclick').innerHTML=`Právě máš ${fornum(items.clicks)} kliků a děláš ${fornum(cs)} k/s!`
document.documentElement.setAttribute('lang', 'cz');
document.getElementById('disclick').innerHTML=`Právě máš ${fornum(items.clicks)} kliků a děláš ${fornum(cs)} každou sekundu!`
document.getElementById('disdog').innerHTML=`Právě máš ${fornum(items.dogs)} psů!`
document.getElementById('discat').innerHTML=`Právě máš ${fornum(items.cats)} koček!`
document.getElementById('disfox').innerHTML=`Právě máš ${fornum(items.foxes)} lišek!`
@@ -115,6 +105,8 @@ function load(){
document.getElementById('diship').innerHTML=`Právě máš ${fornum(items.hippos)} hrochů!`
document.getElementById('dissna').innerHTML=`Právě máš ${fornum(items.snakes)} hadů!`
document.getElementById('dische').innerHTML=`Právě máš ${fornum(items.cheetahs)} gepardů!`
document.getElementById('dispyt').innerHTML=`Právě máš ${fornum(items.pythons)} kober!`
document.getElementById('disgir').innerHTML=`Právě máš ${fornum(items.girrafes)} gepardů!`
@@ -135,10 +127,9 @@ function load(){
document.getElementById('dishimake').innerHTML=`Generují ${fornum(items.hippos*950)} kliků za sekundu!`
document.getElementById('dissnmake').innerHTML=`Generují ${fornum(items.snakes*1000)} kliků za sekundu!`
document.getElementById('dischmake').innerHTML=`Generují ${fornum(items.cheetahs*3000)} kliků za sekundu!`
document.getElementById('dispymake').innerHTML=`Generují ${fornum(items.pythons*7800)} kliků za sekundu!`
document.getElementById('disgimake').innerHTML=`Generují ${fornum(items.girrafes*8400)} kliků za sekundu!`
brb.innerHTML = 'B.R.B.'
upg.innerHTML = 'Vylepšení'
dg1.innerHTML = 'Kup Psa za 100 kliků'
ct1.innerHTML = 'Kup Kočku za 10 psů'
fx1.innerHTML = 'Kup Lišku za 15 psů'
@@ -151,6 +142,8 @@ function load(){
hi1.innerHTML = 'Kup Hrocha za <br /> 1 dikobraza a 2 křečků'
sn1.innerHTML = 'Kup Hada za <br /> 2 velryby a 4 křečky'
ch1.innerHTML = 'Kup Geparda za <br /> 2 hady a 2 ptakopysky'
py1.innerHTML = 'Kup Kobru za <br /> 1 geparda a 5 hrochů'
gi1.innerHTML = 'Kup Žirafu za <br /> 1 kobru a 20 lišek'
lm1.innerHTML = 'Kup Citrón za <b style="font-weight: 1000;">pár</b> koček'
lt1.innerHTML = 'Kup Citrónovník za 5 citrónů'
@@ -167,6 +160,8 @@ function load(){
Chi1.innerHTML = 'Kup Hrocha za <br /> 100 k kliků'
Csn1.innerHTML = 'Kup Hada za <br /> 150 k kliků'
Cch1.innerHTML = 'Kup Geparda za <br /> 350 k kliků'
Cpy1.innerHTML = 'Kup Kobru za <br /> 820 k kliků'
Cgi1.innerHTML = 'Kup Žirafu za <br /> 880 k kliků'
}
}
load();
@@ -178,7 +173,7 @@ function cash(){
setTimeout (function money(){
items.clicks += cs;
upload();
cash();click()
cash();click();
},1000)
}
cash();
@@ -286,6 +281,23 @@ function buyche(){
}
upload();
}
function buypyt(){
if(items.cheetahs>=1 && items.hippos>=5){
items.cheetahs-=1;
items.hippos-=5;
items.pythons++;
}
upload();
}
function buygir(){
if(items.pythons>=1 && items.foxes>=20){
items.pythons-=1;
items.foxes-=20;
items.girrafes++;
}
upload();
}
@@ -505,6 +517,41 @@ function mxch(){
}
upload();
}
function mxpy(){
one = Math.floor(items.cheetahs/1);
two = Math.floor(items.hippos/5);
if(one<=two){
items.cheetahs -= one*1;
items.hippos -= one*5;
items.pythons += one;
}else if(one>=two){
items.cheetahs -= two*1;
items.hippos -= two*5;
items.pythons += two;
}else{
console.log('You fucked up you stupid bitch')
}
upload();
}
function mxgi(){
one = Math.floor(items.pythons/1);
two = Math.floor(items.foxes/20);
if(one<=two){
items.pythons -= one*1;
items.foxes -= one*20;
items.girrafes += one;
}else if(one>=two){
items.pythons -= two*1;
items.foxes -= two*20;
items.girrafes += two;
}else{
console.log('You fucked up you stupid bitch')
}
upload();
}
@@ -682,3 +729,67 @@ function mxChi(){
upload();
}
// Snuk
function buyCsna(){
if(items.clicks >= 150000){
items.snakes++;
items.clicks -= 150000;
upload();
}
}
function mxCsn(){
one = Math.floor(items.clicks / 150000)
items.clicks -= one * 150000
items.snakes += one
upload();
}
// Chetuch
function buyCche(){
if(items.clicks >= 350000){
items.cheetahs++;
items.clicks -= 350000;
upload();
}
}
function mxCch(){
one = Math.floor(items.clicks / 350000)
items.clicks -= one * 350000
items.cheetahs += one
upload();
}
// .py
function buyCpyt(){
if(items.clicks >= 820000){
items.pythons++;
items.clicks -= 820000;
upload();
}
}
function mxCpy(){
one = Math.floor(items.clicks / 820000)
items.clicks -= one * 820000
items.pythons += one
upload();
}
// Gurllaf
function buyCgir(){
if(items.clicks >= 880000){
items.girrafes++;
items.clicks -= 880000;
upload();
}
}
function mxCgi(){
one = Math.floor(items.clicks / 880000)
items.clicks -= one * 880000
items.girrafes += one
upload();
}

View File

106
shop.html
View File

@@ -5,6 +5,8 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://kit.fontawesome.com/21ea186610.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<title>BRB - Shop</title>
@@ -16,26 +18,13 @@
</head>
<body>
<!-- BRB -->
<header style="position: fixed; width: 100%;margin-top: -230px;z-index: 500;">
<div class="backtop">
<div id="links">
<p class="link" style="--color:#ff6655">
<a href="index.html" id="brb">Go to BRB!</a>
</p>
<p class="link" style="--color:yellow">
<a href="upgrade.html" id="upg">Go to Upgrades!</a>
</p>
</div>
<!-- Clicks -->
<div id="logclick">
<img src="./img/icons8-rest.svg" id="imgcli" draggable="false">
<p id="disclick"></p>
</div>
<!-- Clicks -->
<section class="joe">
<div id="logclick">
<img src="./img/icons8-rest.svg" id="imgcli" draggable="false">
<p id="disclick"></p>
</div>
</header>
</section>
@@ -311,6 +300,52 @@
<p id="dischmake"></p>
</div>
<!-- Pythons -->
<div class="item">
<img src="./img/python.svg">
<div class="buttons" style="--Bcolor: CornflowerBlue">
<button onclick="buypyt()" class="buyone" id="py1">
Buy a Python
</button>
<button onclick="mxpy()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: CornflowerBlue">
<button onclick="buyCpyt()" class="buyone" id="Cpy1">
Buy a Python for clicks
</button>
<button onclick="mxCpy()" class="buymax">
MAX
</button>
</div>
<p id="dispyt"></p>
<p id="dispymake"></p>
</div>
<!-- Giraffe -->
<div class="item">
<img src="./img/girafe.svg">
<div class="buttons" style="--Bcolor: #ffdb4d">
<button onclick="buygir()" class="buyone" id="gi1">
Buy a Giraffe
</button>
<button onclick="mxgi()" class="buymax">
MAX
</button>
</div>
<div class="clickbtn" style="--Bcolor: #ffdb4d">
<button onclick="buyCgir()" class="buyone" id="Cgi1">
Buy a Giraffe for clicks
</button>
<button onclick="mxCgi()" class="buymax">
MAX
</button>
</div>
<p id="disgir"></p>
<p id="disgimake"></p>
</div>
</article>
@@ -348,8 +383,39 @@
</section>
</main>
<div class="menu-container">
<div class="button">Menu
<span class="fas fa-bars"></span>
</div>
<ul>
<li><a href="index.html" id="brb">BRB</a></li>
<li><a href="upgrade.html" id="upg">Upgrades</a></li>
<li onclick="reset()"><a id="del">RESET</a></li>
<li onclick="help()"><a id="sos">???</a></li>
<li style="display: none;" onclick="LDmodes()"><a id="modes">Dark Mode</a></li>
</ul>
</div>
<script>
$(document).ready(function(){
$('.button').click(function(){
if($(this).hasClass('expand')){
$('ul').slideUp(function(){
$('.button').removeClass('expand');
$('.fas').removeClass('expand');
})
}else{
$(this).addClass('expand');
setTimeout(function(){
$('.fas').addClass('expand');
$('ul').stop().slideDown();
},200);
}
})
})
</script>
<!-- By MrEidam -->
<script src="shop.js"></script>
<script src="./js/shop.js"></script>
</body>
</html>

View File

@@ -33,7 +33,7 @@
<h1 style="text-align:center;margin-top:5rem;">
COMING SOON...
</h1>
<script src="upgr.js"></script>
<script src="./js/upgr.js"></script>
</body>
</html>

View File