-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (112 loc) · 5.53 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html manifest="uygulama1.appcache" lang="en">
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<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>Hafıza Oyunu</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://kit.fontawesome.com/56942480bb.js" crossorigin="anonymous"></script>
<i id="score-toggle" class="fas fa-trophy"></i>
<!-- <p style="font-family: 'Montserrat Alternates', sans-serif; font-weight: bold;
color: hsla(208, 80%, 20%, .4);" id="time"></p>
-->
<style>
#time {
display: flex;
justify-content: center;
align-items: center;
}
</style>
<div class="cards-row">
<div style="
width: 192px;
height: 64px;
min-width: 200px;
margin-right: 10px;
" id="time" class=" card"><i class="fa-solid fa-stopwatch fa-2xl"> </i> <i class="fas fa-mouse-pointer fa-2xl" aria-hidden="true"></i> </div>
<div class="left-card card">
<div class="choose-username">
<h1>İsmini Gir</h1>
<div class="username-container">
<input type="text" id="username" name="username" autocomplete="off" spellcheck="false" />
<p class="placeholder" id="placeholder">İsim</p>
</div>
<div class="username-container">
<input type="text" maxlength="9" id="" oninput="isValidNumber(this)" name="school_number" autocomplete="off"
spellcheck="false" />
<p class="placeholder" name="placeholder-school-number" id="placeholder">Okul Numarası</p>
</div>
<button id="play" class="game-button">
<i class="fas fa-gamepad"></i>
</button>
</div>
<div id="images-grid" class="hide images-grid">
</div>
<div id="mode-container" class="hide">
<h1>Odaklan Ve Başla</h1>
<div class="mode-btns">
<button id="easy-btn" class="game-button">
Başla
</button>
<!--<button id="hard-btn" class="game-button">
Zor
</button>-->
</div>
</div>
<div id="congrats-container" class="final-container hide">
<img src="assets/img/inovasyon.png" width="200px" height="200px">
<h1>Tebrikler! 🎉 </h1>
<h3><strong id="user-seconds"></strong> içinde bitirdin</h3>
<h4 id="join_team_message" style="padding-bottom: 1rem;
color: hsla(208, 80%, 50%, 0.8);">Sevgili {username}, öncelikle oyunumuzu oynadığınız için teşekkür
ederiz. İnovasyon Kulübü Web Takımı olarak, sizleri takımımıza katılmaya davet etmek istiyoruz.
Takımımız web tasarımı ve geliştirme konularında çalışmalar yürütmekte olup yenilikçi projelerde yer
almaktayız. Eğer siz de bizimle birlikte inovasyona katkıda bulunmak isterseniz, lütfen bize
e-mailinizi gönderin. Katılımınızı bekliyoruz.
</h4>
<input type="mail" value="" id="mail" placeholder="E-Posta" />
<div>
<button onclick="email_process()" class="game-button">Gönder</button>
<button class="play-again-btn game-button">
<i class="fas fa-undo-alt fa-xs"></i>
</button>
</div>
<br>
</div>
<div id="loose-container" class="final-container hide">
<h1>
Kaybettin!! 😵
</h1>
<h3><strong id="tries-span"></strong> hata yaptın. </h3>
<button class="play-again-btn game-button">
<i class="fas fa-undo-alt"></i>
</button>
</div>
</div>
<div id="score-container" class="card score-container">
<i class="fas fa-trophy" id="scores-trophy"></i>
<h2 class="user-scores score-title">Sıralama</h2>
<div class="ribbon-wrapper">
<img class="ribbon-tail"
src="https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fribbon-tail.svg?v=1596043434209"
alt="" />
<img class="ribbon-score"
src="https://cdn.glitch.com/56d96ce9-5171-477f-8560-558ec3af0051%2Fribbon-score.svg?v=1596046610666"
alt="" />
</div>
<div id="user-scores" class="user-scores"></div>
</div>
<script src="https://cdn.jsdelivr.net/npm/party-js@latest/bundle/party.min.js"></script>
<script>
</script>
</body>
<script src="script.js"></script>
</html>