💻 | Working

src/components/Banner.vue

@@ -1,16 +1,17 @@
 <template>
   <section class="my-16 md:my-32 w-full flex items-center justify-center">
-    <div class="text-center">
+    <div class="text-center flex flex-col items-center">
       <h1 class="text-6xl font-bold text-gray-700 dark:text-gray-400">
-        Hello I am <span class="text-black dark:text-white">Arthur Danjou</span>
+        Hello, I am <span class="text-black dark:text-white">Arthur Danjou</span> 👋,
       </h1>
-      <h3 class="my-6 text-2xl font-medium text-gray-700 dark:text-gray-400">
-        Developer and Student
-      </h3>
-      <p class="text-lg text-gray-800 mb-10 dark:text-gray-300">You can follow me on <span class="link">Twitter</span>,
+      <h2 class="my-6 text-4xl text-black dark:text-white">
+        a <strong>Web</strong> and <strong>Software Developer</strong>. <br />
+        I am also a <strong>Student</strong>.
+      </h2>
+      <p class="mt-4 text-lg text-gray-800 mb-10 dark:text-gray-300">You can follow me on <span class="link">Twitter</span>,
         <span class="link">Twitch</span>
         and <span class="link">Github</span>.
-        Here is my <nuxt-link to="/contact" class="link">Contact</nuxt-link> page.
+        Here is my <nuxt-link to="contact" class="link">Contact</nuxt-link> page.
       </p>
     </div>
   </section>

src/components/Project.vue

@@ -1,6 +1,6 @@
 <template>
   <nuxt-link :to="`/projects/${slug}`">
-    <div class="rounded-lg shadow-xl h-94 w-full lg:w-84 text-left dark:bg-gray-800 transform hover:scale-103 duration-300 mb-8 lg:mb-0">
+    <div class="rounded-lg shadow-xl h-80 w-full lg:w-84 text-left dark:bg-gray-800 transform hover:scale-103 duration-300 mb-8 lg:mb-0">
       <div class="h-2/5 post rounded-t-lg flex justify-center">
         <img :src="getCover" alt="Project Image" class="h-full"/>
       </div>
@@ -14,9 +14,6 @@
           <h1 class="text-2xl font-bold">{{ title }}</h1>
           <p class="text-base mt-3 text-gray-700 dark:text-gray-400 text-justify">{{ $t(description) }}</p>
         </div>
-        <div class="flex justify-between">
-          <h5 class="text-base text-gray-700 dark:text-gray-400">{{ company }}</h5>
-        </div>
       </div>
     </div>
   </nuxt-link>
@@ -30,7 +27,6 @@ interface ProjectProp {
   title: string,
   cover: string,
   slug: string,
-  company: string,
   tags: Array<String>,
   description: string,
 }
@@ -54,10 +50,6 @@ export default {
       type: String,
       default: "Description"
     },
-    company: {
-      type: String,
-      default: "Company"
-    },
     tags: {
       type: Array,
       default: () => ['tags.web', 'tags.software']

src/components/StrategyHome.vue

@@ -1,49 +0,0 @@
-<template>
-  <section class="w-full flex items-center justify-center my-12">
-    <div class="flex flex-col items-center w-full">
-      <div class="flex flex-col items-center">
-        <h2 class="font-bold text-3xl">
-          Workflow
-        </h2>
-        <p class="text-gray-700 dark:text-gray-400 text-xl md:w-2/3 mt-4">
-          Je suis ce processus afin d'etre le plus productif et de donner le resultat le plus qualitatif possible.
-        </p>
-      </div>
-      <div class="my-8 flex flex-col md:flex-row-reverse w-full justify-between items-center">
-        <div class="w-full md:w-1/2 flex justify-center items-center">
-          La belle image
-        </div>
-        <div class="flex justify-center w-full md:w-1/2">
-          <div class="flex flex-col space-y-6 w-full">
-            <StrategyPart
-              title="home.strategy.1.title"
-              description="home.strategy.1.description"
-            />
-            <StrategyPart
-              title="home.strategy.2.title"
-              description="home.strategy.2.description"
-            />
-            <StrategyPart
-              title="home.strategy.3.title"
-              description="home.strategy.3.description"
-            />
-            <StrategyPart
-              title="home.strategy.4.title"
-              description="home.strategy.4.description"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </section>
-</template>
-
-<script lang="ts">
-export default {
-  name: "StrategyPreview",
-}
-</script>
-
-<style scoped lang="scss">
-
-</style>

src/components/StrategyPart.vue

@@ -1,38 +0,0 @@
-<template>
-  <div>
-    <h1 class="font-bold text-2xl">
-      {{ $t(title) }}
-    </h1>
-    <p class="text-gray-700 dark:text-gray-400 text-base text-justify">
-      {{ $t(description) }}
-    </p>
-  </div>
-</template>
-
-<script lang="ts">
-interface StrategyPartProp {
-  title: string,
-  description: string
-}
-
-export default {
-  name: "StrategyPart",
-  props: {
-    title: {
-      type: String,
-      default: 'Title'
-    },
-    description: {
-      type: String,
-      default: 'Description'
-    }
-  },
-  setup(props: StrategyPartProp) {
-
-  }
-}
-</script>
-
-<style scoped lang="scss">
-
-</style>