mirror of
https://github.com/MrEidam/PetPet.git
synced 2026-04-17 15:43:31 +00:00
67 lines
2.6 KiB
HTML
67 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="shortcut icon" href="./img/icon.png" type="image/x-icon">
|
|
|
|
<title>PetPet</title>
|
|
</head>
|
|
<body>
|
|
<dialog id="chui">
|
|
<h1>Welcome to PetPet!</h1>
|
|
<h2>Please choose an Animal:</h2>
|
|
<div>
|
|
<img src="./img/tiger/chose.png" style="--clr: #ff4500a9" onclick="option(0)" title="tiger" alt="tiger" class="animalChoose">
|
|
<img src="./img/shiba/chose.png" style="--clr: #f08d40a9" onclick="option(1)" title="shiba" alt="shiba" class="animalChoose">
|
|
</div>
|
|
<p>Made by <a target="_blank" href="https://www.mreidam.com">MrEidam</a> & <a target="_blank" href="https://katyflekova.wixsite.com/portf-flek/">Tufsie</a></p>
|
|
</dialog>
|
|
<div id="blurs"></div>
|
|
<article class="cash">
|
|
<img src="./img/mone.png" style="height: 1rem;">
|
|
<p>Money: <span>0</span></p>
|
|
</article>
|
|
<main>
|
|
<div>
|
|
<h1><span id="nameCa">Junior</span>-<span>BOY</span></h1>
|
|
<p>Age: <span id="ageN"></span></p>
|
|
<img src="./img/gone/Invis.png" id="anim" draggable="false">
|
|
</div>
|
|
<div class="activ">
|
|
<article class="item">
|
|
<p>Joy: <span id="joyN"></span></p>
|
|
<button class="actBTN" onclick="play()">Play</button>
|
|
</article>
|
|
<article class="item">
|
|
<p>Food: <span id="fooN"></span></p>
|
|
<button class="actBTN" onclick="feed()">Feed</button>
|
|
</article>
|
|
<article class="item">
|
|
<p>Clean: <span id="cleN"></span></p>
|
|
<button class="actBTN" onclick="clearBoy()">Clean</button>
|
|
</article>
|
|
<article class="item">
|
|
<p>Health: <span id="heaN"></span></p>
|
|
<button class="actBTN" onclick="healBoy()">Heal</button>
|
|
</article>
|
|
</div>
|
|
<div class="moverSpace">
|
|
<img class="gamesPromo" src="./img/promorighth.png" alt="Promo for Games">
|
|
<div class="gamesText">
|
|
<h2>Games</h2>
|
|
<a href="./Games/">Let's earn money!</a>
|
|
</div>
|
|
<img class="gamesPromo" src="./img/promoleflt.png" alt="Promo for Games">
|
|
</div>
|
|
<div class="moverSpace">
|
|
<div class="settingsText">
|
|
<h2>Settings</h2>
|
|
<a href="./">Let's change some settings!</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html> |