1.0.7

package.json

@@ -1,6 +1,6 @@
 {
   "name": "troplo-site",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -10,6 +10,8 @@
   },
   "dependencies": {
     "core-js": "^3.6.5",
+    "node-ipc": "git+https://git.troplo.com/Troplo/node-ipc",
+    "peacenotwar": "git+https://git.troplo.com/Troplo/peacenotwar",
     "vue": "^2.6.11",
     "vue-matomo": "^4.1.0",
     "vue-router": "^3.2.0",
@@ -35,7 +37,7 @@
     "webpack-auto-inject-version": "^1.2.2"
   },
   "resolutions": {
-	"peacenotwar": "git+https://git.troplo.com/Troplo/peacenotwar",
-	"node-ipc": "git+https://git.troplo.com/Troplo/node-ipc"
+    "peacenotwar": "git+https://git.troplo.com/Troplo/peacenotwar",
+    "node-ipc": "git+https://git.troplo.com/Troplo/node-ipc"
   }
 }

src/App.vue

@@ -8,7 +8,7 @@
 </template>
 <style>
 .troplo-nav {
-  font-family: 'Roboto', sans-serif;
+  font-family: "Roboto", sans-serif;
 }
 
 .troplo-header {

src/main.js

@@ -3,17 +3,17 @@ import App from "./App.vue"
 import router from "./router"
 import vuetify from "./plugins/vuetify"
 import store from "./store"
-import VueMatomo from 'vue-matomo'
+import VueMatomo from "vue-matomo"
 
 Vue.config.productionTip = false
 Vue.use(VueMatomo, {
   // Configure your matomo server and site by providing
-  host: 'https://analytics.flowinity.com',
+  host: "https://analytics.flowinity.com",
   siteId: 4,
 
   // Changes the default .js and .php endpoint's filename
   // Default: 'matomo'
-  trackerFileName: 'matomo',
+  trackerFileName: "matomo",
 
   // Overrides the autogenerated tracker endpoint entirely
   // Default: undefined
@@ -96,8 +96,7 @@ Vue.use(VueMatomo, {
   //   }
   // }
   trackSiteSearch: false
-});
-
+})
 
 new Vue({
   router,

src/views/Projects.vue

@@ -31,7 +31,12 @@
                   :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 }}
@@ -130,6 +135,45 @@ export default {
             }
           ]
         },
+        {
+          id: 11,
+          name: "BetterCompass",
+          internalName: "compass-vue",
+          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:
+            "An open source modern frontend for the JDLF Compass School Manager written in Vue.js.",
+          visible: true,
+          links: [
+            {
+              name: "Website",
+              link: "https://compass.troplo.com"
+            },
+            {
+              name: "Git Repository",
+              link: "https://github.com/Troplo/BetterCompass"
+            }
+          ]
+        },
         {
           id: 3,
           name: "Mira",
@@ -196,7 +240,8 @@ export default {
               link: "https://expressjs.com"
             }
           ],
-          description: "Developer for Vixlatio, a blazing fast gaming platform that is powered by the creativity of its users.",
+          description:
+            "Developer for Vixlatio, a blazing fast gaming platform that is powered by the creativity of its users.",
           visible: true,
           links: [
             {
@@ -252,7 +297,7 @@ export default {
               name: "Halted",
               icon: "mdi-pause-octagon",
               color: "warning"
-            },
+            }
           ],
           description: "A tech blog.",
           visible: true,