From 1b5b71fc3361145f241013effed6bae8f860a458 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Sun, 19 Mar 2023 20:22:58 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Add=20back=20to=20home?=
 =?UTF-8?q?=20link.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/+layout.svelte         | 20 +++++++++++++++++---
 src/routes/directory/+page.svelte |  1 -
 2 files changed, 17 insertions(+), 4 deletions(-)
 delete mode 100644 src/routes/directory/+page.svelte

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 6260350..9813439 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -14,15 +14,17 @@
   // Icons:
   import Heart from 'phosphor-svelte/lib/Heart';
   import ArrowUpRight from 'phosphor-svelte/lib/ArrowUpRight';
+  import ArrowLeft from 'phosphor-svelte/lib/ArrowLeft';
 
   // Toaster:
   import { Toaster } from 'svelte-french-toast';
   import Transition from '@/components/transition.svelte';
+  import Container from '@/components/container.svelte';
 </script>
 
 <main class="min-h-screen bg-dark font-sans text-mini text-white">
   <nav
-    class="z-50 w-full overflow-y-auto overflow-x-hidden border-b border-neutral-800 md:pb-10 md:fixed md:top-0 md:left-0 md:h-full md:w-60 md:border-none"
+    class="z-50 w-full overflow-y-auto overflow-x-hidden border-b border-neutral-800 md:fixed md:top-0 md:left-0 md:h-full md:w-60 md:border-none md:pb-10"
   >
     <div class="items-center px-6 py-6">
       <div class="mb-3 border-b border-neutral-700/40 pb-3">
@@ -35,7 +37,7 @@
         <p class="mt-2 font-medium text-neutral-400">✨ Optimized SVGs logos</p>
       </div>
       <div
-        class="flex items-center space-y-1 overflow-y-auto border-b border-neutral-700/40 pb-3 md:mb-3 md:flex-col md:overflow-y-visible"
+        class="flex items-center space-x-1 overflow-y-auto border-b border-neutral-700/40 pb-3 md:mb-3 md:flex-col md:space-x-0 md:space-y-1 md:overflow-y-visible"
       >
         {#each categories as category}
           <a
@@ -49,7 +51,7 @@
         {/each}
       </div>
       <div
-        class="mt-3 flex flex-row items-center space-x-2 border-b border-neutral-700/40 pb-3 md:mt-0 md:flex-col md:space-y-1"
+        class="mt-3 flex flex-row items-center space-x-2 border-b border-neutral-700/40 pb-3 md:mt-0 md:flex-col md:space-x-0 md:space-y-1"
       >
         <a
           href="https://github.com/pheralb/svgl#-getting-started"
@@ -82,6 +84,18 @@
     </div>
   </nav>
   <div class="py-2 md:ml-60 md:py-6">
+    {#if data.pathname !== '/'}
+      <Container>
+        <a href="/">
+          <div
+            class="flex items-center space-x-2 text-neutral-400 transition-colors duration-100 hover:text-white"
+          >
+            <ArrowLeft size={20} />
+            <span>Back to home</span>
+          </div>
+        </a>
+      </Container>
+    {/if}
     <Transition pathname={data.pathname}>
       <slot />
     </Transition>
diff --git a/src/routes/directory/+page.svelte b/src/routes/directory/+page.svelte
deleted file mode 100644
index 8b13789..0000000
--- a/src/routes/directory/+page.svelte
+++ /dev/null
@@ -1 +0,0 @@
-