add missing project

public/index.html

@@ -6,6 +6,11 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>Troplo's Website</title>
+    <meta name="title" content="Troplo's Website">
+    <meta name="keywords" content="troplo, flowinity, pinnoto, berri, mira, polytoria, vixlatio, jays.host, troplo-site">
+    <meta name="robots" content="index, follow">
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <meta name="language" content="English">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

src/App.vue

@@ -7,13 +7,17 @@
   </v-app>
 </template>
 <style>
+.troplo-nav {
+  font-family: 'Roboto', sans-serif;
+}
+
 .troplo-header {
   -webkit-font-smoothing: antialiased !important;
   background: -webkit-radial-gradient(#0179f3, #0190ea) !important;
 }
 .troplo-header-title {
   -webkit-font-smoothing: antialiased !important;
-  font-family: "Montserrat", sans-serif;
+  font-family: "Montserrat", sans-serif !important;
   font-weight: 450;
   elevation: 0 !important;
   font-size: 15rem;

src/views/Projects.vue

@@ -4,7 +4,7 @@
       <p class="justify-center text-center text-h4">My Projects</p>
       <v-row>
         <v-col md="3" v-for="(project, index) in getVisible" :key="index">
-          <v-card class="rounded-xl" elevation="8">
+          <v-card class="rounded-xl troplo-p" elevation="8">
             <v-img :src="getImage(project.internalName)"></v-img>
 
             <v-card-title>{{ project.name }}</v-card-title>
@@ -27,10 +27,11 @@
                   :href="tag.link"
                   :color="tag.color"
                   :disabled="!tag.link"
+                  class="troplo-p"
                   :text-color="tag.textColor || 'white'"
                   style="opacity: 1"
                 >
-                  <v-img v-if="tag.icon === 'crystal'" src="../assets/icons/crystal_icon.svg" width="30" height="30"></v-img>
+                  <v-img v-if="tag.icon === 'crystal'" src="../assets/icons/crystal-icon.svg" width="30" height="30"></v-img>
                   <v-icon v-if="tag.icon !== 'crystal'">{{ tag.icon }}</v-icon>
                   <template v-if="tag.icon">&nbsp;</template>
                   {{ tag.name }}
@@ -329,7 +330,41 @@ export default {
           description: "Code editor. Coming soon.",
           visible: true,
           links: []
-        }
+        },
+        {
+          id: 10,
+          name: "Vixlatio",
+          internalName: "vixlatio",
+          tags: [
+            {
+              internalName: "active",
+              name: "Active",
+              icon: "mdi-check-circle",
+              color: "success"
+            },
+            {
+              internalName: "vue",
+              name: "Vue",
+              icon: "mdi-vuejs",
+              color: "#42b883",
+              link: "https://vuejs.org"
+            },
+            {
+              internalName: "express",
+              name: "Express",
+              icon: "mdi-nodejs",
+              link: "https://expressjs.com"
+            }
+          ],
+          description: "Developer for Vixlatio, a blazing fast gaming platform that is powered by the creativity of its users.",
+          visible: true,
+          links: [
+            {
+              name: "Website",
+              link: "https://vixlatio.com"
+            }
+          ]
+        },
       ]
     }
   },