mirror of
https://github.com/MrEidam/bigredbutton.git
synced 2026-04-17 15:43:31 +00:00
576 lines
18 KiB
HTML
576 lines
18 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://code.jquery.com/jquery-3.4.1.js"></script>
|
|
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'G-CTW2M8Q7SB');
|
|
</script>
|
|
<title>BRB - Shop</title>
|
|
|
|
<!-- By MrEidam & Standa Chlup -->
|
|
|
|
<link rel="stylesheet" href="./css/menu.css">
|
|
<link rel="stylesheet" href="./css/shop.css">
|
|
<link rel="icon" href="./img/shop.png">
|
|
</head>
|
|
|
|
<body id="body">
|
|
<!-- Clicks -->
|
|
<section class="joe" id="jonathan">
|
|
<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/platypus.svg" 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.svg" 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.svg" 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>
|
|
|
|
<!-- Otter -->
|
|
<div class="item">
|
|
<img src="./img/otter.svg">
|
|
<div class="buttons" style="--Bcolor: #bc8f8f">
|
|
<button onclick="buyoth()" class="buyone" id="ot1">
|
|
Buy a Otter
|
|
</button>
|
|
<button onclick="mxot()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: #bc8f8f">
|
|
<button onclick="buyCoth()" class="buyone" id="Cot1">
|
|
Buy a Otter for clicks
|
|
</button>
|
|
<button onclick="mxCot()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="disoth"></p>
|
|
<p id="disotmake"></p>
|
|
</div>
|
|
|
|
<!-- Meerkat -->
|
|
<div class="item">
|
|
<img src="./img/meerkat.svg">
|
|
<div class="buttons" style="--Bcolor: #cd853f">
|
|
<button onclick="buymee()" class="buyone" id="me1">
|
|
Buy a Meerkat
|
|
</button>
|
|
<button onclick="mxme()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: #cd853f">
|
|
<button onclick="buyCmee()" class="buyone" id="Cme1">
|
|
Buy a Meerkat for clicks
|
|
</button>
|
|
<button onclick="mxCme()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="dismee"></p>
|
|
<p id="dismeemake"></p>
|
|
</div>
|
|
|
|
<!-- Racoon -->
|
|
<div class="item">
|
|
<img src="./img/racoon.svg">
|
|
<div class="buttons" style="--Bcolor: #708090">
|
|
<button onclick="buyrac()" class="buyone" id="ra1">
|
|
Buy a Racoon
|
|
</button>
|
|
<button onclick="mxra()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: #708090">
|
|
<button onclick="buyCrac()" class="buyone" id="Cra1">
|
|
Buy a Racoon for clicks
|
|
</button>
|
|
<button onclick="mxCra()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="disrac"></p>
|
|
<p id="disramake"></p>
|
|
</div>
|
|
|
|
<!-- Owl -->
|
|
<div class="item">
|
|
<img src="./img/owl.svg">
|
|
<div class="buttons" style="--Bcolor: #f4a460">
|
|
<button onclick="buyowl()" class="buyone" id="ow1">
|
|
Buy a Owl
|
|
</button>
|
|
<button onclick="mxow()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: #f4a460">
|
|
<button onclick="buyCowl()" class="buyone" id="Cow1">
|
|
Buy a Owl for clicks
|
|
</button>
|
|
<button onclick="mxCow()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="disowl"></p>
|
|
<p id="disowmake"></p>
|
|
</div>
|
|
|
|
<!-- Badger -->
|
|
<div class="item">
|
|
<img src="./img/badger.svg">
|
|
<div class="buttons" style="--Bcolor: #D8D6CA">
|
|
<button onclick="buybad()" class="buyone" id="ba1">
|
|
Buy a Badger
|
|
</button>
|
|
<button onclick="mxba()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: #D8D6CA">
|
|
<button onclick="buyCbad()" class="buyone" id="Cba1">
|
|
Buy a Badger for clicks
|
|
</button>
|
|
<button onclick="mxCba()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="disbad"></p>
|
|
<p id="disbamake"></p>
|
|
</div>
|
|
|
|
<!-- Squirrel -->
|
|
<div class="item">
|
|
<img src="./img/squirell.svg">
|
|
<div class="buttons" style="--Bcolor: #CFB190">
|
|
<button onclick="buysqu()" class="buyone" id="sq1">
|
|
Buy a Squirrel
|
|
</button>
|
|
<button onclick="mxsq()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: #CFB190">
|
|
<button onclick="buyCsqu()" class="buyone" id="Csq1">
|
|
Buy a Squirrel for clicks
|
|
</button>
|
|
<button onclick="mxCsq()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="dissqu"></p>
|
|
<p id="dissqmake"></p>
|
|
</div>
|
|
|
|
<!-- Chameleon -->
|
|
<div class="item">
|
|
<img src="./img/chameleon.svg">
|
|
<div class="buttons" style="--Bcolor: #BED15F">
|
|
<button onclick="buycha()" class="buyone" id="cha1">
|
|
Buy a Chameleon
|
|
</button>
|
|
<button onclick="mxcha()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<div class="clickbtn" style="--Bcolor: #BED15F">
|
|
<button onclick="buyCcha()" class="buyone" id="Ccha1">
|
|
Buy a Chameleon for clicks
|
|
</button>
|
|
<button onclick="mxCcha()" class="buymax">
|
|
MAX
|
|
</button>
|
|
</div>
|
|
<p id="discha"></p>
|
|
<p id="dischamake"></p>
|
|
</div>
|
|
|
|
</article>
|
|
|
|
|
|
|
|
<article class="main">
|
|
<!-- 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>
|
|
</article>
|
|
|
|
</main>
|
|
|
|
<div class="menu-container">
|
|
<div class="button">Menu
|
|
<span class="fas">
|
|
<svg height="1em" viewBox="0 0 448 512"><style>svg{fill:#ffffff}</style><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
|
|
<svg height="1em" viewBox="0 0 384 512"><style>svg{fill:#ffffff}</style><path d="M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"/></svg>
|
|
</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>
|
|
|
|
<a href="#" class="upwards">
|
|
<img src="./img/arrow-up.svg" alt="">
|
|
</a>
|
|
<!-- By MrEidam -->
|
|
<script src="./js/menu.js"></script>
|
|
<script src="./js/shop.js"></script>
|
|
</body>
|
|
|
|
</html> |