-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (100 loc) · 5.62 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
<!-- LOOKING AT THE SOURCE CODE IS CHEATING YOU CHEATER -->
<!-- codecracker | owen fiscus | https://github.com/owenfiscus/codecrack | index.html -->
<head>
<title>codecrack</title>
<!-- jquery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" integrity="sha512-uto9mlQzrs59VwILcLiRYeLKPPbS/bT71da/OEBYEwcdNUk8jYIy+D176RYoop1Da+f9mvkYrmj5MCLZWEtQuA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&family=IBM+Plex+Sans:wght@400;700&display=swap" rel="stylesheet">
<!-- google material icons -->
<link rel="stylesheet" href="https://fonts.sandbox.google.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<!-- stylesheet -->
<link rel="stylesheet" href="./assets/stylesheets/styles.css">
</head>
<html>
<body>
<div id="hint_wrap">
<div class="hint" id="hint_1">
<div class="hint_dot" id="dot_1_1"></div>
<div class="hint_dot" id="dot_1_2"></div>
<div class="hint_dot" id="dot_1_3"></div>
<div class="hint_dot" id="dot_1_4"></div>
<div class="hint_dot" id="dot_1_5"></div>
<div class="hint_dot" id="dot_1_6"></div>
</div>
<div class="hint" id="hint_2">
<div class="hint_dot" id="dot_2_1"></div>
<div class="hint_dot" id="dot_2_2"></div>
<div class="hint_dot" id="dot_2_3"></div>
<div class="hint_dot" id="dot_2_4"></div>
<div class="hint_dot" id="dot_2_5"></div>
<div class="hint_dot" id="dot_2_6"></div>
</div>
<div class="hint" id="hint_3">
<div class="hint_dot" id="dot_3_1"></div>
<div class="hint_dot" id="dot_3_2"></div>
<div class="hint_dot" id="dot_3_3"></div>
<div class="hint_dot" id="dot_3_4"></div>
<div class="hint_dot" id="dot_3_5"></div>
<div class="hint_dot" id="dot_3_6"></div>
</div>
<div class="hint" id="hint_4">
<div class="hint_dot" id="dot_4_1"></div>
<div class="hint_dot" id="dot_4_2"></div>
<div class="hint_dot" id="dot_4_3"></div>
<div class="hint_dot" id="dot_4_4"></div>
<div class="hint_dot" id="dot_4_5"></div>
<div class="hint_dot" id="dot_4_6"></div>
</div>
<div class="hint" id="hint_5">
<div class="hint_dot" id="dot_5_1"></div>
<div class="hint_dot" id="dot_5_2"></div>
<div class="hint_dot" id="dot_5_3"></div>
<div class="hint_dot" id="dot_5_4"></div>
<div class="hint_dot" id="dot_5_5"></div>
<div class="hint_dot" id="dot_5_6"></div>
</div>
<div class="hint" id="hint_6">
<div class="hint_dot" id="dot_6_1"></div>
<div class="hint_dot" id="dot_6_2"></div>
<div class="hint_dot" id="dot_6_3"></div>
<div class="hint_dot" id="dot_6_4"></div>
<div class="hint_dot" id="dot_6_5"></div>
<div class="hint_dot" id="dot_6_6"></div>
</div>
</div>
<div class="no_selection" id="title"><h1>Crack the code <span class="no_selection" id="bubbles">🫧</span></h1></div>
<div id="game_backdrop"></div>
<div id="code">
<div class="code_digit" id="code_1"></div>
<div class="code_digit" id="code_2"></div>
<div class="code_digit" id="code_3"></div>
<div class="code_digit" id="code_4"></div>
<div class="code_digit" id="code_5"></div>
<div class="code_digit" id="code_6"></div>
</div>
<div id="puzzle">
<button value="1" class="puzzle_button" id="pb_1">1</button>
<button value="2" class="puzzle_button" id="pb_2">2</button>
<button value="3" class="puzzle_button" id="pb_3">3</button>
<button value="4" class="puzzle_button" id="pb_4">4</button>
<button value="5" class="puzzle_button" id="pb_5">5</button>
<button value="6" class="puzzle_button" id="pb_6">6</button>
<button value="7" class="puzzle_button" id="pb_7">7</button>
<button value="8" class="puzzle_button" id="pb_8">8</button>
<button value="9" class="puzzle_button" id="pb_9">9</button>
</div>
<div id="bottom_buttons">
<button class="button" id="reset_code" onclick="reset_code()"><span class="material-symbols-outlined">close</span></button>
<button class="button" id="delete_digit" onclick="delete_digit()"><span class="material-symbols-outlined">backspace</span></button>
<button class="button" id="test_code" onclick="test_code()"><span class="material-symbols-outlined">play_arrow</span></button>
</div>
<a href="https://github.com/owenfiscus/codecrack"><div id="github_link"></div></a>
</body>
</html>
<!-- scripts -->
<script src="./assets/scripts/game.js"></script>
<!-- IF YOU LOOKED YOU'RE A BAD PERSON -->