37 lines
1.5 KiB
HTML
37 lines
1.5 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="pt-BR" class="h-full bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
|
|
<title>Busca de Workshops</title>
|
||
|
|
<link rel="stylesheet" href="/src/style.css" />
|
||
|
|
</head>
|
||
|
|
<body class="h-full text-slate-100 antialiased">
|
||
|
|
<main class="max-w-6xl mx-auto px-4 py-12">
|
||
|
|
<header class="mb-8">
|
||
|
|
<h1 class="text-3xl font-semibold tracking-tight">Busca de Workshops</h1>
|
||
|
|
</header>
|
||
|
|
<section class="backdrop-blur-md bg-white/5 ring-1 ring-white/10 rounded-2xl p-6 shadow-lg">
|
||
|
|
<form id="search-form" class="flex flex-col sm:flex-row gap-3">
|
||
|
|
<input id="q" name="q"
|
||
|
|
class="flex-1 rounded-xl bg-white/5 ring-1 ring-white/10 px-4 py-2 placeholder:text-slate-500
|
||
|
|
focus:outline-none focus:ring-2 focus:ring-sky-500"
|
||
|
|
placeholder="Buscar por título..." autocomplete="off" />
|
||
|
|
<button type="submit"
|
||
|
|
class="rounded-xl px-5 py-2 font-medium bg-sky-600 hover:bg-sky-500 transition
|
||
|
|
shadow-[0_8px_30px_rgb(2,132,199,0.35)]">
|
||
|
|
Buscar
|
||
|
|
</button>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<p id="meta" class="text-sm text-slate-400 mt-3"></p>
|
||
|
|
|
||
|
|
<div id="results"
|
||
|
|
class="grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 mt-4"></div>
|
||
|
|
</section>
|
||
|
|
</main>
|
||
|
|
|
||
|
|
<script type="module" src="/src/main.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|