icons: switch cpu/ram bitmaps to svg

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

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 {

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-cpu.svg			\
-       icon-ram.png			\
+       icon-ram.svg			\
        debian-swirl-openlogo.svg	\
        proxmox-symbol-x.svg		\
 

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>

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>