Created blog page, many improvements

components/animations/Portal.vue

@@ -2,6 +2,9 @@
 import sky from '~/assets/images/textures/sky.png'
 import particles from '~/assets/images/textures/particles.png'
 
+const config = useAppConfig()
+const fqdn = config.url.split('//')[1]
+
 const resources: string[] = [sky, particles]
 
 const props = defineProps({
@@ -316,7 +319,7 @@ class Portal {
 
   notice() {
     console.log(
-      `%c \u2587%c\u2587%c\u2587  %c\u2587%c\u2587%c\u2587 %c // ECMAPortal v${this.version} by Endermanch & WiPet\n\n\thttps://enderman.ch\n\thttps://go.enderman.ch/wipet`,
+      `%c \u2587%c\u2587%c\u2587  %c\u2587%c\u2587%c\u2587 %c // ECMAPortal v${this.version} by Endermanch & WiPet\n\n\t${config.url}\n\t${config.shortener}/wipet`,
       'color: #E58EFF',
       'color: #D52DFF',
       'color: #E58EFF',
@@ -327,7 +330,7 @@ class Portal {
     )
 
     console.log(
-      'If any errors occur below, please send a screenshot of them my way!\n\t%ccontact@enderman.ch',
+      `If any errors occur below, please send a screenshot of them my way!\n\t%ccontact@${fqdn}`,
       'color: #87CEFA',
     )
   }

components/blocks/Flooter.vue

@@ -4,9 +4,10 @@ const props = defineProps({
 })
 
 const config = useAppConfig()
+const fqdn = config.url.split('//')[1]
 
 const currentYear = new Date().getFullYear()
-const mailTemplate = `I've just found a bug on https://enderman.ch and would like to report it.%0D%0A%0D%0AWebsite version: ${
+const mailTemplate = `I've just found a bug on ${config.url} and would like to report it.%0D%0A%0D%0AWebsite version: ${
   config.build.version
 }%0D%0ABuild date: ${
   config.build.date
@@ -29,9 +30,9 @@ const mailTemplate = `I've just found a bug on https://enderman.ch and would lik
           'link-hi-force-dark': !props.opaque,
           'link-hi': props.opaque,
         }"
-        address="contact@enderman.ch"
-        cc="admin@enderman.ch"
-        subject="Bug report: enderman.ch"
+        :address="`contact@${fqdn}`"
+        :cc="`admin@${fqdn}`"
+        :subject="`Bug report: ${fqdn}`"
         :body="mailTemplate"
       >
         <strong>Report a bug</strong>
@@ -43,7 +44,7 @@ const mailTemplate = `I've just found a bug on https://enderman.ch and would lik
           'link-hi-force-dark': !props.opaque,
           'link-hi': props.opaque,
         }"
-        href="https://enderman.ch"
+        :href="config.url"
         >Enderman</a
       >. All rights reserved.
       <wbr />

components/blocks/Options.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import cogIcon from '~/assets/images/icons/cog.png'
 import pearlIcon from '~/assets/images/icons/pearl.gif'
+
+const theme = useVThemeSSR()
 </script>
 
 <template>
@@ -46,13 +48,13 @@ import pearlIcon from '~/assets/images/icons/pearl.gif'
               </div>
             </div>
           </div>
-
           Report a bug
         </VCardText>
         <VCardActions>
           <VSpacer></VSpacer>
+          <VBtn color="danger" @click="theme.toggle()" />
           <VBtn
-            color="success"
+            variant="outlined"
             prepend-icon="close"
             @click="isActive.value = false"
           >