From d7317805787c71a4cc5be99f29c72358742e1944 Mon Sep 17 00:00:00 2001
From: Troplo <troplo@troplo.com>
Date: Sun, 6 Feb 2022 18:22:18 +1100
Subject: [PATCH] update

---
 package.json                      |  2 +-
 src/assets/icons/crystal_icon.svg | 16 ++++++++++++++++
 src/views/Projects.vue            | 26 +++++++++++++++-----------
 3 files changed, 32 insertions(+), 12 deletions(-)
 create mode 100644 src/assets/icons/crystal_icon.svg

diff --git a/package.json b/package.json
index f6d3251..4d53f40 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "troplo-site",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/assets/icons/crystal_icon.svg b/src/assets/icons/crystal_icon.svg
new file mode 100644
index 0000000..8ec60f8
--- /dev/null
+++ b/src/assets/icons/crystal_icon.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 193.2 206.7" style="enable-background:new 0 0 193.2 206.7;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+</style>
+<g>
+	<path d="M165.4,122l-50,49.9c-0.2,0.2-0.5,0.3-0.7,0.2l-68.3-18.3c-0.3-0.1-0.5-0.3-0.5-0.5L27.5,85.1c-0.1-0.3,0-0.5,0.2-0.7
+		l50-49.9c0.2-0.2,0.5-0.3,0.7-0.2l68.3,18.3c0.3,0.1,0.5,0.3,0.5,0.5l18.3,68.2C165.7,121.6,165.6,121.8,165.4,122z M98.4,67.7
+		L31.3,85.6c-0.1,0-0.2,0.2-0.1,0.3l49.1,49c0.1,0.1,0.3,0.1,0.3-0.1l18-67C98.7,67.8,98.5,67.6,98.4,67.7z"/>
+	<g>
+		<rect class="st0" width="193.2" height="206.7"/>
+	</g>
+</g>
+</svg>
diff --git a/src/views/Projects.vue b/src/views/Projects.vue
index 0406184..6aaea7c 100644
--- a/src/views/Projects.vue
+++ b/src/views/Projects.vue
@@ -26,11 +26,13 @@
                   :key="tag.id"
                   :href="tag.link"
                   :color="tag.color"
-                  disabled
+                  :disabled="!tag.link"
+                  :text-color="tag.textColor || 'white'"
                   style="opacity: 1"
                 >
-                  <v-icon>{{ tag.icon }}</v-icon
-                  ><template v-if="tag.icon">&nbsp;</template>
+                  <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 }}
                 </v-chip>
               </v-chip-group>
@@ -129,7 +131,7 @@ export default {
         },
         {
           id: 3,
-          name: "Pinnoto Mira",
+          name: "Mira",
           internalName: "mira",
           tags: [
             {
@@ -152,9 +154,10 @@ export default {
             },
             {
               internalName: "crystal",
-              color: "black",
+              color: "white",
+              textColor: "black",
               name: "Crystal",
-              icon: "mdi-language-ruby",
+              icon: "crystal",
               link: "https://crystal-lang.org"
             }
           ],
@@ -204,7 +207,7 @@ export default {
         },
         {
           id: 5,
-          name: "Pinnoto Berri",
+          name: "Berri",
           internalName: "berri",
           tags: [
             {
@@ -227,9 +230,10 @@ export default {
             },
             {
               internalName: "crystal",
-              color: "black",
+              color: "white",
               name: "Crystal",
-              icon: "mdi-language-ruby",
+              textColor: "black",
+              icon: "crystal",
               link: "https://crystal-lang.org"
             }
           ],
@@ -256,7 +260,7 @@ export default {
         },
         {
           id: 7,
-          name: "Troplo Website",
+          name: "Troplo's Website",
           internalName: "troplo-website",
           tags: [
             {
@@ -293,7 +297,7 @@ export default {
         },
         {
           id: 8,
-          name: "Pinnoto Psittacus",
+          name: "Psittacus",
           internalName: "psittacus",
           tags: [
             {