mirror of
https://github.com/MrEidam/bigredbutton.git
synced 2026-04-17 15:43:31 +00:00
421 lines
13 KiB
HTML
421 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<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>
|
|
|
|
<!-- By MrEidam & Standa Chlup -->
|
|
|
|
|
|
<link rel="stylesheet" href="./css/shop.css">
|
|
<link rel="icon" href="./img/shop.png">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Clicks -->
|
|
<section class="joe">
|
|
<div id="logclick">
|
|
<img src="./img/icons8-rest.svg" id="imgcli" draggable="false">
|
|
<p id="disclick"></p>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- I T E M S -->
|
|
<main style="margin-top: 210px;">
|
|
<article class="main">
|
|
<!-- Dog -->
|
|
<div class="item" style="--color: ">
|
|
<img src="./img/dog.svg">
|
|
<div class="buttons" style="--Bcolor: darkorange">
|
|
<button onclick="buydog()" class="buyone" id="dg1">
|
|
Buy a Dog for 100 clicks
|
|
</button>
|
|
<button onclick="mxdg()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
|
|
<p id="disdog"></p>
|
|
<p id="disdgmake"></p>
|
|
</div>
|
|
|
|
<!-- Cat -->
|
|
<div class="item">
|
|
<img src="./img/cat-body.svg">
|
|
<div class="buttons" style="--Bcolor: orange">
|
|
<button onclick="buycat()" class="buyone" id="ct1">
|
|
Buy a Cat for 10 dogs
|
|
</button>
|
|
<button onclick="mxct()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: orange">
|
|
<button onclick="buyCcat()" class="buyone" id="Cct1">
|
|
Buy a Cat for 1,2 k clicks
|
|
</button>
|
|
<button onclick="mxCct()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="discat"></p>
|
|
<p id="disctmake"></p>
|
|
</div>
|
|
|
|
<!-- Fox -->
|
|
<div class="item">
|
|
<img src="./img/fox.svg">
|
|
<div class="buttons" style="--Bcolor: lightsalmon">
|
|
<button onclick="buyfox()" class="buyone" id="fx1">
|
|
Buy a Fox for 15 dogs
|
|
</button>
|
|
<button onclick="mxfx()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: lightsalmon">
|
|
<button onclick="buyCfox()" class="buyone" id="Cfx1">
|
|
Buy a Fox for 1,8 k clicks
|
|
</button>
|
|
<button onclick="mxCfx()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="disfox"></p>
|
|
<p id="disfxmake"></p>
|
|
</div>
|
|
|
|
<!-- Wolf -->
|
|
<div class="item">
|
|
<img src="./img/wolf.svg">
|
|
<div class="buttons" style="--Bcolor: lightgray">
|
|
<button onclick="buywol()" class="buyone" id="wl1">
|
|
Buy a Wolf for 6 dogs and 5 foxes
|
|
</button>
|
|
<button onclick="mxwl()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: lightgray">
|
|
<button onclick="buyCwol()" class="buyone" id="Cwl1">
|
|
Buy a Wolf for 10 k clicks
|
|
</button>
|
|
<button onclick="mxCwl()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="diswol"></p>
|
|
<p id="diswlmake"></p>
|
|
</div>
|
|
|
|
<!-- Hamster -->
|
|
<div class="item">
|
|
<img src="./img/hamster.svg" draggable="false">
|
|
<div class="buttons" style="--Bcolor: wheat">
|
|
<button onclick="buyham()" class="buyone" id="hm1">
|
|
Buy a Hamster for 1 wolf and 2 cats
|
|
</button>
|
|
<button onclick="mxhm()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: wheat">
|
|
<button onclick="buyCham()" class="buyone" id="Chm1">
|
|
Buy a Hamster for 13 k clicks
|
|
</button>
|
|
<button onclick="mxChm()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="disham"></p>
|
|
<p id="dishmmake"></p>
|
|
</div>
|
|
|
|
<!-- Whales -->
|
|
<div class="item">
|
|
<img src="./img/whale.svg" draggable="false">
|
|
<div class="buttons" style="--Bcolor: MediumAquamarine">
|
|
<button onclick="buywha()" class="buyone" id="wh1">
|
|
Buy a Whale for 2 wolfs
|
|
</button>
|
|
<button onclick="mxwh()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: MediumAquamarine">
|
|
<button onclick="buyCwha()" class="buyone" id="Cwh1">
|
|
Buy a Whale for 22 k clicks
|
|
</button>
|
|
<button onclick="mxCwh()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="diswha"></p>
|
|
<p id="diswhmake"></p>
|
|
</div>
|
|
|
|
<!-- Capybara -->
|
|
<div class="item">
|
|
<img src="./img/capybara.svg" draggable="false">
|
|
<div class="buttons" style="--Bcolor: rosybrown">
|
|
<button onclick="buycap()" class="buyone" id="cp1">
|
|
Buy a Capybara for 1 whale and 4 cats
|
|
</button>
|
|
<button onclick="mxcp()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: rosybrown">
|
|
<button onclick="buyCcap()" class="buyone" id="Ccp1">
|
|
Buy a Capybara for 28 k clicks
|
|
</button>
|
|
<button onclick="mxCcp()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="discap"></p>
|
|
<p id="discpmake"></p>
|
|
</div>
|
|
|
|
<!-- Platypus-->
|
|
<div class="item">
|
|
<img src="./img/platapus.png" draggable="false">
|
|
<div class="buttons" style="--Bcolor: Sienna">
|
|
<button onclick="buypla()" class="buyone" id="pl1">
|
|
Buy a Platypus for 1 cappybarra and 1 wolf
|
|
</button>
|
|
<button onclick="mxpl()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: Sienna">
|
|
<button onclick="buyCpla()" class="buyone" id="Cpl1">
|
|
Buy a Platapuse for 420 k clicks
|
|
</button>
|
|
<button onclick="mxCpl()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="displa"></p>
|
|
<p id="displmake"></p>
|
|
</div>
|
|
|
|
<!-- Porcupine -->
|
|
<div class="item">
|
|
<img src="./img/Porcupine.png" draggable="false">
|
|
<div class="buttons" style="--Bcolor: SaddleBrown">
|
|
<button onclick="buypor()" class="buyone" id="pr1">
|
|
Buy a Porcupine for 1 whale and 4 cats
|
|
</button>
|
|
<button onclick="mxpr()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: SaddleBrown">
|
|
<button onclick="buyCpor()" class="buyone" id="Cpr1">
|
|
Buy a Porcupine for 28 k clicks
|
|
</button>
|
|
<button onclick="mxCpr()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="dispor"></p>
|
|
<p id="disprmake"></p>
|
|
</div>
|
|
|
|
<!-- Hippopotamus -->
|
|
<div class="item">
|
|
<img src="./img/hippopotamus.png" draggable="false">
|
|
<div class="buttons" style="--Bcolor: LightSlateGray">
|
|
<button onclick="buyhip()" class="buyone" id="hi1">
|
|
Buy a Hippopotamus for
|
|
</button>
|
|
<button onclick="mxhi()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: LightSlateGray">
|
|
<button onclick="buyChip()" class="buyone" id="Chi1">
|
|
Buy a Hippopotamus for
|
|
</button>
|
|
<button onclick="mxChi()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="diship"></p>
|
|
<p id="dishimake"></p>
|
|
</div>
|
|
|
|
<!-- Snake -->
|
|
<div class="item">
|
|
<img src="./img/snake.svg">
|
|
<div class="buttons" style="--Bcolor: green">
|
|
<button onclick="buysna()" class="buyone" id="sn1">
|
|
Buy a Snake
|
|
</button>
|
|
<button onclick="mxsn()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: green">
|
|
<button onclick="buyCsna()" class="buyone" id="Csn1">
|
|
Buy a Snake for clicks
|
|
</button>
|
|
<button onclick="mxCsn()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="dissna"></p>
|
|
<p id="dissnmake"></p>
|
|
</div>
|
|
|
|
<!-- Cheetah -->
|
|
<div class="item">
|
|
<img src="./img/cheetah.svg">
|
|
<div class="buttons" style="--Bcolor: GoldenRod">
|
|
<button onclick="buyche()" class="buyone" id="ch1">
|
|
Buy a Cheetah
|
|
</button>
|
|
<button onclick="mxch()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: GoldenRod">
|
|
<button onclick="buyCche()" class="buyone" id="Cch1">
|
|
Buy a Cheetah for clicks
|
|
</button>
|
|
<button onclick="mxCch()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="dische"></p>
|
|
<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>
|
|
|
|
|
|
|
|
<section class="row">
|
|
<!-- Lemons -->
|
|
<div class="item">
|
|
<img src="./img/lemon.svg" draggable="false">
|
|
<div class="buttons" style="--Bcolor: yellow">
|
|
<button onclick="buylem()" class="buyone" id="lm1">
|
|
Buy a Lemon for <b style="font-weight: 1000;">some</b> cats
|
|
</button>
|
|
<button onclick="mxlm()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="dislem"></p>
|
|
<p id="dislmmake"></p>
|
|
</div>
|
|
|
|
<!-- Lemon t3-->
|
|
<div class="item">
|
|
<img src="./img/lemon-tree.svg" draggable="false">
|
|
<div class="buttons" style="--Bcolor: lightgoldenrodyellow">
|
|
<button onclick="buylt3()" class="buyone" id="lt1">
|
|
Buy a Lemon Tree for 5 lemons
|
|
</button>
|
|
<button onclick="mxlt()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="dislt3"></p>
|
|
<p id="disltmake"></p>
|
|
</div>
|
|
</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 style="display: none;" onclick="reset()"><a id="del">RESET</a></li>
|
|
<li style="display: none;" 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="./js/shop.js"></script>
|
|
</body>
|
|
|
|
</html> |