🚧 Work in progress

src/components/CtaSplitImage.vue

@@ -32,11 +32,13 @@
           </div>
           <div class="relative max-w-md mx-auto py-12 px-4 space-y-6 sm:max-w-3xl sm:py-16 sm:px-6 lg:max-w-none lg:p-0 lg:col-start-4 lg:col-span-6">
             <h2 class="text-3xl font-extrabold dark:text-white" id="join-heading">Join us on discord</h2>
-            <p class="text-lg dark:text-white">Varius facilisi mauris sed sit. Non sed et duis dui leo, vulputate id malesuada non. Cras aliquet purus dui laoreet diam sed lacus, fames.</p>
+            <p class="text-lg dark:text-white">
+              Do you need help, want to discuss the project or participate in the adventure by suggesting improvements ? Join us at.
+            </p>
             <LinkExternal
               url="https://discord.gg/tQebEww8zG"
               class="block w-full py-3 px-5 text-center dark:bg-gray-600 border border-transparent rounded-md shadow-md text-base font-medium text-gray-700 hover:bg-gray-50 dark:text-white sm:inline-block sm:w-auto">
-              Explore open positions
+              Discover
             </LinkExternal>
           </div>
         </div>

src/components/Footer.vue

@@ -22,7 +22,7 @@
         </a>
       </div>
       <p class="mt-8 text-center text-base text-gray-400">
-        &copy; 2020 Workflow, Inc. All rights reserved.
+        &copy; 2021 Baptiste Parmantier - Discord Factory. All rights reserved.
       </p>
     </div>
   </footer>

src/templates/layouts/Base.vue

@@ -21,15 +21,20 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from 'vue'
+import { useRoute } from 'vue-router'
 import Navbar from '../../components/Navbar.vue'
 import Footer from '../../components/Footer.vue'
 
 let htmlStatut = ref(false)
-
 onMounted(() => {
   htmlStatut.value = document.documentElement.classList.contains('dark')
 })
 
+const route = useRoute()
+onMounted(() => $route.path, () => {
+  console.log('test')
+})
+
 function toggle () {
   const htmlRoot = document.documentElement as HTMLElement
   htmlRoot.classList.contains('dark')
@@ -50,4 +55,5 @@ html, body {
   font-family: 'Public Sans', sans-serif;
   scroll-behavior: smooth;
 }
+
 </style>

src/templates/modules/default/Home.vue

@@ -31,7 +31,8 @@
     <div class="px-5 sm:px-0 text-center md:max-w-3xl md:mx-auto md:px-12">
       <h2 class="text-gray-800 dark:text-gray-200 text-3xl sm:text-4xl font-title font-semibold md:text-6xl">All discord.js features in one place</h2>
       <p class="text-lg mt-8 text-gray-500 md:text-xl">
-        AdonisJS is not a minimalist framework. To give your projects a head start, we pack many baseline features within the core of the framework.
+        Discord Factory is a simple to use but powerful framework thanks to the In Memory compilation.
+        Take advantage of the power of typescript associated with the Discord.js library
       </p>
     </div>
     <div class="max-w-6xl mx-auto">

src/templates/modules/documentation/base/Structure.vue

@@ -117,6 +117,7 @@ import Documentation from '../../../../components/Documentation.vue'
 import CodeHighlight from '../../../../components/CodeHighlight.vue'
 import Divider from '../../../../components/Divider.vue'
 import LinkExternal from '../../../../components/LinkExternal.vue'
+import AlertInfo from '../../../../components/AlertInfo.vue'
 import AlertWarn from '../../../../components/AlertWarn.vue'
 
 const structure = `

src/utils/Navigation.ts

@@ -5,7 +5,7 @@ import { CalendarIcon, ChartBarIcon, FolderIcon, HomeIcon, InboxIcon, UsersIcon
 export const links: NavbarLink[] = [
   { label: 'Home', path: '/', local: true },
   { label: 'Documentation', path: '/documentation/getting-started', local: true },
-  { label: 'Discussion', path: '/https://github.com/DiscordFactory/Core/discussions', local: false }
+  { label: 'Discussion', path: 'https://github.com/DiscordFactory/Core/discussions', local: false }
 ]
 
 export const socials = [