Rename project

src/components/Announcement.vue

@@ -0,0 +1,41 @@
+<template>
+  <div
+    v-if="announce"
+    class="h-16 bg-black text-center"
+  >
+    {{ announce }}
+  </div>
+</template>
+
+<script lang="ts">
+import {ref, useAsync, useContext} from "@nuxtjs/composition-api";
+
+export default {
+  name: "Announcement",
+  setup() {
+    const {$axios, $sentry} = useContext()
+    const announce = ref("")
+
+    useAsync(async () => {
+      const response = await $axios.get('/api/announce', {
+        headers: {
+          'Authorization': `Bearer ${process.env.API_TOKEN}`
+        }
+      })
+      if (response.status === 200) {
+        announce.value = response.data.announce
+      } else {
+        $sentry.captureEvent(response.data)
+      }
+    })
+
+    return {
+      announce
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/components/Footer.vue

@@ -1,5 +1,5 @@
 <template>
-  <footer class="footer w-full border-t-2 border-solid border-gray-200 px-4 xl:px-32 dark:border-gray-800 mb-22 md:mb-0">
+  <footer class="footer w-full border-t-2 border-solid border-gray-200 px-4 xl:px-32 dark:border-gray-800 mb-26 md:mb-0">
     <div class="flex flex-col-reverse md:flex-row justify-between pt-4 items-center">
       <div class="inline flex space-x-4">
         <a class="link font-semibold" href="https://twitch.com/ArthurDanjou" target="_blank" rel="noopener noreferrer">

src/components/Header.vue

@@ -5,25 +5,25 @@
       <nuxt-link to="/">
         <img src="~/assets/images/logo-header.png" alt="Logo Circle" class="h-10 left cursor-pointer duration-500"/>
       </nuxt-link>
-      <nav class="right">
-        <div class="flex flex-col md:flex-row items-center">
-          <div class="flex text-lg">
-            <nuxt-link class="nav-link hidden md:inline-block" to="/about">
-              {{ $t('header.about') }}
-            </nuxt-link>
-            <nuxt-link class="nav-link hidden md:inline-block" to="/blog">
-              {{ $t('header.blog') }}
-            </nuxt-link>
-            <nuxt-link class="nav-link hidden md:inline-block" to="/projects">
-              {{ $t('header.projects') }}
-            </nuxt-link>
-            <nuxt-link class="nav-link hidden md:inline-block" to="/contact">
-              {{ $t('header.contact') }}
-            </nuxt-link>
-          </div>
+      <nav class="right flex flex-col md:flex-row items-center hidden md:inline-block">
+        <div class="flex text-lg">
+          <nuxt-link class="nav-link" to="/about">
+            {{ $t('header.about') }}
+          </nuxt-link>
+          <nuxt-link class="nav-link" to="/blog">
+            {{ $t('header.blog') }}
+          </nuxt-link>
+          <nuxt-link class="nav-link" to="/projects">
+            {{ $t('header.projects') }}
+          </nuxt-link>
+          <nuxt-link class="nav-link" to="/contact">
+            {{ $t('header.contact') }}
+          </nuxt-link>
         </div>
+      </nav>
+      <div class="w-full z-50 fixed bottom-0 left-0 md:hidden">
         <ul
-          class="dark:text-white dark:bg-black text-sm z-50 bg-white md:hidden fixed bottom-0 left-0 w-full flex items-center justify-around h-20 border-t border-gray-200 border-solid navbar-bottom-items"
+          class="bg-gray-300 dark:bg-gray-700 m-4 rounded-xl dark:text-white text-sm flex items-center justify-around h-20 navbar-bottom-items"
         >
           <nuxt-link to="/" class="w-1/5">
             <li class="h-full w-full font-medium flex flex-col items-center justify-center">
@@ -51,7 +51,7 @@
             </li>
           </nuxt-link>
         </ul>
-      </nav>
+      </div>
       <div>
         <ul class="flex items-center">
           <li @click="changeLanguage()"

src/components/Project.vue

@@ -39,7 +39,7 @@ export default defineComponent({
     },
     cover: {
       type: String,
-      default: "artapi.png"
+      default: "athena.png"
     },
     description: {
       type: String,