From 39afafacab6c677bedbe88480d4c00ee860af13c Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Sat, 10 Dec 2022 18:30:40 +0100
Subject: [PATCH] search engine things

---
 src/routes/+layout.svelte                        |  7 ++++++-
 src/routes/+layout.ts                            |  6 ++++++
 src/routes/+page.svelte                          | 16 ++++++++++++++--
 src/routes/[manga]/[chapter]/[page]/+page.svelte |  2 +-
 src/routes/about/+page.svelte                    |  4 ++++
 src/routes/pageTransition.svelte                 | 14 ++++++++++++++
 static/robots.txt                                |  5 ++++-
 7 files changed, 49 insertions(+), 5 deletions(-)
 create mode 100644 src/routes/+layout.ts
 create mode 100644 src/routes/pageTransition.svelte

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 0f7190f..933f5f0 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,7 +1,10 @@
 <script>
     import { afterNavigate } from "$app/navigation";
     import { logs } from "$lib/util/logs";
+    import PageTransition from "./pageTransition.svelte";
 
+    export var data;
+    
     let skipFirst = true;
     let last = typeof window !== "undefined" && window.location.pathname;
     afterNavigate(page => {
@@ -35,7 +38,9 @@
 </script>
 
 <div class:dark={darkmode} class="main">
-    <slot />
+    <PageTransition url={data.url}>
+        <slot />
+    </PageTransition>
 </div>
 
 {#if $logs.length}
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
new file mode 100644
index 0000000..e75323f
--- /dev/null
+++ b/src/routes/+layout.ts
@@ -0,0 +1,6 @@
+
+
+/** @type {import('./$types').PageLoad} */
+export function load({ url }) {
+    return { url: url.pathname };
+}
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ab0f008..fd501fe 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -119,7 +119,7 @@
 
 <svelte:head>
 	<title>Mangadex search & downloader</title>
-	<meta name="description" value="Read manga from Mangadex online, or download it as EPUB or CBZ file to read it on your e-reader." />
+	<meta name="description" content="Read manga from Mangadex online, or download it as EPUB or CBZ file to read it on your e-reader." />
 </svelte:head>
 
 <Navbar bind:name {open} hostname={data.url.hostname} />
@@ -165,6 +165,8 @@
 			Sign in via Anilist to view your manga list and search for manga online. You can still read manga or download it without signing in using direct mangadex URLs.
 		</p>
 	{/if}
+
+    <a href="/about" class="about">About</a>
 </main>
 
 <style lang="postcss">
@@ -183,7 +185,7 @@
 		margin-bottom: 5px;
 	}
 	a:not(.button) {
-		color: rgb(33, 50, 87);
+		color: rgb(86, 139, 255);
 		text-decoration: underline;
 	}
 	a:hover:not(.button) {
@@ -193,4 +195,14 @@
     main {
         padding-bottom: 1rem;
     }
+    a.about {
+        display: block;
+        text-align: right;
+        margin-top: 1rem;
+        color: white;
+        font-size: 1.4rem;
+    }
+    a.about:visited {
+        color: white;
+    }
 </style>
diff --git a/src/routes/[manga]/[chapter]/[page]/+page.svelte b/src/routes/[manga]/[chapter]/[page]/+page.svelte
index 7b33472..3354fc1 100644
--- a/src/routes/[manga]/[chapter]/[page]/+page.svelte
+++ b/src/routes/[manga]/[chapter]/[page]/+page.svelte
@@ -208,7 +208,7 @@
 
 <svelte:head>
     <title>{title} Chapter {chapter.attributes.chapter} Page {page}</title>
-	<meta name="description" value="Read page {page} of chapter {chapter.attributes.chapter} of {title} online. Free of charge and ads." />
+	<meta name="description" content="Read page {page} of chapter {chapter.attributes.chapter} of {title} online. Free of charge and ads." />
 </svelte:head>
 
 <div class="top">
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index e71bcfd..062f2b5 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -1,3 +1,7 @@
+<svelte:head>
+	<title>Mangadex search & downloader - About</title>
+	<meta name="description" content="About page. Read manga from Mangadex online, or download it as EPUB or CBZ file to read it on your e-reader." />
+</svelte:head>
 
 <main>
     <h1>Manga reader</h1>
diff --git a/src/routes/pageTransition.svelte b/src/routes/pageTransition.svelte
new file mode 100644
index 0000000..63c554a
--- /dev/null
+++ b/src/routes/pageTransition.svelte
@@ -0,0 +1,14 @@
+<script>
+    import { fade } from "svelte/transition";
+    export let url = "";
+</script>
+
+{#key url}
+    <div
+        in:fade={{ opacity: 1, duration: 200, delay: 150 }}
+        out:fade={{ opacity: 0, duration: 200 }}
+        class="absolute bg-inherit w-full"
+    >
+        <slot />
+    </div>
+{/key}
\ No newline at end of file
diff --git a/static/robots.txt b/static/robots.txt
index 8265403..419b8d7 100644
--- a/static/robots.txt
+++ b/static/robots.txt
@@ -1,4 +1,7 @@
 # https://www.robotstxt.org/robotstxt.html
 User-agent: *
 Allow: /
-Disallow: /*
\ No newline at end of file
+Disallow: /*
+Allow: /?search=
+Allow: /random
+Allow: /about
\ No newline at end of file