diff --git a/Dockerfile b/Dockerfile
index 9e63fe8..ea8db2c 100755
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,9 +1,9 @@
 FROM node:15.8.0-alpine3.10
 
-RUN mkdir -p /usr/src/artsite
-WORKDIR /usr/src/artsite
+RUN mkdir -p /usr/src/ares
+WORKDIR /usr/src/ares
 
-COPY . /usr/src/artsite
+COPY . /usr/src/ares
 
 RUN yarn install
 
diff --git a/README.md b/README.md
index 4d42c48..0659ee2 100755
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# ArtSite 🌍
+# Arès 🌍
 
 This is my personnal website.
 Hosted version : [arthurdanjou.fr](https://arthurdanjou.fr)
@@ -13,7 +13,7 @@ Hosted version : [arthurdanjou.fr](https://arthurdanjou.fr)
 - Automatic working state
 - Wonderfull Mobile-Header
 - Multi-Language site
-- Connected to ArtApi (my personal api)
+- Connected to [Athena](https://github.com/arthurdanjou/athena) (my personal api)
 
 ## Tech used ⚙
 
@@ -30,4 +30,4 @@ Hosted version : [arthurdanjou.fr](https://arthurdanjou.fr)
 
 ## License 📑
 Copyright © 2020 - [@ArthurDanj](https://arthurdanjou.fr) \
-This project is [MIT](https://github.com/ArthurDanjou/artsite/blob/master/License) Licensed.
+This project is [MIT](https://github.com/ArthurDanjou/ares/blob/master/License) Licensed.
diff --git a/package.json b/package.json
index 2dd781e..3c33531 100755
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "artsite",
+  "name": "ares",
   "version": "1.0.0",
   "private": true,
   "scripts": {
diff --git a/settings/Head.ts b/settings/Head.ts
index bcde62a..4abaf6c 100755
--- a/settings/Head.ts
+++ b/settings/Head.ts
@@ -2,7 +2,7 @@
 import {NuxtOptionsHead} from "@nuxt/types/config/head";
 
 const params = {
-  title: 'artsite',
+  title: 'arthurdanjou.fr - Web & Software Developer',
   color: '#00a0ff',
   image: '/images/memojies/Hey.png',
   url: 'https://arthurdanjou.fr',
diff --git a/settings/Modules.ts b/settings/Modules.ts
index 99032ab..d8b48e1 100755
--- a/settings/Modules.ts
+++ b/settings/Modules.ts
@@ -48,7 +48,7 @@ const content = {
 
 const storage = {
   cookie: {
-    prefix: 'artsite/',
+    prefix: 'arthurdanjou.fr/',
     options: {
       path: '/'
     }
@@ -70,7 +70,7 @@ const robots = {
 }
 
 const redirect = [
-  { from: '/source', to: 'https://github.com/arthurdanjou/artsite' },
+  { from: '/source', to: 'https://github.com/arthurdanjou/ares' },
   { from: '/twitter', to: 'https://twitter.com/arthurdanj' },
   { from: '/github', to: 'https://github.com/arthurdanjou/' },
   { from: '/shelf', to: '/blog' },
diff --git a/src/assets/images/projects/artsite.png b/src/assets/images/projects/ares.png
similarity index 100%
rename from src/assets/images/projects/artsite.png
rename to src/assets/images/projects/ares.png
diff --git a/src/assets/images/projects/artapi.png b/src/assets/images/projects/athena.png
similarity index 100%
rename from src/assets/images/projects/artapi.png
rename to src/assets/images/projects/athena.png
diff --git a/src/components/Announcement.vue b/src/components/Announcement.vue
new file mode 100644
index 0000000..3f0a903
--- /dev/null
+++ b/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>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
index fd9d94a..0162e80 100755
--- a/src/components/Footer.vue
+++ b/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">
diff --git a/src/components/Header.vue b/src/components/Header.vue
index dd477c7..e4a082b 100755
--- a/src/components/Header.vue
+++ b/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()"
diff --git a/src/components/Project.vue b/src/components/Project.vue
index b3809ee..09e0c4d 100755
--- a/src/components/Project.vue
+++ b/src/components/Project.vue
@@ -39,7 +39,7 @@ export default defineComponent({
     },
     cover: {
       type: String,
-      default: "artapi.png"
+      default: "athena.png"
     },
     description: {
       type: String,
diff --git a/src/content/projects.json b/src/content/projects.json
index f75252a..f476e59 100755
--- a/src/content/projects.json
+++ b/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"]
   },
   {
diff --git a/src/locales/en-EN.ts b/src/locales/en-EN.ts
index 60c050c..155acf0 100755
--- a/src/locales/en-EN.ts
+++ b/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'
   }
diff --git a/src/locales/fr-FR.ts b/src/locales/fr-FR.ts
index c8dab17..867e3c1 100755
--- a/src/locales/fr-FR.ts
+++ b/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."
   }
diff --git a/src/pages/contact.vue b/src/pages/contact.vue
index 1799899..61a8aa3 100755
--- a/src/pages/contact.vue
+++ b/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') }}