-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
27 lines (27 loc) · 1.15 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Youtube thumbnail grabber App</title>
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body class="bg-[#030637]">
<header class="text-white p-5">
<h1 class="text-2xl font-semibold">YoutubeThumbGrab</h1>
</header>
<div class="bg-[#3C0753] max-w-2xl text-white p-5 mx-auto mt-10 rounded h-fit">
<div class="font-semibold text-lg">Paste the youtube link here</div>
<input
type="url"
id="youtubeLink"
name="url"
class="w-full px-4 py-2 rounded mt-3 text-[#720455] bg-gray-200 outline-none">
<button class="w-full mt-3 py-2 bg-[#720455] rounded font-medium hover:bg-[#61084a]">Grab the thumbnail</button>
<div class="mt-5 rounded" id="youtubeThumbnail"></div>
</div>
<div class="text-center text-white font-semibold text-2xl mt-5">Click on image to display full screen</div>
<script type="module" src="/assets/js/main.js"></script>
</body>
</html>