-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
31 lines (29 loc) · 2.38 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
<html>
<head>
<link rel="icon" href="https://lh3.googleusercontent.com/pw/AJFCJaWk2ppiixRneO28N-j_c1aLow6p-VW9-4eUZAFWompL_NBkjhkkxCtSYytT-31D1t4E9907mMfCnmIuvLDtzvSp8NIhNI3Imse2ZjrkFNOkEx93QTatf1jujgjUSUqLA0v6RVMZUEX4LWS2UnrXI0CE=w32-h32-s-no?authuser=0" type="image/x-icon">
<title>Minimalistic Clock</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="light-mode.css" media="(prefers-color-scheme: light)">
<link rel="stylesheet" href="dark-mode.css" media="(prefers-color-scheme: dark)">
</head>
<body>
<div class="clock">
<div class="time" id="time"></div>
<div class="date" id="date"></div> <!-- Add the date element -->
</div>
<div class="button-container">
<button onclick="toggleTimeFormat()">12/24H</button>
<button onclick="toggleSeconds()">Show/Hide Sec</button> <!-- Add the new button -->
</div>
<div class="behance">
<a href="https://www.behance.net/bypedroneres"><img class="behance" src="https://static.wixstatic.com/media/ca4433_1834e784e045456daf4aeea6e5564941~mv2.png" alt="Icon 1"></a>
<a href="https://dribbble.com/bypedroneres"><img class="behance" src="https://static.wixstatic.com/media/ca4433_256afa8a5b9f4cd5af42e65d5cc74395~mv2.png" alt="Icon 2"></a>
<a href="https://www.linkedin.com/in/neresx/"><img class="behance" src="https://static.wixstatic.com/media/ca4433_4e0d87d783e047a98bd759ad0b65da8c~mv2.png" alt="Icon 3"></a>
<a href="https://github.com/bypedroneres"><img class="behance" src="https://static.wixstatic.com/media/ca4433_484af6937eeb4da29bbef8af8d01c55a~mv2.png" alt="Icon 4"></a>
<a href="https://www.instagram.com/bypedroneres/"><img class="behance" src="https://static.wixstatic.com/media/ca4433_5a8dbc9f271e451ca3951943a5aca698~mv2.png" alt="Icon 5"></a>
<a href="https://medium.com/@bypedroneres"><img class="behance" src="https://static.wixstatic.com/media/ca4433_0a8889e71c4244578b039246cd46ce5b~mv2.png" alt="Icon 6"></a>
<a href="https://unsplash.com/de/@bypedroneres"><img class="behance" src="https://static.wixstatic.com/media/ca4433_0843070eea474664977110ad377439a4~mv2.png" alt="Icon 7"></a>
</div>
<script src="script.js"></script>
</body>
</html>