-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
56 lines (46 loc) · 1.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!--
@file index.html
@description This file is a preview of the main html page elements
@author Arman H
@contact [email protected]
@website https://armiro.github.io
@linkedin https://linkedin.com/in/armanhgh
@note Feel free to contact or open issue to learn more about the project, collaborate, or discuss source code pricing
@repository https://github.com/armiro/Telegram-Minigame-Demo
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="../css/styles.css">
<script src="https://telegram.org/js/telegram-web-app.js" defer></script>
<title>Your Webapp Title</title>
</head>
<body id="index-page">
<div class="background"></div>
<div class="coin-container"></div>
<div class="total-coins-container"></div>
<div class="menu-bar">
<div class="menu-item" id="wallet" style="--mask-url: none">
<img src="./assets/menu_icons/wallet.webp" alt="wallet">
</div>
<div class="menu-item" id="boosters" style="--mask-url: none" onclick="location.href='./src/pages/boosters.html'">
<img src="./assets/menu_icons/earn.webp" alt="earn">
</div>
<div class="menu-item" id="ranking" style="--mask-url: none">
<img src="./assets/menu_icons/ranking.webp" alt="ranking">
<div class="upcoming-tag">soon</div>
</div>
<div class="menu-item" id="referral" style="--mask-url: none" onclick="location.href='./src/pages/referral.html'">
<img src="./assets/menu_icons/refer.webp" alt="refer">
</div>
</div>
<div class="counter-container"></div>
<script type="module">
import { activateMenuItemEffect } from "./src/js/utils.js";
document.addEventListener('DOMContentLoaded', () => {activateMenuItemEffect();})
</script>
</body>
</html>