Add meta description tags and fix some styling issues

This commit is contained in:
Lewin Kelly 2023-07-09 09:45:46 +01:00
parent afc45328cf
commit 6ff9165c38
No known key found for this signature in database
GPG Key ID: C103AD9C84014FD7
5 changed files with 16 additions and 9 deletions

View File

@ -3,11 +3,12 @@
</script>
<svelte:head>
<meta name="description" content={$page.error?.message} />
<title>{$page.error?.message} • Revival Archive</title>
</svelte:head>
<div class="flex flex-col justify-center items-center h-72vh">
<div class="bg-a p-8 px-22 rounded-4 text-center">
<div class="flex flex-col justify-center items-center">
<div class="bg-a p-8 px-22 rounded-4 text-center mt-30vh">
<h1 class="m-0 mb-5 text-2.2rem">Error {$page.status}</h1>
{$page.error?.message}
</div>

View File

@ -1,8 +1,8 @@
<svelte:head>
<meta name="description" content="Blog posts and reviews about revivals" />
<title>Revival Archive</title>
</svelte:head>
# Revival Archive
Visit [kit.svelte.dev](https://kit.svelte.dev)
to read the documentation
Visit [kit.svelte.dev](https://kit.svelte.dev) to read the documentation

View File

@ -0,0 +1,3 @@
# About
Revival Archive

View File

@ -6,7 +6,7 @@
<title>Blog • Revival Archive</title>
</svelte:head>
<h1>Posts</h1>
<h1>Blog Posts</h1>
{#each data.posts as post}
<a href="/blog/{post.path}" class="txt text-white @light:text-dark

View File

@ -1,6 +1,6 @@
<script lang="ts">
const years: { [k: number]: string } = {
2008: "bg-pink-700",
2008: "bg-fuchsia-500 text-black",
2009: "bg-rose-400 text-black",
2010: "bg-red-600",
2011: "bg-orange-500 text-black",
@ -18,7 +18,7 @@
const revivals = [
{
name: "Mercury",
years: [2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020],
years: [2013],
rating: 5,
},
{
@ -70,6 +70,9 @@
</script>
<svelte:head>
<meta
name="description"
content="An index of many of the currently playable revivals." />
<title>Revival Index • Revival Archive</title>
</svelte:head>
@ -92,8 +95,8 @@
</span>
{/each}
</div>
<div class="my-20 text-center">
<code>revival logo goes here</code>
<div class="mt-5 mb-36">
This revival is one of the revivals ever! Play today!
</div>
<div class="mt-a ms-a">