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,

src/content/projects.json

@@ -8,19 +8,19 @@
     "tags": ["tags.mc"]
   },
   {
-    "slug": "artsite",
-    "title": "ArtSite",
-    "description": "works.artsite",
+    "slug": "ares",
+    "title": "ares",
+    "description": "works.ares",
     "url": "https://arthurdanjou.fr",
-    "cover": "artsite.png",
+    "cover": "ares.png",
     "tags": ["tags.web"]
   },
   {
-    "slug": "artapi",
-    "title": "ArtApi",
-    "description": "works.artapi",
-    "url": "https://api.arthurdanjou.fr",
-    "cover": "artapi.png",
+    "slug": "athena",
+    "title": "Athena",
+    "description": "works.athena",
+    "url": "https://athena.arthurdanjou.fr",
+    "cover": "athena.png",
     "tags": ["tags.api"]
   },
   {

src/locales/en-EN.ts

@@ -277,8 +277,8 @@ export default {
   },
 
   works: {
-    artapi: 'ArtApi is my personal API connected to my various instances',
-    artsite: 'ArtSite is my personal website creating a single point of contact',
+    athena: 'Athena is my personal API connected to my various instances',
+    ares: 'Ares is my personal website creating a single point of contact',
     erisium: 'Erisium is a french minecraft mini-game server.',
     linkyjs: 'LinkyJS is my custom and Open-Source url shortener'
   }

src/locales/fr-FR.ts

@@ -281,8 +281,8 @@ export default {
   },
 
   works: {
-    artapi: 'ArtApi est mon API personnelle connectée à mes diverses instances.',
-    artsite: 'ArtSite est mon site personnel créant un point de contact unique.',
+    athena: 'Athena est mon API personnelle connectée à mes diverses instances.',
+    ares: 'Ares est mon site personnel créant un point de contact unique.',
     erisium: 'Erisium est un serveur minecraft francophone de mini-jeux.',
     linkyjs: "LinkyJS est mon raccourcisseur d'url personnalisé et Open-Source."
   }

src/pages/contact.vue

@@ -9,14 +9,6 @@
         {{ $t('contact.why.description') }}
       </h3>
     </section>
-    <section class="w-full lg:w-3/4 mb-10 mt-4 text-justify">
-      <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400">
-        {{ $t('contact.services.title') }}
-      </h1>
-      <div>
-
-      </div>
-    </section>
     <section class="w-full lg:w-3/4 mb-10 mt-4 text-justify">
       <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400">
         {{ $t('contact.available.title') }}