mirror of
https://github.com/MrEidam/bigredbutton.git
synced 2026-04-17 15:43:31 +00:00
355 lines
10 KiB
HTML
355 lines
10 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">
|
|
|
|
<title>BRB - Shop</title>
|
|
|
|
<!-- By MrEidam & Standa Chlup -->
|
|
|
|
|
|
<link rel="stylesheet" href="./css/shop.css">
|
|
<link rel="icon" href="./img/shop.png">
|
|
</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>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
<!-- 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>
|
|
|
|
</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>
|
|
|
|
<!-- By MrEidam -->
|
|
<script src="shop.js"></script>
|
|
</body>
|
|
|
|
</html> |