Improve design + fix design + add redirections

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>

config/ColorMode.ts

@@ -1,6 +1,6 @@
 export default {
   preference: 'system',
-  fallback: 'dark',
+  fallback: 'light',
   classPrefix: '',
   classSuffix: '',
 }

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' },
+]

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 }

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',

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",

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/>

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>

pages/contact.vue

@@ -83,12 +83,7 @@
       </h3>
       <div class="my-4 text-purple-500">
         {{ $t('contact.available.start') }}
-        <span
+        <span class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + status) }}</span>
-          class="p-1 font-bold rounded-xl mx-1"
-          :class="getColor"
-        >
-          {{ $t('hiring.status.' + status) }}
-        </span>
         {{ $t('contact.available.end') }}
       </div>
     </div>

tailwind.config.js

@@ -268,6 +268,7 @@ module.exports = {
       0: '0px',
       2: '2px',
       4: '4px',
+      6: '6px',
       8: '8px',
     },
     boxShadow: {

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"