From: Thomas Lamprecht <t.lamprecht@proxmox.com>
Date: Fri, 1 Apr 2022 08:35:50 +0000 (+0200)
Subject: icons: switch cpu/ram bitmaps to svg
X-Git-Url: https://git.proxmox.com/?p=proxmox-widget-toolkit.git;a=commitdiff_plain;h=563cf87d593e626911fc4831783675a8c0759a2a

icons: switch cpu/ram bitmaps to svg

Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
---

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index 1d815c6..2516578 100644
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -119,14 +119,15 @@ div.right-aligned {
     background-repeat: no-repeat;
     background-position:3px center;
     padding-left: 20px;
+    background-size: 16px 16px; /* Chrom* needs both as else it gets cut-off due do non 1:1 ratio */
 }
 
 .pmx-itype-icon-memory {
-    background-image:url(../images/icon-ram.png);
+    background-image:url(../images/icon-ram.svg);
 }
 
 .pmx-itype-icon-processor {
-    background-image:url(../images/icon-cpu.png);
+    background-image:url(../images/icon-cpu.svg);
 }
 
 .pmx-itype-icon-debian-swirl {
diff --git a/src/images/Makefile b/src/images/Makefile
index 75f0325..26aeed8 100644
--- a/src/images/Makefile
+++ b/src/images/Makefile
@@ -1,12 +1,9 @@
-# icon-cpu, icon-ram
-# are self made (sources as .xcf)
-
 include ../defines.mk
 
 IMAGES=pmx-clear-trigger.png		\
        openid-icon-100x100.png		\
-       icon-cpu.png			\
-       icon-ram.png			\
+       icon-cpu.svg			\
+       icon-ram.svg			\
        debian-swirl-openlogo.svg	\
        proxmox-symbol-x.svg		\
 
diff --git a/src/images/icon-cpu.png b/src/images/icon-cpu.png
deleted file mode 100644
index e1cc6c2..0000000
Binary files a/src/images/icon-cpu.png and /dev/null differ
diff --git a/src/images/icon-cpu.svg b/src/images/icon-cpu.svg
new file mode 100644
index 0000000..09987db
--- /dev/null
+++ b/src/images/icon-cpu.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns="http://www.w3.org/2000/svg"
+    width="100"
+    height="100"
+    version="1.1"
+>
+
+    <g fill="none" stroke="#000" stroke-width="5" shape-rendering="crispEdges">
+        <!-- base CPU -->
+        <rect x="15" y="15" rx="0" ry="0" width="70" height="70" />
+        <rect x="30" y="30" rx="0" ry="0" width="40" height="40" fill="black"/>
+        <g stroke-width="8"> <!-- pins -->
+            <!-- left -->
+            <path d="m14,24.5 h-12.5"/>
+            <path d="m14,41.5 h-12.5"/>
+            <path d="m14,58.5 h-12.5"/>
+            <path d="m14,75.5 h-12.5"/>
+            <!-- right -->
+            <path d="m86,24.5 h+12.5"/>
+            <path d="m86,41.5 h+12.5"/>
+            <path d="m86,58.5 h+12.5"/>
+            <path d="m86,75.5 h+12.5"/>
+            <!-- top -->
+            <path d="m24.5,14 v-12.5"/>
+            <path d="m41.5,14 v-12.5"/>
+            <path d="m58.5,14 v-12.5"/>
+            <path d="m75.5,14 v-12.5"/>
+            <!-- bottom -->
+            <path d="m24.5,86 v+12.5"/>
+            <path d="m41.5,86 v+12.5"/>
+            <path d="m58.5,86 v+12.5"/>
+            <path d="m75.5,86 v+12.5"/>
+        </g>
+    </g>
+</svg>
diff --git a/src/images/icon-cpu.xcf b/src/images/icon-cpu.xcf
deleted file mode 100644
index be5e603..0000000
Binary files a/src/images/icon-cpu.xcf and /dev/null differ
diff --git a/src/images/icon-ram.png b/src/images/icon-ram.png
deleted file mode 100644
index cf9c812..0000000
Binary files a/src/images/icon-ram.png and /dev/null differ
diff --git a/src/images/icon-ram.svg b/src/images/icon-ram.svg
new file mode 100644
index 0000000..eb03916
--- /dev/null
+++ b/src/images/icon-ram.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns="http://www.w3.org/2000/svg"
+    width="100"
+    height="100"
+    version="1.1"
+>
+
+    <g fill="none" stroke="#000" stroke-width="7" shape-rendering="crispEdges">
+        <rect x="3.0" y="25" rx="0" ry="0" width="94" height="40"/> <!-- outer dimm PCB border -->
+
+        <g stroke-width="0"> <!-- dimm chips -->
+            <rect x="12.5" y="35" rx="0" ry="0" width="20" height="20" fill="black"/>
+            <rect x="40.0" y="35" rx="0" ry="0" width="20" height="20" fill="black"/>
+            <rect x="67.5" y="35" rx="0" ry="0" width="20" height="20" fill="black"/>
+        </g>
+
+        <g stroke-width="8"> <!-- pins -->
+            <path d="m10,67 v+10"/>
+            <path d="m26,67 v+10"/>
+            <path d="m42,67 v+10"/>
+            <path d="m58,67 v+10"/>
+            <path d="m74,67 v+10"/>
+            <path d="m90,67 v+10"/>
+        </g>
+    </g>
+</svg>
diff --git a/src/images/icon-ram.xcf b/src/images/icon-ram.xcf
deleted file mode 100644
index 1507a04..0000000
Binary files a/src/images/icon-ram.xcf and /dev/null differ