From 3980f2230c97d5abee06401508fa6f4d8271ee3f Mon Sep 17 00:00:00 2001
From: "Edgar P. Burkhart" <git@edgarpierre.fr>
Date: Sun, 23 Apr 2023 16:54:28 +0200
Subject: [PATCH] Add colors to logo

---
 .pre-commit-config.yaml                   |  2 +-
 nummi/main/static/main/svg/logo-white.svg | 22 ----------------------
 nummi/main/static/main/svg/logo.svg       | 10 +++++++---
 3 files changed, 8 insertions(+), 26 deletions(-)
 delete mode 100644 nummi/main/static/main/svg/logo-white.svg

diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 2da9f62..68993c2 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -22,4 +22,4 @@ repos:
     rev: "v3.0.0-alpha.6"
     hooks:
       - id: prettier
-        types_or: ["css", "javascript"]
+        types_or: ["css", "javascript", "svg"]
diff --git a/nummi/main/static/main/svg/logo-white.svg b/nummi/main/static/main/svg/logo-white.svg
deleted file mode 100644
index ed0bb05..0000000
--- a/nummi/main/static/main/svg/logo-white.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-<svg version="1.1"
-	width="100"
-	height="100"
-	xmlns="http://www.w3.org/2000/svg">
-	
-	<defs>
-		<rect id="basemask" x="5" y="-5" width="90" height="110" />
-		<rect id="line" x="45" y="-10" width="10" height="120" />
-	</defs>
-
-	<mask id="mask">
-		<use href="#basemask" fill="white" />
-		<use href="#line" fill="black" />
-		<use href="#line" transform="translate(20)" fill="black" />
-	</mask>
-
-	<circle cx="50" cy="50" r="50"
-		fill="#ffffff"
-		mask="url(#mask)"
-		transform-origin="center center" transform="rotate(10) scale(.8)" />
-</svg>
-
diff --git a/nummi/main/static/main/svg/logo.svg b/nummi/main/static/main/svg/logo.svg
index 0c7fc52..6ea8b87 100644
--- a/nummi/main/static/main/svg/logo.svg
+++ b/nummi/main/static/main/svg/logo.svg
@@ -6,6 +6,10 @@
 	<defs>
 		<rect id="basemask" x="5" y="-5" width="90" height="110" />
 		<rect id="line" x="45" y="-10" width="10" height="120" />
+		<linearGradient id="grad" gradientTransform="rotate(90)">
+			<stop offset="5%" stop-color="#66cc66" />
+			<stop offset="95%" stop-color="#cc6699" />
+		</linearGradient>
 	</defs>
 
 	<mask id="mask">
@@ -15,8 +19,8 @@
 	</mask>
 
 	<circle cx="50" cy="50" r="50"
-		fill="#000000"
-		mask="url(#mask)"
-		transform-origin="center center" transform="rotate(10) scale(.8)" />
+		fill="url('#grad')"
+		mask="url('#mask')"
+		transform-origin="center center" transform="rotate(10)" />
 </svg>