From 12eb9ed7665894fb3d2ced3fcd9ed7b7faa00bbb Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Thu, 31 Dec 2020 16:54:31 +0100
Subject: [PATCH] Improve design + fix design + add redirections

---
 components/Skill.vue | 4 ++--
 config/ColorMode.ts  | 2 +-
 config/Redirect.ts   | 8 ++++++++
 config/index.ts      | 3 ++-
 nuxt.config.js       | 5 +++--
 package.json         | 1 +
 pages/about.vue      | 2 +-
 pages/blog/_slug.vue | 2 +-
 pages/contact.vue    | 7 +------
 tailwind.config.js   | 1 +
 yarn.lock            | 5 +++++
 11 files changed, 26 insertions(+), 14 deletions(-)
 create mode 100644 config/Redirect.ts

diff --git a/components/Skill.vue b/components/Skill.vue
index 104cdec..fccc09d 100644
--- a/components/Skill.vue
+++ b/components/Skill.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="mb-3 mr-3 p-1 md:p-2 h-48 w-48 border-gray-900 dark:border-dark-200 border-2 duration-300 rounded-3xl hover:bg-opacity-25" :class="getColor">
+  <div class="mb-3 mr-2 p-1 md:p-2 h-32 w-32 border-gray-900 dark:border-dark-200 border-2 duration-300 rounded-3xl hover:bg-opacity-25" :class="getColor">
     <div class="w-full h-full flex flex-col justify-center items-center">
       <div>
         <img class="rounded-sm" alt="Skill Img" :src="require(`@/assets/img/skills/${cover}.png`)">
       </div>
-      <h1 class="md:text-xl text-lg font-bold text-center">{{ skill }}</h1>
+      <h1 class="md:text-lg text-md font-bold text-center">{{ skill }}</h1>
     </div>
   </div>
 </template>
diff --git a/config/ColorMode.ts b/config/ColorMode.ts
index fd31b72..ff4b94e 100644
--- a/config/ColorMode.ts
+++ b/config/ColorMode.ts
@@ -1,6 +1,6 @@
 export default {
   preference: 'system',
-  fallback: 'dark',
+  fallback: 'light',
   classPrefix: '',
   classSuffix: '',
 }
diff --git a/config/Redirect.ts b/config/Redirect.ts
new file mode 100644
index 0000000..00bfc4e
--- /dev/null
+++ b/config/Redirect.ts
@@ -0,0 +1,8 @@
+export default [
+  { from: '/source', to: 'https://github.com/arthurdanjou/artsite' },
+  { from: '/twitter', to: 'https://twitter.com/arthurdanj' },
+  { from: '/github', to: 'https://github.com/arthurdanjou/' },
+  { from: '/shelf', to: '/blog' },
+  { from: '/posts', to: '/blog' },
+  { from: '/resume', to: '/cv' },
+]
diff --git a/config/index.ts b/config/index.ts
index 22da6ed..838508a 100644
--- a/config/index.ts
+++ b/config/index.ts
@@ -6,5 +6,6 @@ import Translation from './Translation'
 import Content from './Content'
 import Robots from './Robots'
 import SiteMap from "./SiteMap";
+import Redirect from "./Redirect";
 
-export { Axios, Head, ColorMode, Tailwind, Translation, Content, Robots, SiteMap }
+export { Axios, Head, ColorMode, Tailwind, Translation, Content, Robots, SiteMap, Redirect }
diff --git a/nuxt.config.js b/nuxt.config.js
index 5ee133a..0fc6810 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,4 +1,4 @@
-import { Axios, Head, ColorMode, Tailwind, Translation, Content, Robots, SiteMap } from './config'
+import { Axios, Head, ColorMode, Tailwind, Translation, Content, Robots, SiteMap, Redirect } from './config'
 
 export default {
   head: Head,
@@ -29,7 +29,8 @@ export default {
     ['nuxt-i18n', Translation],
     ['@nuxt/content', Content],
     ['@nuxtjs/robots', Robots],
-    ['@nuxtjs/sitemap', SiteMap]
+    ['@nuxtjs/sitemap', SiteMap],
+    ['@nuxtjs/redirect-module', Redirect]
   ],
 
   buildDir: 'build',
diff --git a/package.json b/package.json
index e2ad1cd..362fee5 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "@nuxt/content": "^1.11.1",
     "@nuxt/typescript-runtime": "^2.0.0",
     "@nuxtjs/axios": "5.12.4",
+    "@nuxtjs/redirect-module": "^0.3.1",
     "@nuxtjs/robots": "^2.4.2",
     "@nuxtjs/sitemap": "^2.4.0",
     "@tailwindcss/typography": "^0.3.1",
diff --git a/pages/about.vue b/pages/about.vue
index 4f99faf..7f205c5 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -12,7 +12,7 @@
       <div>
         <img class="logo-img rounded-full my-5" src="@/assets/img/Logo.jpg" alt="It's me !" />
       </div>
-      <div class="text-lg leading-6 md:w-2/3 text-justify">
+      <div class="ml-2 text-lg leading-6 md:w-2/3 text-justify">
         <p>{{ $t('about.banner.hello') }} <span class="text-orange-400 font-bold">Arthur DANJOU</span> 👋.</p> <br/>
         <p>{{ $t('about.banner.1')}}</p> <br/>
         <p>{{ $t('about.banner.2') }}</p> <br/>
diff --git a/pages/blog/_slug.vue b/pages/blog/_slug.vue
index c89e5a2..8fc5e03 100644
--- a/pages/blog/_slug.vue
+++ b/pages/blog/_slug.vue
@@ -56,7 +56,7 @@
             class="h-16 end-blog flex flex-row justify-center items-center cursor-pointer duration-300 text-3xl p-3 border-solid border mr-2"
             :class="liked ? 'border-red-500 dark:border-red-500 hover:border-gray-400 dark:hover:border-dark-200' : 'border-gray-400 dark:border-dark-200 hover:border-red-500 dark:hover:border-red-500'"
           >
-            <div class="mr-2">
+            <div class="mr-2 lining-nums">
               {{ likes }}
             </div>
             <div class="icon-hover inline">❤</div>
diff --git a/pages/contact.vue b/pages/contact.vue
index eb178b1..d972ebd 100644
--- a/pages/contact.vue
+++ b/pages/contact.vue
@@ -83,12 +83,7 @@
       </h3>
       <div class="my-4 text-purple-500">
         {{ $t('contact.available.start') }}
-        <span
-          class="p-1 font-bold rounded-xl mx-1"
-          :class="getColor"
-        >
-          {{ $t('hiring.status.' + status) }}
-        </span>
+        <span class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + status) }}</span>
         {{ $t('contact.available.end') }}
       </div>
     </div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 99a73bc..79b4d7e 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -268,6 +268,7 @@ module.exports = {
       0: '0px',
       2: '2px',
       4: '4px',
+      6: '6px',
       8: '8px',
     },
     boxShadow: {
diff --git a/yarn.lock b/yarn.lock
index bf6c3e7..fb7bf3f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1351,6 +1351,11 @@
   dependencies:
     http-proxy-middleware "^1.0.6"
 
+"@nuxtjs/redirect-module@^0.3.1":
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/redirect-module/-/redirect-module-0.3.1.tgz#90a6986882337401cb0576cdf9479d4e3b552cce"
+  integrity sha512-yL2unrYfUSqs+4cUtkQvEQMsuTeCOlQd+Y5sTqMZzWBadF8h01tCVDG95zmOTNIiCupb+sQho2Tixwl1f826aw==
+
 "@nuxtjs/robots@^2.4.2":
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/@nuxtjs/robots/-/robots-2.4.2.tgz#9a96c91abb70e39b414eec502ef1cf7d5ef0235e"