Files
bigredbutton/index.html
2023-10-04 22:23:01 +02:00

84 lines
3.0 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">
<meta name="keywords" content="BRB, MrEidam, Eidam, Clicker, Button, Red, Big, Shop, Ajdam, MrAjdam, paneidam, merida">
<meta name="description" content="Clicker hra s červeným tlačítkem a zvířátky!">
<meta name="author" content="MrEidam">
<meta property="og:url" content="https://www.mreidam-brb.com">
<meta property="og:title" content="BRB">
<meta property="og:description" content="Clicker hra s červeným tlačítkem a zvířátky!">
<meta property="og:image" content="https://raw.githubusercontent.com/MrEidam/bigredbutton/main/img/brb-still.png">
<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 -->
<!-- Custom Styles -->
<link rel="stylesheet" href="./css/brb.css">
<link rel="icon" href="./img/brb-still.png">
</head>
<body id="body">
<!-- Shop -->
<div id="tycoon">
</div>
<!-- Clicks -->
<div id="logclick">
<p id="disclick">
</div>
<!-- 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>
<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 onclick="SLDmodes()"><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 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">
<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="./js/main.js"></script>
</body>
</html>