1.0.9

package.json

@@ -1,6 +1,6 @@
 {
   "name": "troplo-site",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

src/assets/style.css

@@ -1,18 +1,6 @@
-@keyframes gradient {
-    0% {
-        background-position: 0% 50%;
-    }
-    50% {
-        background-position: 100% 50%;
-    }
-    100% {
-        background-position: 0% 50%;
-    }
-}
 .troplo-header {
     -webkit-font-smoothing: antialiased !important;
     background: linear-gradient(-45deg, #0179f3, #0190ea) !important;
-    animation: gradient 15s ease infinite;
 }
 .troplo-header-title {
     -webkit-font-smoothing: antialiased !important;

src/views/Projects.vue

@@ -142,6 +142,13 @@ export default {
               color: "#42b883",
               link: "https://vuejs.org"
             },
+            {
+              internalName: "vuetify",
+              name: "Vuetify",
+              icon: "mdi-vuetify",
+              link: "https://vuetify.com",
+              color: "#2196F3"
+            },
             {
               internalName: "express",
               name: "Express",
@@ -159,6 +166,52 @@ export default {
             }
           ]
         },
+        {
+          id: 12,
+          name: "Colubrina",
+          internalName: "colubrina",
+          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: "vuetify",
+              name: "Vuetify",
+              icon: "mdi-vuetify",
+              link: "https://vuetify.com",
+              color: "#2196F3"
+            },
+            {
+              internalName: "express",
+              name: "Express",
+              icon: "mdi-nodejs",
+              link: "https://expressjs.com"
+            },
+          ],
+          description:
+              "Colubrina - a simple open source chat platform written in Vue, Vuetify, NodeJS, and Socket.io.",
+          visible: true,
+          links: [
+            {
+              name: "Website",
+              link: "https://colubrina.troplo.com"
+            },
+            {
+              name: "Git Repository",
+              link: "https://github.com/Troplo/Colubrina"
+            }
+          ]
+        },
         {
           id: 11,
           name: "BetterCompass",
@@ -177,6 +230,13 @@ export default {
               color: "#42b883",
               link: "https://vuejs.org"
             },
+            {
+              internalName: "vuetify",
+              name: "Vuetify",
+              icon: "mdi-vuetify",
+              link: "https://vuetify.com",
+              color: "#2196F3"
+            },
             {
               internalName: "express",
               name: "Express",
@@ -209,11 +269,6 @@ export default {
               icon: "mdi-check-circle",
               color: "success"
             },
-            {
-              internalName: "openSource",
-              name: "Open Source",
-              icon: "mdi-git"
-            },
             {
               internalName: "vue",
               name: "Vue",
@@ -280,15 +335,10 @@ export default {
           internalName: "berri",
           tags: [
             {
-              internalName: "development",
+              internalName: "development-halted",
-              name: "In Development",
+              name: "Halted",
-              icon: "mdi-information",
+              icon: "mdi-pause-octagon",
-              color: "info"
+              color: "warning"
-            },
-            {
-              internalName: "openSource",
-              name: "Open Source",
-              icon: "mdi-git"
             },
             {
               internalName: "vue",
@@ -311,6 +361,43 @@ export default {
           visible: true,
           links: {}
         },
+        {
+          id: 13,
+          name: "Kansas",
+          internalName: "kansas",
+          tags: [
+            {
+              internalName: "development-halted",
+              name: "Halted",
+              icon: "mdi-pause-octagon",
+              color: "warning"
+            },
+            {
+              internalName: "vue",
+              name: "Vue",
+              icon: "mdi-vuejs",
+              color: "#42b883",
+              link: "https://vuejs.org"
+            },
+            {
+              internalName: "vuetify",
+              name: "Vuetify",
+              icon: "mdi-vuetify",
+              link: "https://vuetify.com",
+              color: "#2196F3"
+            },
+            {
+              internalName: "express",
+              name: "Express",
+              icon: "mdi-nodejs",
+              link: "https://expressjs.com"
+            }
+          ],
+          description:
+              "Open source project tracking software written in Vue.js.",
+          visible: true,
+          links: {}
+        },
         {
           id: 6,
           name: "Flowinity",
@@ -338,18 +425,20 @@ export default {
               icon: "mdi-check-circle",
               color: "success"
             },
-            {
-              internalName: "openSource",
-              name: "Open Source",
-              icon: "mdi-git"
-            },
             {
               internalName: "vue",
               name: "Vue",
               icon: "mdi-vuejs",
               color: "#42b883",
               link: "https://vuejs.org"
-            }
+            },
+            {
+              internalName: "vuetify",
+              name: "Vuetify",
+              icon: "mdi-vuetify",
+              link: "https://vuetify.com",
+              color: "#2196F3"
+            },
           ],
           description: "The website you are viewing right now.",
           visible: true,
@@ -375,11 +464,6 @@ export default {
               icon: "mdi-pause-octagon",
               color: "warning"
             },
-            {
-              internalName: "openSource",
-              name: "Open Source",
-              icon: "mdi-git"
-            },
             {
               internalName: "vue",
               name: "Vue",