<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>London pub search</title>
<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=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="/src/index.css" />
</head>
<body class="text-neutral-200 bg-neutral-800 font-['Montserrat']">
<main class="p-2">
<h1 class="text-lg font-semibold mb-5"><a href="/">London Pub Search</a> <span class="text-2xl">🍻</span></h1>
<ul class="mb-10">
<li class="mb-1">
<strong>By:</strong> <a href="https://jezl.xyz" class="underline text-amber-300" target="_blank">Jezl</a>
</li>
<li class="mb-1">
<strong>Using:</strong>
<a href="https://algolia.com" class="underline text-amber-300" target="_blank">Algolia</a>,
<a
href="https://developers.google.com/maps/documentation/javascript"
class="underline text-amber-300"
target="_blank"
>Google Maps API</a
>,
<a href="https://tailwindcss.com/" class="underline text-amber-300" target="_blank">Tailwind</a>
</li>
<li class="mb-1"></li>
</ul>
<a href="https://github.com/JeremyJamesL/london-pubs" class="underline text-amber-300 italic" target="_blank"
>Github</a
>
</main>
<script type="module" src="/src/main.js"></script>
</body>
</html>