-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
142 lines (124 loc) · 3.88 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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon links -->
<link rel="icon" type="image/png" sizes="192x192" href="Favicon/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="Favicon/android-chrome-512x512.png">
<link rel="apple-touch-icon" sizes="180x180" href="Favicon/apple-touch-icon.png">
<link rel="icon" type="image/x-icon" href="Favicon/favicon.ico">
<link rel="icon" type="image/png" sizes="16x16" href="Favicon/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="Favicon/favicon-32x32.png">
<link rel="manifest" href="manifest/manifest.json">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
background-color: #f2f2f2;
}
header {
background-color: #333;
color: white;
padding: 10px;
text-align: center;
}
header img {
max-width: 100%;
max-height: 60px;
display: inline-block;
vertical-align: middle;
}
header h1 {
display: inline-block;
vertical-align: middle;
margin: 0;
}
main {
padding: 20px;
}
.info {
background-color: #fff;
border-radius: 10px;
padding: 20px;
margin-bottom: 20px;
text-align: justify;
}
.buttons {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.buttons button {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.buttons button:hover {
background-color: #45a049;
}
.developers {
margin-top: 10px;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px;
position: fixed;
bottom: 0;
width: 100%;
}
</style>
<title>CERDIG SCIENCE COMPETITION</title>
<script>
document.addEventListener("DOMContentLoaded", function() {
// Set the target date and time (18/11/2023 at 09.00 WIB)
var targetDate = new Date("November 18, 2023 09:43:00 GMT+0700");
// Get the "Lanjutkan" button element
var lanjutkanButton = document.getElementById("lanjutkanButton");
// Enable the button if the current date and time are greater than or equal to the target date and time
if (new Date() >= targetDate) {
lanjutkanButton.removeAttribute("disabled");
}
});
</script>
</head>
<body>
<header>
<img src="logo.png" alt="Logo">
<h1>CERDIG SCIENCE COMPETITION</h1>
</header>
<main>
<div class="info">
<p>1. Pastikan akun Google Anda tertaut di smartphone ini. <strong><b>JIKA BELUM</b></strong>, silahkan
tautkan akun google anda dengan cara klik tombol <strong><b>"LOGIN GOOGLE"</b></strong> dibawah,</a>lalu
kembali ke halaman ini!<br> <strong><b>JIKA SUDAH</b></strong>, klik <strong><b>"LANJUTKAN"</b></strong>
</p>
<p>2. Pastikan tampilan smartphone/iPhone dalam mode terang. Sistem dan Form tidak mendukung tampilan mode
gelap</p>
<p>3. Pastikan koneksi internet berjalan dengan baik. Anda hanya punya waktu 90 menit untuk ujian dan tidak
ada penambahan untuk koneksi internet buruk</p>
<p>4. Dilarang melakukan perbuatan curang! Sistem ini mampu mendeteksi kecurangan. Membuka tab baru atau
aplikasi lain saat ujian akan membuat layar smartphone otomatis terkunci</p>
<p>5. Segala bentuk kecurangan akan dijatuhi hukuman diskualifikasi oleh panitia</p>
</div>
<div class="buttons">
<a href="https://accounts.google.com/InteractiveLogin/signinchooser?continue=https%3A%2F%2Fwww.google.com" target="_blank">
<button>Login Google</button>
</a>
<a href="pilih_mapel.html">
<button id="lanjutkanButton" disabled>Lanjutkan</button>
</a>
</div>
<footer>
<p>Cerdas Digital ID © 2023</p>
</footer>
</body>
</html>