-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
90 lines (83 loc) · 3.49 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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!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.0" />
<title>Dice Game</title>
<link rel="stylesheet" href="./css/style.css" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
</head>
<body>
<!-- Game Showcase -->
<section class="container">
<!-- Player 1 -->
<section class="player0 active-player">
<div class="about">
<h3 class="player-title0">Player 1</h3>
<h2 class="total0">0</h2>
</div>
<div class="current">
<h3 class="current-title0">Current</h3>
<h4 class="current-score0">0</h4>
</div>
</section>
<!-- Player 2 -->
<section class="player1 deactive-player">
<div class="about">
<h3 class="player-title1">Player 2</h3>
<h2 class="total1">0</h2>
</div>
<div class="current">
<h3 class="current-title1">Current</h3>
<h4 class="current-score1">0</h4>
</div>
</section>
<!-- Game Joystick -->
<section class="joystick">
<img src="./images/dice6.png" alt="dice" class="dice hidden" />
<button class="btn roll">Roll 🖲</button>
<button class="btn hold">Hold 📥</button>
<button class="btn reset">Reset ♻️</button>
<section class="option">
<button class="btn lang" id="lang">فارسی</button>
<button class="btn help">Help</button>
</section>
</section>
</section>
<p class="langmsg"></p>
<div class="modal-window">
<div class="modal-message">
<div class="x-button">
<div class="line1"></div>
<div class="line2"></div>
</div>
<p class="modal-content-en" dir="ltr">
1) If your Dice number is equal to "1" before "Hold" it, You will lose
all of your "Current" scores and the game will automatically change
the player, so before that, use Hold button! <br />
<br />
2) If your total score greater than or equal to "100", We want to say
to you "Congratulations", You just won the game !
</p>
<p class="modal-content-fa" dir="rtl">
۱) اگر عدد تاس شما برابر عدد یک شود قبل از اینکه روی دکمه نگهداری
بزنید کل امتیاز فعلی شما صفر شده و بازی به صورت خودکار نوبت را به نفر
بعد میدهد پس قبل از آن روی دکمه نگهداری بزنید !
<br />
<br />
۲)اگر امتیاز کلی شما بیشتر یا مساوی عدد صد شد ما باید به شما تبریک
بگویییم شما بازی را برده اید !
</p>
</div>
</div>
<script src="./js/utilities.js"></script>
<script src="./js/app.js"></script>
</body>
</html>