Eidam/bigredbutton
1
0
Fork 0
mirror of https://github.com/MrEidam/bigredbutton.git synced 2026-04-17 15:43:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Version 41 - Settings

Browse Source
This commit is contained in:
MrEidam
2023-10-07 13:00:40 +02:00
parent df08840c37
commit e4137f53bd
14 changed files with 489 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
css/brb.css
View File

@@ -1,5 +1,5 @@
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap'); @import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
body { body{
user-select: none; user-select: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
@@ -16,7 +16,7 @@ body {
#logclick{ #logclick{
position: absolute; position: absolute;
width: 100%; width: 100%;
top: 40px; top: 60px;
left: 50%; left: 50%;
text-align: center; text-align: center;
transform: translate(-50%,0); transform: translate(-50%,0);
@@ -63,7 +63,7 @@ body {
.menu-container{ .menu-container{
position: absolute; position: absolute;
top: 30px; top: 50px;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
width: 300px; width: 300px;

152
css/sett.css Normal file
View File

@@ -0,0 +1,152 @@
@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
*{
margin: 0;
padding: 0;
box-sizing: border-box;
text-align: center;
}
body{
user-select: none;
background-color: #333;
}
#jonathan{
position: fixed;
top: 0%;
width: 100%;
height: 200px;
background: radial-gradient(125% 100% at 50% 0%,#fa552c 20%,transparent 70%);
}
.main{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.item{
position: relative;
/* border: none; */
top: 5px;
margin: 2rem 3vw 2rem 3vw;
padding: 1rem 2rem;
border-radius: 6.9px;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 350px;
height: 100px;
filter: drop-shadow(0px 20px 14px #444);
}
button{
width: 32px;
height: 32px;
border-radius: 0.5rem;
border: none;
filter: drop-shadow(10px 10px 14px #444);
}
/* Menu */
.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;
/* By MrEidam */
}
.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{
display: block;
width: 100%;
height: 100%;
/* By MrEidam */
color: #fff;
font-size: 18px;
text-decoration: none;
}
ul li:hover a{
color: #44dd44;
}
::-webkit-scrollbar{
background: transparent;
width: 5px;
}
::-webkit-scrollbar-thumb{
background: linear-gradient(transparent, #00ec00);
border-radius: 0 0 0.5rem 0.5rem;
}

9
css/shop.css
View File

@@ -10,7 +10,6 @@
body { body {
font-size: 15pt; font-size: 15pt;
/*background: linear-gradient(#009000, black);*/
background-color: #333; background-color: #333;
} }
@@ -25,7 +24,7 @@ body {
width: 100%; width: 100%;
margin: 0; margin: 0;
top: 0; top: 0;
border-radius: 0 0 90px 90px; background: radial-gradient(125% 100% at 50% 0%,#11ABFF 20%,transparent 70%);
/* By MrEidam */ /* By MrEidam */
} }
#logclick{ #logclick{
@@ -138,10 +137,6 @@ button{
border: none; border: none;
filter: drop-shadow(8px 6px 4px #555); filter: drop-shadow(8px 6px 4px #555);
} }
@media only screen and (max-width: 555px){ @media only screen and (max-width: 555px){
.row{ .row{
flex-direction: column; flex-direction: column;
@@ -154,6 +149,8 @@ button{
} }
/* Menu */
.menu-container{ .menu-container{
position: fixed; position: fixed;
top: 50px; top: 50px;

2
css/upgr.css
View File

@@ -20,7 +20,7 @@ body {
width: 100%; width: 100%;
margin: 0; margin: 0;
top: 0; top: 0;
border-radius: 0 0 90px 90px; background: radial-gradient(125% 100% at 50% 0%,#efff11 20%,transparent 70%);
} }
/* By MrEidam */ /* By MrEidam */

17
img/settings.svg Normal file
View File

@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg fill="#000000" height="800px" width="800px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 482.568 482.568" xml:space="preserve">
<g>
<g>
<path d="M116.993,203.218c13.4-1.8,26.8,2.8,36.3,12.3l24,24l22.7-22.6l-32.8-32.7c-5.1-5.1-5.1-13.4,0-18.5s13.4-5.1,18.5,0
l32.8,32.8l22.7-22.6l-24.1-24.1c-9.5-9.5-14.1-23-12.3-36.3c4-30.4-5.7-62.2-29-85.6c-23.8-23.8-56.4-33.4-87.3-28.8
c-4.9,0.7-6.9,6.8-3.4,10.3l30.9,30.9c14.7,14.7,14.7,38.5,0,53.1l-19,19c-14.7,14.7-38.5,14.7-53.1,0l-31-30.9
c-3.5-3.5-9.5-1.5-10.3,3.4c-4.6,30.9,5,63.5,28.8,87.3C54.793,197.518,86.593,207.218,116.993,203.218z"/>
<path d="M309.193,243.918l-22.7,22.6l134.8,134.8c5.1,5.1,5.1,13.4,0,18.5s-13.4,5.1-18.5,0l-134.8-134.8l-22.7,22.6l138.9,138.9
c17.6,17.6,46.1,17.5,63.7-0.1s17.6-46.1,0.1-63.7L309.193,243.918z"/>
<path d="M361.293,153.918h59.9l59.9-119.7l-29.9-29.9l-119.8,59.8v59.9l-162.8,162.3l-29.3-29.2l-118,118
c-24.6,24.6-24.6,64.4,0,89s64.4,24.6,89,0l118-118l-29.9-29.9L361.293,153.918z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

37
index.html
View File

@@ -18,17 +18,12 @@
<!-- By MrEidam && Standa Chlup --> <!-- By MrEidam && Standa Chlup -->
<!-- Custom Styles -->
<link rel="stylesheet" href="./css/brb.css"> <link rel="stylesheet" href="./css/brb.css">
<link rel="icon" href="./img/brb-still.png"> <link rel="icon" href="./img/brb-still.png">
</head> </head>
<body id="body"> <body id="body">
<!-- Shop --> <div id="tycoon"></div>
<div id="tycoon">
</div>
<!-- Clicks --> <!-- Clicks -->
<div id="logclick"> <div id="logclick">
<p id="disclick"> <p id="disclick">
@@ -45,33 +40,12 @@
<span class="fas fa-bars"></span> <span class="fas fa-bars"></span>
</div> </div>
<ul> <ul>
<li><a href="shop.html" id="shop">Shop</a></li> <li><a href="./" id="brb">BRB</a></li>
<li><a href="upgrade.html" id="upg">Upgrades</a></li> <li><a href="shop.html" id="shop"></a></li>
<li onclick="reset()"><a id="del">RESET</a></li> <li><a href="upgrade.html" id="upg">Upgrades</a></li>
<li onclick="help()"><a id="sos">???</a></li> <li><a href="settings.html" id="sett"></a></li>
<li onclick="SLDmodes()"><a id="modes">Dark Mode</a></li>
<li onclick="language()"><a id="langs">Change Language into Czech</a></li>
</ul> </ul>
</div> </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 --> <!-- YouTube -->
<div id="yt" 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);"> <div id="yt" 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"> <img style="position:absolute;width:100%;height:100%;" src="./img/YT.png" title="Můj YT kanál">
@@ -79,6 +53,7 @@
</div> </div>
<!-- Project --> <!-- Project -->
<script src="./js/menu.js"></script>
<script src="./js/main.js"></script> <script src="./js/main.js"></script>
</body> </body>
</html> </html>

140
js/main.js
View File

@@ -1,7 +1,6 @@
// Items // Items
let items; let items;
let cs = 0; let cs = 0;
let e = 0;
let anime = false; let anime = false;
function load(){ function load(){
@@ -65,100 +64,6 @@ window.onload = function(){
LDmodes() LDmodes()
} }
// Reset
function reset(){
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,
mode:items.mode,
Mclick:1,
token: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,
mode:items.mode,
Mclick:1,
token:0,
}
}
}
// Update // Update
function update(){ function update(){
let i = JSON.stringify(items); let i = JSON.stringify(items);
@@ -204,24 +109,17 @@ function cash(){
},1000) },1000)
} }
// HELP
function help(){
if(items.lang == 1){ /* EN */
window.open('https://youtu.be/G0fP-l-05dM');
}else if(items.lang == 0){ /* CZ */
window.open('https://youtu.be/XhmETe4MSVI');
}
}
// Languages Cz || Uk // Languages Cz || Uk
function language(){ function language(){
if(items.lang == 0){ /* CZ */ if(items.lang == 0){ /* CZ */
items.lang = 1; items.lang = 1;
console.log(items.lang); console.log(items.lang);
document.documentElement.setAttribute('lang', 'cz'); document.documentElement.setAttribute('lang', 'cz');
del.innerHTML = 'Reset';
sos.innerHTML = 'Pomoc';
shop.innerHTML = 'Obchod'; shop.innerHTML = 'Obchod';
upg.innerHTML = 'Vylepšení'; upg.innerHTML = 'Vylepšení';
sett.innerHTML = 'Nastavení';
del.innerHTML = 'Reset';
sos.innerHTML = 'Pomoc';
modes.innerHTML = 'Změn do Temného módu'; modes.innerHTML = 'Změn do Temného módu';
langs.innerHTML = 'Switch into English'; langs.innerHTML = 'Switch into English';
@@ -229,10 +127,11 @@ function language(){
items.lang = 0; items.lang = 0;
console.log(items.lang); console.log(items.lang);
document.documentElement.setAttribute('lang', 'en'); document.documentElement.setAttribute('lang', 'en');
del.innerHTML = 'Reset';
sos.innerHTML = 'Help';
shop.innerHTML = 'Shop'; shop.innerHTML = 'Shop';
upg.innerHTML = 'Upgrades'; upg.innerHTML = 'Upgrades';
sett.innerHTML = 'Settings';
del.innerHTML = 'Reset';
sos.innerHTML = 'Help';
modes.innerHTML = 'Switch into Dark Mode'; modes.innerHTML = 'Switch into Dark Mode';
langs.innerHTML = 'Změň si jazyk do Češtiny'; langs.innerHTML = 'Změň si jazyk do Češtiny';
} }
@@ -242,41 +141,18 @@ function language(){
function checklang(){ function checklang(){
if(items.lang == 0){ /* CZ */ if(items.lang == 0){ /* CZ */
document.documentElement.setAttribute('lang', 'cz'); document.documentElement.setAttribute('lang', 'cz');
del.innerHTML = 'Reset';
sos.innerHTML = 'Pomoc';
shop.innerHTML = 'Obchod'; shop.innerHTML = 'Obchod';
upg.innerHTML = 'Vylepšení'; upg.innerHTML = 'Vylepšení';
if((items.mode||0) == 0){ sett.innerHTML = 'Nastavení';
modes.innerHTML = 'Změn do Temného módu';
}else if(items.mode == 1){
modes.innerHTML = 'Změn do Světlého módu';
}
langs.innerHTML = 'Switch into English';
}else if(items.lang == 1){ /* UK */ }else if(items.lang == 1){ /* UK */
document.documentElement.setAttribute('lang', 'en'); document.documentElement.setAttribute('lang', 'en');
del.innerHTML = 'Reset';
sos.innerHTML = 'Help';
shop.innerHTML = 'Shop'; shop.innerHTML = 'Shop';
upg.innerHTML = 'Upgrades'; upg.innerHTML = 'Upgrades';
if((items.mode||0) == 0){ sett.innerHTML = 'Settings';
modes.innerHTML = 'Switch into Dark Mode';
}else if(items.mode == 1){
modes.innerHTML = 'Switch into Light Mode';
}
langs.innerHTML = 'Změň si jazyk do Češtiny';
} }
} }
// Dark || Light Mode // Dark || Light Mode
function SLDmodes(){
if(items.mode == 0){
items.mode = 1;
}else if(items.mode == 1){
items.mode = 0;
}
LDmodes()
console.log(items.mode);
}
function LDmodes(){ function LDmodes(){
if((items.mode||0) == 0){// Light Mode if((items.mode||0) == 0){// Light Mode
body.style.background = '#fff'; body.style.background = '#fff';

16
js/menu.js Normal file
View File

@@ -0,0 +1,16 @@
$(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);
}
})
})

210
js/sett.js Normal file
View File

@@ -0,0 +1,210 @@
let cs;
let items
// 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 + items.pythons*7800 + items.girrafes*8400 + items.otters*9000 + items.meerkat*9800 + items.raccoon*14500 + items.owl*16000;
}
// Load
function load(){
items = JSON.parse(localStorage.getItem('items'));
LDmodes();
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.otters*9000 + items.meerkat*9800 + items.raccoon*14500 + items.owl*16000;
let Btns = document.querySelectorAll('.change');
if(items.lang == 1){ // EN
document.documentElement.setAttribute('lang', 'en');
shop.innerHTML = 'Shop';
upg.innerHTML = 'Upgrades';
sett.innerHTML = 'Settings';
if(items.mode == 0){ld.innerHTML = 'Do you want to <br> switch to Dark mode?';
}else if(items.mode == 1){ld.innerHTML = 'Do you want to <br> switch to Light mode?';}
lg.innerHTML = 'Do you want to <br> switch to Czech?';
hl.innerHTML = 'Do you want to <br> wantch a video for help?';
rs.innerHTML = 'Do you want to <br> completely reset?'
Btns.forEach((e) => {
e.innerHTML = 'Yes!';
});
}
if(items.lang == 0){ // CZ
document.documentElement.setAttribute('lang', 'cz');
shop.innerHTML = 'Obchod';
upg.innerHTML = 'Vylepšení';
sett.innerHTML = 'Nastavení';
if(items.mode == 0){ld.innerHTML = 'Chceš si zapnout <br> Tmavý mód?';
}else if(items.mode == 1){ld.innerHTML = 'Chceš si zapnout <br> Světlý mód?';}
lg.innerHTML = 'Chceš si přepnout <br> jazyk do Angličtiny?';
hl.innerHTML = 'Chceš si pustit <br> video pro pomoc?';
rs.innerHTML = 'Chceš kompletně <br> resetovat postup?'
Btns.forEach((e) => {
e.innerHTML = 'Ano!';
});
}
}
load();
// Upload
function upload(){update();load();}
function cash(){
setTimeout (function money(){
items.clicks += cs*items.pres;
upload();
cash();
},1000);
}
cash();
// Dark || Light Mode
function SLDmodes(){
if(items.mode==0){items.mode=1;upload();}
else if(items.mode==1){items.mode=0;upload();}
LDmodes();
}
function LDmodes(){
let Bimts = document.querySelectorAll('.item');
let Btns = document.querySelectorAll('.change');
let hhh = document.querySelectorAll('h3');
if((items.mode||0) == 0){// Light Mode
body.style.background = '#ddd';
Bimts.forEach((e) => {
e.style.background = '#ffefd5';
});
Btns.forEach((e) => {
e.style.background = '#8FBC8F';
e.style.color = '#ccc';
e.style.textShadow = "2px 2px 4px #000";
});
hhh.forEach((e) => {
e.style.color = '#000';
e.style.textShadow = "2px 2px 4px #000";
});
}else if(items.mode == 1){// Dark Mode
body.style.background = '#333';
Bimts.forEach((e) => {
e.style.background = '#666055';
e.style.color = '#000';
});
Btns.forEach((e) => {
e.style.background = '#008B8B';
e.style.color = '#ccc';
e.style.textShadow = "2px 2px 4px #000";
});
hhh.forEach((e) => {
e.style.color = '#eee';
e.style.textShadow = "2px 2px 4px #000";
});
}
}
function language(){
if(items.lang == 0){ /* CZ */
items.lang = 1;
}else if(items.lang == 1){ /* UK */
items.lang = 0;
}
upload();
}
// HELP
function help(){
if(items.lang == 1){ /* EN */
window.open('https://youtu.be/G0fP-l-05dM');
}else if(items.lang == 0){ /* CZ */
window.open('https://youtu.be/XhmETe4MSVI');
}
}
// Reset
function reset(){
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,
mode:items.mode,
Mclick:1,
token: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,
mode:items.mode,
Mclick:1,
token:0,
}
}
}

29
js/shop.js
View File

@@ -20,12 +20,9 @@ function load(){
if(items.lang == 1){ if(items.lang == 1){
document.documentElement.setAttribute('lang', 'en'); document.documentElement.setAttribute('lang', 'en');
if((items.mode||0) == 0){ shop.innerHTML = 'Shop';
modes.innerHTML = 'Switch into Dark Mode'; upg.innerHTML = 'Upgrades';
}else if((items.mode||0) == 1){ sett.innerHTML = 'Settings';
modes.innerHTML = 'Switch into Light Mode';
}
upg.innerHTML = 'Upgrades'
disclick.innerHTML=`You've got ${fornum(items.clicks)} clicks, and making ${fornum(cs*items.pres)} per second!` disclick.innerHTML=`You've got ${fornum(items.clicks)} clicks, and making ${fornum(cs*items.pres)} per second!`
disdog.innerHTML=`You've got ${fornum(items.dogs)} dogs!` disdog.innerHTML=`You've got ${fornum(items.dogs)} dogs!`
discat.innerHTML=`You've got ${fornum(items.cats)} cats!` discat.innerHTML=`You've got ${fornum(items.cats)} cats!`
@@ -115,12 +112,9 @@ function load(){
} }
if(items.lang == 0){ if(items.lang == 0){
document.documentElement.setAttribute('lang', 'cz'); document.documentElement.setAttribute('lang', 'cz');
if((items.mode||0) == 0){ shop.innerHTML = 'Obchod';
modes.innerHTML = 'Změn do Temného módu'; upg.innerHTML = 'Vylepšení';
}else if((items.mode||0) == 1){ sett.innerHTML = 'Nastavení';
modes.innerHTML = 'Změn do Světlého módu';
}
upg.innerHTML = 'Vylepšení'
document.getElementById('disclick').innerHTML=`Právě máš ${fornum(items.clicks)} kliků a děláš ${fornum(cs*items.pres)} za sekundu!` document.getElementById('disclick').innerHTML=`Právě máš ${fornum(items.clicks)} kliků a děláš ${fornum(cs*items.pres)} za sekundu!`
document.getElementById('disdog').innerHTML=`Právě máš ${fornum(items.dogs)} psů!` 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('discat').innerHTML=`Právě máš ${fornum(items.cats)} koček!`
@@ -629,21 +623,11 @@ function mxow(){
} }
// Dark || Light Mode // Dark || Light Mode
function SLDmodes(){
if(items.mode == 0){
items.mode = 1;
}else if(items.mode == 1){
items.mode = 0;
}
LDmodes()
console.log(items.mode);
}
function LDmodes(){ function LDmodes(){
let Bimts = document.querySelectorAll('.item'); let Bimts = document.querySelectorAll('.item');
if((items.mode||0) == 0){// Light Mode if((items.mode||0) == 0){// Light Mode
body.style.background = '#ddd'; body.style.background = '#ddd';
body.style.color = '#000'; body.style.color = '#000';
jonathan.style.background = 'linear-gradient(#11ABFF, #ccccccab)';
Bimts.forEach((e) => { Bimts.forEach((e) => {
e.style.background = '#ffefd5'; e.style.background = '#ffefd5';
}); });
@@ -654,7 +638,6 @@ function LDmodes(){
}else if(items.mode == 1){// Dark Mode }else if(items.mode == 1){// Dark Mode
body.style.background = '#333'; body.style.background = '#333';
body.style.color = '#fff'; body.style.color = '#fff';
jonathan.style.background = 'linear-gradient(#11ABFF, #333333ab)';
Bimts.forEach((e) => { Bimts.forEach((e) => {
e.style.background = '#666055'; e.style.background = '#666055';
}); });

31
js/upgr.js
View File

@@ -25,11 +25,9 @@ function load(){
} }
if(items.lang == 0){ // CZ if(items.lang == 0){ // CZ
document.documentElement.setAttribute('lang', 'cz'); document.documentElement.setAttribute('lang', 'cz');
if((items.mode||0) == 0){ shop.innerHTML = 'Obchod';
modes.innerHTML = 'Změn do Temného módu'; upg.innerHTML = 'Vylepšení';
}else if((items.mode||0) == 1){ sett.innerHTML = 'Nastavení';
modes.innerHTML = 'Změn do Světlého módu';
}
dislm.innerHTML = `Právě máš ${fornum(items.lemons)} citrónů!`; dislm.innerHTML = `Právě máš ${fornum(items.lemons)} citrónů!`;
disMcmake.innerHTML = `Zatím ti každý klik dává ${fornum((items.Mclick||1)*items.pres)} kliků!`; disMcmake.innerHTML = `Zatím ti každý klik dává ${fornum((items.Mclick||1)*items.pres)} kliků!`;
Mc1.innerHTML = `Kup si vylepšení na kliky za <br> ${fornum(20+(items.Mclick||1)*(items.Mclick||1))} citrónů`; Mc1.innerHTML = `Kup si vylepšení na kliky za <br> ${fornum(20+(items.Mclick||1)*(items.Mclick||1))} citrónů`;
@@ -49,11 +47,9 @@ function load(){
}else if(items.lang == 1){ // En }else if(items.lang == 1){ // En
document.documentElement.setAttribute('lang', 'en'); document.documentElement.setAttribute('lang', 'en');
if((items.mode||0) == 0){ shop.innerHTML = 'Shop';
modes.innerHTML = 'Switch into Dark Mode'; upg.innerHTML = 'Upgrades';
}else if((items.mode||0) == 1){ sett.innerHTML = 'Settings';
modes.innerHTML = 'Switch into Light Mode';
}
dislm.innerHTML = `You've got ${fornum(items.lemons)} lemons!`; dislm.innerHTML = `You've got ${fornum(items.lemons)} lemons!`;
disMcmake.innerHTML = `So far every click gives you ${fornum((items.Mclick||1)*items.pres)} clicks!`; disMcmake.innerHTML = `So far every click gives you ${fornum((items.Mclick||1)*items.pres)} clicks!`;
Mc1.innerHTML = `Buy an upgrade for your clicks<br> for ${fornum(20+(items.Mclick||1)*(items.Mclick||1))} lemons`; Mc1.innerHTML = `Buy an upgrade for your clicks<br> for ${fornum(20+(items.Mclick||1)*(items.Mclick||1))} lemons`;
@@ -159,9 +155,6 @@ function progress(){
upload(); upload();
} }
function TheThing(){ function TheThing(){
if(items.lang == 0 && items.token >= (1000*items.pres) && confirm(`Za Prestiže budeš získávat více kliků, ale tvůj postup se vynuluje (až na Prestiž body). Chceš se 'Znovuzrodit'?`)){ // CZ if(items.lang == 0 && items.token >= (1000*items.pres) && confirm(`Za Prestiže budeš získávat více kliků, ale tvůj postup se vynuluje (až na Prestiž body). Chceš se 'Znovuzrodit'?`)){ // CZ
alert(`Získal jsi 0.5 prestiže bodů!`); alert(`Získal jsi 0.5 prestiže bodů!`);
@@ -265,22 +258,11 @@ function TheThing(){
// Dark || Light Mode // Dark || Light Mode
function SLDmodes(){
if(items.mode == 0){
items.mode = 1;
}else if(items.mode == 1){
items.mode = 0;
}
LDmodes();
upload();
console.log(items.mode);
}
function LDmodes(){ function LDmodes(){
let Bimts = document.querySelectorAll('.item'); let Bimts = document.querySelectorAll('.item');
if((items.mode||0) == 0){// Light Mode if((items.mode||0) == 0){// Light Mode
body.style.background = '#ddd'; body.style.background = '#ddd';
body.style.color = '#000'; body.style.color = '#000';
jonathan.style.background = 'linear-gradient(#11ABFF, #ccccccab)';
Bimts.forEach((e) => { Bimts.forEach((e) => {
e.style.background = '#ffefd5'; e.style.background = '#ffefd5';
}); });
@@ -289,7 +271,6 @@ function LDmodes(){
}else if(items.mode == 1){// Dark Mode }else if(items.mode == 1){// Dark Mode
body.style.background = '#333'; body.style.background = '#333';
body.style.color = '#fff'; body.style.color = '#fff';
jonathan.style.background = 'linear-gradient(#11ABFF, #333333ab)';
Bimts.forEach((e) => { Bimts.forEach((e) => {
e.style.background = '#666055'; e.style.background = '#666055';
}); });

49
settings.html Normal file
View File

@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/21ea186610.js" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<link rel="stylesheet" href="./css/sett.css">
<link rel="shortcut icon" href="./img/settings.svg" type="image/x-icon">
<title>BRB - Settings</title>
</head>
<body id="body">
<section class="joe" id="jonathan"></section>
<main class="main" style="margin-top: 210px;">
<section class="item">
<article id="dlmode"><h3 id="ld"></h3></article>
<button class="change" onclick="SLDmodes()"></button>
</section>
<section class="item">
<article id="lgmode"><h3 id="lg"></h3></article>
<button class="change" onclick="language()"></button>
</section>
<section class="item">
<article id="help"><h3 id="hl"></h3></article>
<button class="change" onclick="help()"></button>
</section>
<section class="item">
<article id="suicide"><h3 id="rs"></h3></article>
<button class="change" onclick="reset()"></button>
</section>
</main>
<div class="menu-container">
<div class="button">Menu
<span class="fas fa-bars"></span>
</div>
<ul>
<li><a href="./" id="brb">BRB</a></li>
<li><a href="shop.html" id="shop"></a></li>
<li><a href="upgrade.html" id="upg"></a></li>
<li><a href="settings.html" id="sett"></a></li>
</ul>
</div>
<script src="./js/menu.js"></script>
<script src="./js/sett.js"></script>
</body>
</html>

26
shop.html
View File

@@ -481,31 +481,15 @@
<span class="fas fa-bars"></span> <span class="fas fa-bars"></span>
</div> </div>
<ul> <ul>
<li><a href="index.html" id="brb">BRB</a></li> <li><a href="./" id="brb">BRB</a></li>
<li><a href="upgrade.html" id="upg">Upgrades</a></li> <li><a href="shop.html" id="shop"></a></li>
<li onclick="SLDmodes()"><a id="modes">Dark Mode</a></li> <li><a href="upgrade.html" id="upg"></a></li>
<li><a href="settings.html" id="sett"></a></li>
</ul> </ul>
</div> </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 --> <!-- By MrEidam -->
<script src="./js/menu.js"></script>
<script src="./js/shop.js"></script> <script src="./js/shop.js"></script>
</body> </body>

28
upgrade.html
View File

@@ -27,7 +27,7 @@
</header> </header>
<main style="margin-top: 210px;"> <main style="margin-top: 210px;">
<!-- Example --> <!-- Example -->
<div class="item" style="--color: "> <div class="item">
<h2>BRB</h2> <h2>BRB</h2>
<img src="./img/brb-still.png"> <img src="./img/brb-still.png">
<div class="buttons" style="--Bcolor: darkred"> <div class="buttons" style="--Bcolor: darkred">
@@ -71,29 +71,13 @@
<span class="fas fa-bars"></span> <span class="fas fa-bars"></span>
</div> </div>
<ul> <ul>
<li><a href="index.html" id="BRB">BRB</a></li> <li><a href="./" id="brb">BRB</a></li>
<li><a href="shop.html" id="shop">Shop</a></li> <li><a href="shop.html" id="shop"></a></li>
<li onclick="SLDmodes()"><a id="modes">Dark Mode</a></li> <li><a href="upgrade.html" id="upg"></a></li>
<li><a href="settings.html" id="sett"></a></li>
</ul> </ul>
</div> </div>
<script> <script src="./js/menu.js"></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>
<script src="./js/upgr.js"></script> <script src="./js/upgr.js"></script>
</body> </body>