-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (56 loc) · 3.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%22256%22 height=%22256%22 viewBox=%220 0 100 100%22><text x=%2250%%22 y=%2250%%22 dominant-baseline=%22central%22 text-anchor=%22middle%22 font-size=%2290%22>🌎</text></svg>" />
<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=Merriweather&family=Montserrat:ital,wght@0,200;1,200&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles/main.css">
<meta name="google-site-verification" content="WN9z9uvLWfJpXs3VQNRQPMYO_niakC6xgTRmuv94a1I" />
<title>Global Time Scheduler</title>
<meta name="title" content="Global Time Scheduler">
<meta name="description" content="Global Time Scheduler helps you to schedule an event in your time and share it around the World. The shareable link will show the event time with respect to the viewers time zone.">
</head>
<body>
<header>
<a href="/globaltimeschedule"><h1>Global Time Scheduler</h1></a>
<div class="livetime">
<p id="yourtime"></p>
<p id="yourzone"></p>
</div>
</header>
<div class="content">
<div class="mainform">
<form method="get" id="timeform" name="timeform">
<input type="time" name="time" id="time" value="00:00">
<input type="date" name="date" id="date" required>
<input type="text" name="message" maxlength="25" id="message" placeholder="Event title" required>
<input type="submit" value="Get Link">
</form>
</div>
<br/>
<div class="getlink">
<input type="text" name="link" readonly value="" id="link" size="50">
<button id="copy" >Copy</button>
</div>
</div>
<div class="modal">
<div class="aboutmodal">
<span class="close">×</span>
<h1>About</h1>
<p>Sharing the date and time of a global event is a difficult task because of the different time zones. You can use Global Time Scheduler to generate a link for your event and share them with others around the World. People who receive the link will be able to see the date and time of the event according to their time zone.</p>
</div>
</div>
<footer>
<p id="about">About</p>
<div class="scode">
<a target="_blank" rel="noopener noreferrer" href="https://github.com/The-Jin-799/globaltimeschedule">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
<p>Source Code </p></a>
</div>
</footer>
</body>
<script src="main.js"></script>
</html>