Files
train-quiz/src/pages/index.astro
T
2024-10-08 22:29:46 -04:00

63 lines
1.8 KiB
Plaintext

---
import Guesser from "../components/Guesser.svelte";
import screenshot from "../screenshot.png";
import socialImage from "../social-image.jpg";
---
<html>
<head>
<link rel="preload" as="image" href={screenshot.src} />
<title>The Boston Train Quiz</title>
{
import.meta.env.PROD && (
<script
is:inline
defer
src="https://cloud.umami.is/script.js"
data-website-id="3c0255b3-e006-4147-8fc3-5d87b9160e7b"
/>
)
}
<meta property="og:title" content="The Boston Train Quiz" />
<meta property="og:type" content="website" />
<meta property="og:image" content={socialImage.src} />
<meta property="og:url" content="https://trains.clb.li" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content={socialImage.src} />
<meta name="twitter:title" content="The Boston Train Quiz" />
</head>
<body>
<Guesser client:load />
<p
class="fixed bottom-0 left-0 text-gray-400 transition-transform translate-y-3 hover:translate-y-0 hover:translate-x-2 cursor-default"
>
<a href="https://calebden.io" class="underline" target="_blank">Caleb</a> made
this &middot; and it's on <a
href="https://github.com/cjdenio/train-quiz"
class="underline"
target="_blank">GitHub</a
>
</p>
<p class="fixed bottom-1 right-2 text-gray-400">
Data provided by the <a
href="https://www.mbta.com/developers/gtfs"
class="underline"
target="_blank">MBTA</a
>
</p>
<script>
import Honeybadger from "@honeybadger-io/js";
Honeybadger.configure({
apiKey: "hbp_kMocExYws1yKlIKXs0TkQzbAGmDpqJ2kz24F",
environment: import.meta.env.MODE,
});
</script>
</body>
</html>