From e3c34277526aaae766c52b1d722aa479ad05a1e0 Mon Sep 17 00:00:00 2001
From: NotXia <35894453+NotXia@users.noreply.github.com>
Date: Fri, 12 Jan 2024 21:20:59 +0100
Subject: [PATCH] Add wip flag

---
 assets/images/icons/wip.svg                  | 38 ++++++++++++++++++++
 components/projects/ProjectCard.vue          |  7 +++-
 components/projects/cards/NotXiaGithubio.vue |  1 +
 3 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 assets/images/icons/wip.svg

diff --git a/assets/images/icons/wip.svg b/assets/images/icons/wip.svg
new file mode 100644
index 0000000..bf27e45
--- /dev/null
+++ b/assets/images/icons/wip.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
+	 width="800px" height="800px" viewBox="0 0 195.811 195.811"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M50.881,32.67c9.145,0,16.557-7.313,16.557-16.336C67.438,7.313,60.026,0,50.881,0C41.74,0,34.328,7.313,34.328,16.334
+			C34.328,25.356,41.741,32.67,50.881,32.67z"/>
+		<path d="M99.076,97.672c-2.475,3.492-1.666,8.316,1.826,10.792l8.072,5.726c3.49,2.477,8.317,1.651,10.795-1.84l0.168-0.235
+			l4.439,2.766l0.876,2.91c0.169,0.562,0.555,1.033,1.07,1.312c0.517,0.277,1.123,0.338,1.686,0.168l0.459-0.138
+			c0.562-0.17,1.168-0.108,1.685,0.169c0.518,0.277,0.902,0.749,1.071,1.311l0.139,0.461c0.169,0.562,0.555,1.031,1.071,1.311
+			c0.517,0.277,1.122,0.338,1.684,0.169l0.351-0.104c1.169-0.354,2.401,0.31,2.755,1.479l0.104,0.348
+			c0.354,1.17,1.585,1.832,2.755,1.479l0.461-0.139c0.562-0.169,1.168-0.108,1.685,0.17c0.517,0.276,0.902,0.749,1.071,1.311
+			l0.137,0.457c0.169,0.562,0.555,1.033,1.071,1.312c0.517,0.277,1.123,0.339,1.685,0.17l0.348-0.105
+			c0.562-0.169,1.168-0.107,1.686,0.17c0.517,0.277,0.902,0.75,1.071,1.312l0.104,0.347c0.353,1.169,1.585,1.832,2.754,1.48
+			l0.462-0.139c1.169-0.353,2.401,0.311,2.754,1.479l0.14,0.46c0.353,1.169,1.585,1.831,2.754,1.479l0.351-0.105
+			c1.169-0.352,2.402,0.312,2.755,1.48l0.104,0.346c0.352,1.171,1.584,1.832,2.754,1.48l0.463-0.139
+			c1.17-0.352,2.402,0.311,2.754,1.48l0.129,0.428c0.171,0.566,0.562,1.041,1.085,1.317c0.522,0.277,1.136,0.332,1.699,0.154
+			l1.125-0.354c1.133-0.357,2.121-1.067,2.823-2.025l4.96-6.776c0.843-1.151,1.188-2.593,0.96-4.001
+			c-0.229-1.408-1.014-2.666-2.177-3.492l-44.889-31.834l-14.166-10.049c-3.604-2.556-8.598-1.707-11.153,1.896L88.012,71.037
+			L75.84,38.822c-0.975-2.582-3.555-3.808-6.191-3.808c-9.607,0-28.279,0-37.904,0c-2.328,0-4.66,0.896-5.846,3.065L8.701,69.593
+			c-0.75,1.373-0.924,2.997-0.482,4.499l8.328,28.364c0.756,2.571,3.107,4.242,5.658,4.242c0.551,0,1.111-0.076,1.666-0.239
+			c3.129-0.92,4.92-4.198,4-7.325l-7.648-26.015l10.834-19.864v133.304c0,4.89,3.975,8.854,8.865,8.854
+			c4.889,0,8.865-3.964,8.865-8.854v-66.91h4.162v66.91c0,4.89,4.014,8.854,8.902,8.854c4.888,0,8.9-3.964,8.9-8.854V58.596
+			l6.881,18.279c0.412,1.084,1.113,2.023,2.055,2.7l21.325,15.368L99.076,97.672z M130.864,118.048l-0.045,0.015l-0.014-0.047
+			L130.864,118.048z M111.739,88.333c1.048-1.477,3.094-1.824,4.569-0.777l9.985,7.082L115.752,109.5
+			c-0.898,1.268-2.662,1.571-3.931,0.672l-8.072-5.725c-1.266-0.899-1.555-2.658-0.653-3.926l2.018-2.849
+			c0.695,0.273,1.424,0.407,2.15,0.407c1.83,0,3.635-0.852,4.789-2.452C113.68,93.371,113.479,90.353,111.739,88.333L111.739,88.333
+			z"/>
+		<!-- <path d="M170.963,168.102c0-3.846-3.117-6.963-6.964-6.963H93.723c-3.846,0-6.963,3.117-6.963,6.963
+			c-2.735,0-4.953,2.219-4.953,4.953v17.803c0,2.735,2.218,4.953,4.953,4.953h23.762c2.735,0,4.953-2.218,4.953-4.953v-22.756h38.69
+			v22.756c0,2.735,2.219,4.953,4.953,4.953h23.761c2.734,0,4.952-2.218,4.952-4.953v-15.793c0-3.846-3.116-6.963-6.963-6.963
+			H170.963z"/> -->
+	</g>
+</g>
+</svg>
\ No newline at end of file
diff --git a/components/projects/ProjectCard.vue b/components/projects/ProjectCard.vue
index f1a537c..1cbb1b1 100644
--- a/components/projects/ProjectCard.vue
+++ b/components/projects/ProjectCard.vue
@@ -2,6 +2,10 @@
     <div class="w-100 p-5 h-full">
         <div class="border border-gray-500 dark:border-gray-300 rounded-md p-3 w-full h-full flex items-center justify-center">
             <div class="w-full">
+                <div v-if="wip" class="sm:float-left flex items-center justify-center">
+                    <img src="~/assets/images/icons/wip.svg" class="h-6 sm:h-8 dark:invert"/>
+                    <span class="sm:text-lg font-bold ml-2">WIP</span>
+                </div>
                 <h3 class="text-2xl font-semibold text-center text-gray-900 dark:text-white">{{ props.title }}</h3>
                 <h4 v-if="props.subtitle" class="text font-semibold text-center text-gray-700 dark:text-gray-300">{{ props.subtitle }}</h4>
                 <div class="text-center mb-2">
@@ -24,6 +28,7 @@
         title: String,
         subtitle: { type: String, required: false },
         links: Object as PropType<{ label: string, url: string }[]>,
-        image: String
+        image: String,
+        wip: { type: Boolean, required: false }
     });
 </script>
\ No newline at end of file
diff --git a/components/projects/cards/NotXiaGithubio.vue b/components/projects/cards/NotXiaGithubio.vue
index af89dee..29b6190 100644
--- a/components/projects/cards/NotXiaGithubio.vue
+++ b/components/projects/cards/NotXiaGithubio.vue
@@ -1,5 +1,6 @@
 <template>
     <ProjectCard 
+        wip
         title="notxia.github.io" 
         :links="[ 
             { label: 'Repository', url: 'https://github.com/NotXia/notxia.github.io' },