This repository has been archived by the owner on Jun 11, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
81 lines (79 loc) · 2.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<script src="https://use.fontawesome.com/27de6baef1.js"></script>
<link rel="stylesheet" type="text/css" href="public/css/style.min.css" />
<title>World:Time</title>
</head>
<body>
<nav id="top-bar">
<div class="title background-bright color-dark">
<h1>World<span class="blink">:</span>Time</h1>
</div>
<div class="search-bar">
<i class="fa fa-search"></i>
<form class="search-form" autocomplete="off">
<input type="text" class="search-input" name="timezone" />
<ul class="suggestions"></ul>
</form>
<div class="dots">
<i class="fa fa-ellipsis-h dots-icon"></i>
</div>
</div>
</nav>
<aside id="slideout-menu" class="hidden">
<div id="slideout-container">
<div id="settings">
<p class="head">Settings</p>
<form id="settings-form">
<label for="hide-second">
<input type="checkbox" id="hide-second" name="hide-second" />
<span class="checkmark"></span>
<p>Hide second hands</p></label
>
<label for="plain-style">
<input type="checkbox" id="plain-style" name="plain-style" />
<span class="checkmark"></span>
<p>Hide clock backgrounds</p></label
>
<label for="highlight-color">
<input
type="color"
id="highlight-color"
name="highlight-color"
value="#ff3300"
/>
<span class="pick-color"></span>
<p>Pick highlight color</p></label
>
</form>
</div>
<div id="about">
<p class="head">About</p>
<div id="project-description">
<p>
Did you ever wonder what time it is in places you are not at? Do
you prefer your clocks to be analog and your interfaces minimal?
Do you like having multiple of them on standby for that
cosmopolitan feel? Then this is for you.<br /><br />World:Time is
a practice project entirely developed in vanilla js without the
use of any frameworks or external libraries.
</p>
<p>
<br />
Created by <a href="http://mariuskroh.de">Marius Kroh</a><br />
View source on
<a href="https://github.com/mariusKroh/World-Time">Github</a>
</p>
</div>
</div>
</div>
</aside>
<main id="wrapper"></main>
<script src="public/js/script.js"></script>
</body>
</html>
<mariuskroh class="dev"></mariuskroh>