-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
128 lines (115 loc) · 6.03 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
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
<!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">
<link rel="stylesheet" href="./styles.css">
<link rel = "icon" href = "./resources/img/Google-logo.jpg" type = "image/x-icon">
<link rel="apple-touch-icon" href="./resources/img/Google-logo.jpg">
<title>Pixel6 Event</title>
<meta name="theme-color" content="#317EFB"/>
<!-- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> -->
<link rel="manifest" href="manifest.json">
<link rel="canonical" href="https://co-science.github.io/CountMeDown/"/>
</head>
<body>
<div class="bg-img"></div>
<div class="container">
<h1 id="headline">Countdown for the <a href="https://pixelevent.withgoogle.com/" target="blank" alt="Pixel event">Pixel 6</a> launch :</h1>
<div id="countdown">
<ul>
<li><span id="days"></span>days</li>
<li><span id="hours"></span>Hours</li>
<li><span id="minutes"></span>Minutes</li>
<li><span id="seconds"></span>Seconds</li>
</ul>
</div>
<div id="content" class="emoji">
<span>🥳</span>
<span>🎉</span>
<span>🍷</span>
</div>
<div class="github-div">
<a
href="https://github.com/Co-Science/CountMeDown/"
target="_blank"
rel="noopener"
aria-label="Star Co-Science/CountMeDown/ on GitHub"
><svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 501.986 501.986"
style="enable-background: new 0 0 501.986 501.986"
xml:space="preserve"
width="512"
height="512"
>
<g>
<g>
<path
style="fill: aliceblue"
d="M287.442,42.472l42.984,87.096c5.921,11.997,17.365,20.312,30.604,22.235l96.116,13.966 c33.339,4.844,46.651,45.815,22.527,69.331l-69.55,67.795c-9.58,9.338-13.951,22.792-11.69,35.978l16.419,95.728 c5.695,33.204-29.157,58.526-58.976,42.849l-85.969-45.196c-11.841-6.225-25.988-6.225-37.829,0l-85.969,45.196 c-29.819,15.677-64.671-9.644-58.976-42.849l16.419-95.728c2.261-13.185-2.11-26.639-11.69-35.978L22.312,235.1 C-1.812,211.585,11.5,170.614,44.839,165.77l96.116-13.966c13.239-1.924,24.684-10.239,30.604-22.235l42.984-87.096 C229.454,12.262,272.533,12.262,287.442,42.472z"
/>
<path
d="M374.839,492.172c-8.05,0-16.139-1.941-23.616-5.872l-85.969-45.196c-8.931-4.694-19.593-4.693-28.521,0L150.764,486.3 c-17.189,9.037-37.628,7.56-53.338-3.855C81.715,471.03,73.995,452.05,77.277,432.91l16.419-95.728 c1.705-9.944-1.59-20.084-8.813-27.126l-69.551-67.794C1.426,228.707-3.484,208.813,2.517,190.343 c6-18.469,21.667-31.677,40.885-34.469l96.115-13.967c9.984-1.451,18.61-7.718,23.075-16.765l42.984-87.096 c8.595-17.414,25.998-28.232,45.417-28.232s36.822,10.818,45.417,28.232l0,0l42.984,87.096 c4.465,9.047,13.091,15.314,23.075,16.765l96.115,13.967c19.218,2.792,34.885,16,40.885,34.469 c6.001,18.469,1.091,38.363-12.815,51.918l-69.55,67.794c-7.225,7.042-10.52,17.183-8.814,27.127l16.419,95.727 c3.282,19.14-4.438,38.121-20.148,49.535C395.685,488.895,385.295,492.172,374.839,492.172z M250.993,417.582 c8.096,0,16.188,1.939,23.567,5.819l85.969,45.196c10.559,5.551,22.625,4.679,32.275-2.333s14.208-18.217,12.191-29.974 l-16.419-95.728c-2.817-16.434,2.628-33.192,14.567-44.829l69.549-67.794c8.543-8.327,11.442-20.071,7.756-31.417 c-3.687-11.345-12.935-19.142-24.739-20.857l-96.117-13.967c-16.499-2.397-30.754-12.755-38.134-27.706l-42.984-87.096 c-5.279-10.697-15.553-17.083-27.481-17.083c-11.929,0-22.202,6.386-27.481,17.083l-42.984,87.096 c-7.38,14.951-21.635,25.308-38.134,27.706l-96.116,13.967c-11.806,1.715-21.054,9.513-24.74,20.857 c-3.687,11.345-0.787,23.09,7.756,31.416l69.55,67.794c11.938,11.637,17.384,28.396,14.566,44.829L96.99,436.291 c-2.017,11.757,2.541,22.962,12.191,29.974c9.651,7.012,21.717,7.884,32.275,2.333l85.969-45.196 C234.804,419.522,242.899,417.582,250.993,417.582z"
/>
</g>
<g>
<path
style="fill: #fff"
d="M231.978,103.014c-1.486,0-2.994-0.333-4.418-1.035c-4.952-2.444-6.985-8.44-4.542-13.393l8.559-17.342 c2.444-4.953,8.438-6.988,13.394-4.542c4.952,2.444,6.985,8.44,4.542,13.393l-8.559,17.342 C239.211,100.966,235.664,103.014,231.978,103.014z"
/>
</g>
<g>
<path
style="fill: #fff"
d="M145.668,198.093c-4.887,0-9.16-3.585-9.884-8.563c-0.794-5.465,2.993-10.54,8.458-11.334 c23.306-3.387,43.441-18.017,53.863-39.134l9.612-19.476c2.443-4.953,8.44-6.986,13.394-4.542 c4.952,2.444,6.985,8.44,4.542,13.393l-9.612,19.476c-13.337,27.021-39.102,45.741-68.922,50.075 C146.632,198.059,146.147,198.093,145.668,198.093z"
/>
</g>
</g>
</svg>
<p>Star on GitHub</p>
</a>
</div>
<audio controls loop>
<source src="./resources/audio/microsoftTime.mp3" type="audio/mp3">
<embed src="./resources/audio/microsoftTime.mp3" loop="true" autostart="true" width="2" height="0">
<p>If you are reading this, it is because your browser does not support the audio element. </p>
</audio>
<style>
a:link {
color: green;
background-color: transparent;
text-decoration: none;
}
a:visited {
color: pink;
background-color: transparent;
text-decoration: none;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
a:active {
color: yellow;
background-color: transparent;
text-decoration: underline;
}
</style>
<a href="https://youtu.be/Gcjw0c4RGL0" target="_blank"> Audio Source</a>
</div>
<script src="./timer.js"></script>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('./sw.js')
}
</script>
</body>
</html>