Added stylelint, improved code readability, implemented swipe controls

components/EMail.vue

@@ -39,5 +39,3 @@ const href =
     </slot>
   </a>
 </template>
-
-<style scoped lang="scss"></style>

components/Flooter.vue

@@ -17,7 +17,10 @@ const mailTemplate = `I've just found a bug on https://enderman.ch and would lik
 
 <template>
   <footer class="user-select-none text-align-center line-height-1-5">
-    <span class="font-small text-shadow" :class="{ transpaque: !props.opaque }">
+    <span
+      class="font-small"
+      :class="{ transpaque: !props.opaque, 'text-shadow': !props.opaque }"
+    >
       <EMail
         class="link-hi-force-dark"
         address="[email protected]"

components/Navigation.vue

@@ -10,6 +10,7 @@ import socialIcon from '~/assets/images/icons/user.png'
 const pageStore = usePageStore()
 const { pages } = storeToRefs(pageStore)
 
+const links = toRaw(pages.value).filter((page) => page.path !== '/')
 const icons = [aboutIcon, projectIcon, socialIcon]
 </script>
 
@@ -26,7 +27,7 @@ const icons = [aboutIcon, projectIcon, socialIcon]
     <ul
       class="navbar-nav flex-row align-items-center align-items-sm-start align-items-lg-center justify-content-center gap-3 m-2 m-sm-0 mx-lg-2 my-sm-2 my-lg-0"
     >
-      <li v-for="(page, index) in pages" :key="index" class="nav-item">
+      <li v-for="(page, index) in links" :key="index" class="nav-item">
         <LinkButton
           :path="page.path"
           :name="page.name"
@@ -37,5 +38,3 @@ const icons = [aboutIcon, projectIcon, socialIcon]
     </ul>
   </nav>
 </template>
-
-<style scoped lang="scss"></style>

components/Separator.vue

@@ -17,5 +17,3 @@ const props = defineProps({
     :style="{ height: props.height + 'px' }"
   />
 </template>
-
-<style scoped lang="scss"></style>