♿️ Added jump to main content button

Author: johannchopin

src/App.svelte

@@ -1,4 +1,5 @@
 <script>
+  import GoToMainContent from './components/GoToMainContent.svelte';
   import Navbar from './components/Navbar.svelte'
   import Header from './components/Header.svelte'
   import Footer from './components/Footer.svelte'
@@ -7,9 +8,10 @@
   import Textarea from './components/Textarea.svelte'
 </script>
 
+<GoToMainContent />
 <Navbar />
 <Header />
-<main class="d-flex flex-column justify-content-center align-items-center px-2 px-sm-5">
+<main id="mainContent" class="d-flex flex-column justify-content-center align-items-center px-2 px-sm-5">
   <Settings />
   <Textarea />
   <FileDropzone />

src/components/GoToMainContent.svelte

@@ -0,0 +1,12 @@
+<a
+  href="#mainContent"
+  class="position-absolute top-0 start-0 btn btn-outline-secondary bg-light text-primary m-2 visually-hidden-focusable"
+>
+  Go to main content
+</a>
+
+<style>
+  a {
+    z-index: 5;
+  }
+</style>