-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (61 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
<!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>Clock App</title>
<link rel="shortcut icon" href="./assets/images/icon/icon196x196.png" type="image/x-icon">
<link rel="manifest" href="manifest.json">
<link rel="apple-touch-icon" href="#">
<link rel="stylesheet" href="./src/style/style.css">
</head>
<body class="dark-mode">
<nav>
<div class="logo">
<p></DSAghicha></p>
</div>
<a href="https://github.com/DSAghicha">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="21.25" viewBox="0 0 25 21.25">
<path id="Path_1" data-name="Path 1" d="M23.25,10.875,19.5,7.5,14.5,3,2,14.25H5.75v10H12v-7.5h5v7.5h6.25v-10H27Z" transform="translate(-2 -3)"/>
</svg> Home
</a>
</nav>
<main>
<div class="main-cr">
<div class="mode-cr">
<svg onclick="changeMode()" id="sun" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" width="36px" height="36px">
<rect fill="none" height="24" width="24"/>
<path d="M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0 c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2 c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1 C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06 c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41 l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41 c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36 c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"/>
</svg>
<svg onclick="changeMode()" id="moon" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" width="36px" height="36px">
<g>
<path d="M0,0h24v24H0V0z" fill="none"/>
</g>
<g>
<path d="M14,2c1.82,0,3.53,0.5,5,1.35C16.01,5.08,14,8.3,14,12s2.01,6.92,5,8.65C17.53,21.5,15.82,22,14,22C8.48,22,4,17.52,4,12 S8.48,2,14,2z"/>
</g>
</svg>
</div>
<p id="date-cr"></p>
<div class="clock-cr">
<div class="clock">
<div class="hours">
<div class="hr" id="hr-hand"></div>
</div>
<div class="minutes">
<div class="min" id="min-hand"></div>
</div>
<div class="seconds">
<div class="sec" id="sec-hand"></div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>Created by <a target="_blank" href="https://github.com/DSAghicha">Darshaan</a>©</p>
</div>
</main>
<script src="./src/js/index.js"></script>
</body>
</html>