-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (125 loc) · 3.99 KB
/
Copy pathindex.html
File metadata and controls
136 lines (125 loc) · 3.99 KB
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
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<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>Match Game</title>
<meta name="description" content="A game of making matches">
<meta name="author" content="Chip Long">
<!-- favicon -->
<link rel="shortcut icon" href="./favicon.png" type="image/x-icon">
<link rel="icon" href="./favicon.png" type="image/x-icon">
<!-- fonts -->
<!-- for text -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Work+Sans:400,700,900">
<!-- for cards -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Mono:400,500,700">
<!-- font awesome provides icons (http://fontawesome.io/icons/) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- reset the CSS to get rid of browser overwrites -->
<link rel="stylesheet" href="./resources/css/reset.css">
<!-- Main CSS file -->
<link rel="stylesheet" href="./resources/css/style.css">
<!--[if lt IE 9]>
<script>
window.alert("Get a new browser.");
</script>
<![endif]-->
</head>
<body>
<header>
<div class="header-limiter">
<div class="logo">
<h1>Match Game</h1>
</div>
<nav>
<ul>
<li>
<a href="#" class="rule">
<i class="fa fa-book" aria-hidden="true"></i>
<span class="desktop-menu"> Rules</span>
</a>
</li>
<li>
<a href="#" class="settings">
<i class="fa fa-cog" aria-hidden="true"></i>
<span class="desktop-menu">
Settings
</span>
</a>
</li>
<li class="nodisplay">
<a href="#" class="win"></a>
</li>
</ul>
</nav>
</div>
</header>
<!-- game board
game-board is a flex container (column) that holds game-rows
game-row is a flex container that holds cards
cards are determined by columns and are spaced evenly in the center of the board -->
<div id="game" class="game-board">
<!-- mock start
<div class="game-row">
<div class="card"></div>
</div>
mock end -->
</div>
<footer>
<div class="footer-limiter">
<div class="timer">
<h2>Your time: <span id="timer">00:00:00</span></h2>
</div>
<a href="https://chip-l.github.io/">chip-l.github.io</a>
</div>
</footer>
<!-- - - - - - - - - Custom Modal Dialog - - - - - - - - -->
<!-- $block_page - dark background -->
<div class="custom_block_page">
<!-- $pop_up -->
<div class="custom_modal_box">
<!-- $close button -->
<a href="#" class="custom_modal_close"></a>
<!-- $inner -->
<div class="custom_inner_modal_box">
loading...
</div>
</div>
</div>
<!-- old please delete -->
<!-- <div class="container">
<div class="row">
<!-- Instructions -->
<!-- <div class="col-md-3 col-xs-12">
<!-- Timer section -->
<!-- <div class="panel-group">
<div class="panel panel-default">
<div class="panel-body">
<!-- <div class="timer"> -->
<!-- <p>Your time: <span id="timer">00:00:00</span></p>
</div>
</div>
</div>
<!-- /Timer section -->
<!-- </div>
<!-- </div>
<!-- /main row -->
<!-- </div>
<!-- /main container -->
<!-- JQuery -->
<script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous">
</script>
<!-- site JS scripts -->
<script src="./resources/js/timer.js"></script>
<script src="./resources/js/ui.js"></script>
<script src="./resources/js/match-game.js"></script>
<script src="./resources/js/main.js"></script>
<script src="./resources/js/tests.js"></script>
</body>
</html>