forked from diosamuel/keplak
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
53 lines (48 loc) · 2.91 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
<link href="./assets/css/style.css" rel="stylesheet">
<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=Bebas+Neue&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital@0;1&display=swap" rel="stylesheet">
<title>Keplak</title>
</head>
<body>
<div class="flex flex-col justify-center items-center m-8">
<h1 class="text-5xl text-center" id="title">Dikeplak sebanyak <span>0</span> Kali</h1>
<p class="text-2xl text-center" id="subtitle"></p>
<button id="boost" onclick="boost()" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded mt-5">
Ngebut!
</button>
</div>
<div class="flex flex-col justify-center items-center">
<div class="flex items-center bg-red-600 text-white text-sm font-bold px-3 py-2 mb-1 shadow-xl" role="alert">
<svg class="fill-current w-4 h-4 mr-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.432 0c1.34 0 2.01.912 2.01 1.957 0 1.305-1.164 2.512-2.679 2.512-1.269 0-2.009-.75-1.974-1.99C9.789 1.436 10.67 0 12.432 0zM8.309 20c-1.058 0-1.833-.652-1.093-3.524l1.214-5.092c.211-.814.246-1.141 0-1.141-.317 0-1.689.562-2.502 1.117l-.528-.88c2.572-2.186 5.531-3.467 6.801-3.467 1.057 0 1.233 1.273.705 3.23l-1.391 5.352c-.246.945-.141 1.271.106 1.271.317 0 1.357-.392 2.379-1.207l.6.814C12.098 19.02 9.365 20 8.309 20z"/></svg>
<p id="status">Status : <bold>MASIH SEHAT</bold></p>
</div>
<img src="https://scontent.fcgk32-1.fna.fbcdn.net/v/t39.30808-6/cp0/e15/q65/p296x100/263682247_623523175496052_1357804224065394321_n.jpg?_nc_cat=107&ccb=1-5&_nc_sid=1480c5&_nc_ohc=vJJHFDmNRKkAX_uFbIt&_nc_ht=scontent.fcgk32-1.fna&oh=00_AT84r5dH875Z7vvAee4DUdfGOA-XpYAIdEpugRZR5zzfwA&oe=61D17A34" width="600" height="600" id="image">
<!-- <img src="./assets/img/hand.png" id="hand"> -->
<img src="https://media.baamboozle.com/uploads/images/310168/1634509166_69002_gif-url.gif" id="hand"/>
<div class="flex justify-center mt-2">
<div class="max-w-2xl">
<div class="m-2">
<div class="flex items-center justify-center w-full">
<label
class="flex flex-col w-full h-32">
<div class="flex flex-col items-center justify-center pt-7">
<a class="w-full px-4 py-2 text-white text-center bg-blue-500 rounded shadow-xl">Upload</a>
</div>
<input type="file" class="opacity-0" oninput="readImage()" accept="image/png, image/gif, image/jpeg" />
</label>
</div>
</div>
</div>
</div>
</div>
<script src="./assets/js/app.js"></script>
</body>
</html>