Update contents

Author: Radonirinaunimi

src/components/TheNavbar.vue

@@ -1,13 +1,12 @@
 <template>
   <nav
-    :class="{ 'main-view': isMainView }"
     class="bg-[var(--bg-primary)] text-white px-6 py-4 shadow-md fixed w-full z-50 top-0"
   >
     <div class="max-w-7xl mx-auto flex items-center justify-between md:justify-start">
       <router-link id="navbar-logo" class="mr-10 flex items-center gap-2" to="/" aria-label="Home">
         <img
           class="select-none h-10 rounded-full"
-          src="https://github.com/QCDLab/.github/blob/main/logo/qcdlab.png"
+          src="https://raw.githubusercontent.com/QCDLab/.github/main/logo/qcdlab.png"
           alt="QCDLab Logo"
         />
         <span class="font-bold text-xl">QCDLab</span>
@@ -196,15 +195,13 @@
 </template>
 
 <script>
-import { computed } from "vue";
 import { RouterLink, useRoute } from "vue-router";
 
 export default {
   name: "Navbar",
   setup() {
     const route = useRoute();
-    const isMainView = computed(() => route.path === "/");
-    return { isMainView };
+    return {}; // No need for isMainView here
   },
   data() {
     return {
@@ -260,54 +257,4 @@ export default {
     },
   },
 };
-</script>
-
-<style scoped>
-/* Minimal transition for fade and slide */
-
-.fade-enter-active,
-.fade-leave-active {
-  transition: opacity 0.3s ease;
-}
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-.slide-fade-enter-active {
-  transition: all 0.3s ease;
-  transform-origin: top;
-}
-.slide-fade-enter-from {
-  opacity: 0;
-  transform: translateY(-10px);
-}
-.slide-fade-leave-to {
-  opacity: 0;
-  transform: translateY(-10px);
-}
-.fade-slide-enter-active,
-.fade-slide-leave-active {
-  transition: all 0.25s ease;
-}
-.fade-slide-enter-from {
-  opacity: 0;
-  transform: translateY(-10px);
-}
-.fade-slide-enter-to {
-  opacity: 1;
-  transform: translateY(0);
-}
-.fade-slide-leave-from {
-  opacity: 1;
-  transform: translateY(0);
-}
-.fade-slide-leave-to {
-  opacity: 0;
-  transform: translateY(-10px);
-}
-.main-view #navbar-logo {
-  opacity: 0;
-  width: 0px;
-  margin-right: 0px;
-}
-</style>
+</script>

src/views/About.vue

@@ -1,27 +1,15 @@
 <template>
   <main class="max-w-(--breakpoint-lg) mx-auto px-5 py-30">
-    <div class="text-6xl font-bold text-center mb-10">About QCDLab</div>
+    <h1 class="mb-10 text-6xl font-bold text-center">About QCDLab</h1>
 
-    <div class="space-y-8 text-xl leading-8">
+    <div class="space-y-8 text-lg leading-7">
       <p>
-        The QCDLab organization is dedicated to developing high-performance, accurate, and user-friendly software for Quantum Chromodynamics (QCD) and High Energy Physics (HEP) research.
+        QCDLab is dedicated to developing high-performance, accurate, and
+        user-friendly softwares for Quantum Chromodynamics (QCD) and High
+        Energy Physics (HEP) research.
       </p>
-
       <p>
-        Our goal is to create a ecosystem of tools that simplify complex calculations, provide better access to experimental data, and enable new theoretical insights into the fundamental structure of matter.
-      </p>
-
-      <div class="bg-gray-800 p-8 rounded-2xl border border-gray-700 shadow-xl">
-        <h2 class="text-3xl font-bold mb-4">Our Mission</h2>
-        <ul class="list-disc ml-8 space-y-4">
-          <li>Advance the state-of-the-art in QCD software.</li>
-          <li>Foster open-source collaboration in the HEP community.</li>
-          <li>Provide robust and well-documented tools for researchers worldwide.</li>
-        </ul>
-      </div>
-
-      <p>
-        Join us on our mission to explore the strong force and the internal structure of hadrons through modern computational techniques.
+        
       </p>
     </div>
   </main>

src/views/Home.vue

@@ -17,7 +17,7 @@ export default {
       <div>
         <img
           class="mx-auto h-40 rounded-full mb-8 shadow-2xl border-2 border-white"
-          src="https://github.com/QCDLab.png"
+          src="https://raw.githubusercontent.com/QCDLab/.github/main/logo/qcdlab.png"
           alt="QCDLab Logo"
         />
         <div