GH-65 Fix SEO problems reported by insights (#65)

Author: Hyd3r1

src/components/projects/Projects.vue

@@ -10,48 +10,56 @@
           githubUrl="https://github.com/EternalCodeTeam/EternalCore"
           imageUrl="/assets/img/projects/infinity.png"
           name="EternalCore"
+          :hrefText="$t('message.projects.more')"
       />
       <Project
           description="🎇 Simple plugin to check players!"
           githubUrl="https://github.com/EternalCodeTeam/EternalCheck"
           imageUrl="/assets/img/projects/fireworks.png"
           name="EternalCheck"
+          :hrefText="$t('message.projects.more')"
       />
       <Project
           description="📝 The most intelligent chat formatting plugin with minimessages support!"
           githubUrl="https://github.com/EternalCodeTeam/ChatFormatter"
           imageUrl="/assets/img/projects/chat.png"
           name="ChatFormatter"
+          :hrefText="$t('message.projects.more')"
       />
       <Project
           description="🗺️ A random teleport plugin that doesn't give you a headache."
           githubUrl="https://github.com/EternalCodeTeam/EternalRTP"
           imageUrl="/assets/img/projects/treasure-map.png"
           name="EternalRTP"
+          :hrefText="$t('message.projects.more')"
       />
       <Project
           description="⚔ Combat Logging system for Minecraft!"
           githubUrl="https://github.com/EternalCodeTeam/EternalCombatLog"
           imageUrl="/assets/img/projects/swords.png"
           name="CombatLog"
+          :hrefText="$t('message.projects.more')"
       />
       <Project
           description="👮‍♂️ EternalCode discord community officer!"
           githubUrl="https://github.com/EternalCodeTeam/DiscordOfficer"
           imageUrl="/assets/img/projects/police-officer.png"
           name="DiscordOfficer"
+          :hrefText="$t('message.projects.more')"
       />
       <Project
           description="📖 All documentations of EternalCodeTeam Projects & Tutorials 😍"
           githubUrl="https://github.com/EternalCodeTeam/Docs"
           imageUrl="/assets/img/projects/folder.png"
           name="Docs"
+          :hrefText="$t('message.projects.more')"
       />
       <Project
           description="🏬 EternalCodeTeam website based on Bootstrap 5 and Vue.js!"
           githubUrl="https://github.com/EternalCodeTeam/EternalCode-WWW"
           imageUrl="/assets/img/projects/web.png"
           name="EternalCode-WWW"
+          :hrefText="$t('message.projects.more')"
       />
 
     </div>

src/components/projects/components/Project.vue

@@ -11,7 +11,7 @@
           <h6>{{ description }}</h6>
           <a :href="githubUrl" target="_blank">
             <font-awesome-icon icon="fa-solid fa-arrow-right-long"/>
-            {{ $t("message.projects.more") }}
+            {{ hrefText }}
           </a>
         </div>
       </div>
@@ -26,6 +26,7 @@ export default {
     description: String,
     githubUrl: String,
     imageUrl: String,
+    hrefText: String
   },
 };
 </script>

src/components/skills/Skills.vue

@@ -11,31 +11,31 @@
 
       <div class="col-lg-3">
         <div class="card-info">
-          <img src="/assets/img/skills/java.png"/>
+          <img src="/assets/img/skills/java.png" alt="Java" />
           <h5>Java</h5>
           <p>{{ $t("message.skills.java") }}</p>
         </div>
       </div>
 
       <div class="col-lg-3">
         <div class="card-info">
-          <img src="/assets/img/skills/php.png"/>
+          <img src="/assets/img/skills/php.png" alt="PHP" />
           <h5>PHP</h5>
           <p>{{ $t("message.skills.php") }}</p>
         </div>
       </div>
 
       <div class="col-lg-3">
         <div class="card-info">
-          <img src="/assets/img/skills/javascript.png"/>
+          <img src="/assets/img/skills/javascript.png" alt="JavaScript" />
           <h5>JavaScript</h5>
           <p>{{ $t("message.skills.javascript") }}</p>
         </div>
       </div>
 
       <div class="col-lg-3">
         <div class="card-info">
-          <img src="/assets/img/skills/linux64.png"/>
+          <img src="/assets/img/skills/linux64.png" alt="Linux logo" />
           <h5>Linux</h5>
           <p>{{ $t("message.skills.linux") }}</p>
         </div>

src/lang/en.json

@@ -27,7 +27,7 @@
     "projects": {
       "title": "Our projects",
       "subtitle": "Our projects are not only our services, but also our hobby! We offer many open source products!",
-      "more": "See more"
+      "more": "GitHub repository"
     },
     "team": {
       "title": "Our team",

src/lang/pl.json

@@ -27,7 +27,7 @@
     "projects": {
       "title": "Nasze projekty",
       "subtitle": "Nasze projekty to nie tylko nasze usługi, ale również nasze hobby! Oferujemy wiele produktów z otwartym kodem źródłowym!",
-      "more": "Zobacz więcej"
+      "more": "Repozytorium GitHub"
     },
     "team": {
       "title": "Nasz Team",