Website: Add svg for community and openzfs icons

5 files changed, 360 insertions, 2 deletions

diff --git a/website/themes/beastie/assets/styles/main.css b/website/themes/beastie/assets/styles/main.css
index 2b6054f16c..bae619bf1b 100644
--- a/website/themes/beastie/assets/styles/main.css
+++ b/website/themes/beastie/assets/styles/main.css
@@ -102,12 +102,12 @@
   --example-block-color: #F1BB16;
   --example-block-background-color: #FEF8E7;
 
-  --openzfs-image: url("/images/openzfs.png");
+  --openzfs-image: url("/images/openzfs2.svg");
   --virtualization-image: url("/images/virtualization.png");
   --jails-image: url("/images/jails.png");
   --networking-image: url("/images/networking.svg");
   --documentation-image: url("/images/documentation.svg");
-  --community-image: url("/images/community.png");
+  --community-image: url("/images/community.svg");
 
 }
 
diff --git a/website/themes/beastie/static/images/community.png b/website/themes/beastie/static/images/community.png
deleted file mode 100644
index 36d9ed7fdd..0000000000
--- a/website/themes/beastie/static/images/community.png
+++ /dev/null
diff --git a/website/themes/beastie/static/images/community.svg b/website/themes/beastie/static/images/community.svg
new file mode 100644
index 0000000000..9a081b0207
--- /dev/null
+++ b/website/themes/beastie/static/images/community.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 113 118" width="113" height="118" fill="none" role="img" aria-label="Community icon">
+  <g
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="g12">
+    <path
+       d="m 26,16 h 32 c 8,0 14,6 14,14 v 12 c 0,8 -6,14 -14,14 H 42 L 28,65 V 56 H 26 C 18,56 12,50 12,42 V 30 c 0,-8 6,-14 14,-14 z"
+       stroke="#AD282B"
+       stroke-width="2.6"
+       id="path7" />
+    <path
+       d="m 63.866377,17.026648 h 12.510911 c 8.340607,0 14.596063,5.993338 14.596063,13.984455 V 41.99889 c 0,7.991117 -6.255456,13.984455 -14.596063,13.984455 h -2.085152 v 8.990007 L 59.696073,55.983345 h -7.298031"
+       stroke="#AD282B"
+       stroke-width="2.6533"
+       id="path8" />
+    <circle
+       cx="31"
+       cy="34"
+       r="3.5"
+       stroke="#AD282B"
+       stroke-width="2.6"
+       id="circle8" />
+    <circle
+       cx="42"
+       cy="34"
+       r="3.5"
+       stroke="#AD282B"
+       stroke-width="2.6"
+       id="circle9" />
+    <circle
+       cx="53"
+       cy="34"
+       r="3.5"
+       stroke="#AD282B"
+       stroke-width="2.6"
+       id="circle10" />
+    <circle
+       cx="35"
+       cy="77"
+       r="9"
+       stroke="#AD282B"
+       stroke-width="2.6"
+       id="circle11" />
+    <path
+       d="m 17,107 c 1,-11 8,-17 18,-17 10,0 17,6 18,17"
+       stroke="#AD282B"
+       stroke-width="2.6"
+       id="path11" />
+    <circle
+       cx="79"
+       cy="77"
+       r="9"
+       stroke="#AD282B"
+       stroke-width="2.6"
+       id="circle12" />
+    <path
+       d="m 61,107 c 1,-11 8,-17 18,-17 10,0 17,6 18,17"
+       stroke="#AD282B"
+       stroke-width="2.6"
+       id="path12" />
+  </g>
+</svg>
diff --git a/website/themes/beastie/static/images/openzfs.png b/website/themes/beastie/static/images/openzfs.png
deleted file mode 100644
index a593a1af9a..0000000000
--- a/website/themes/beastie/static/images/openzfs.png
+++ /dev/null
diff --git a/website/themes/beastie/static/images/openzfs.svg b/website/themes/beastie/static/images/openzfs.svg
new file mode 100644
index 0000000000..3469dc4bfc
--- /dev/null
+++ b/website/themes/beastie/static/images/openzfs.svg
@@ -0,0 +1,295 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 115 128" width="115" height="128" role="img" aria-label="OpenZFS icon">
+  <g
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     id="g93"
+     transform="matrix(0.29843248,0,0,0.3201272,-17.071419,-11.82803)">
+    <path
+       d="m 124,90 h 252 c 11,0 20,9 20,20 v 79 l -40,80 h 38 v 87 c 0,11 -9,20 -20,20 H 124 c -11,0 -20,-9 -20,-20 v -82 l 40,-84 h -40 v -80 c 0,-11 9,-20 20,-20 z"
+       stroke="#AD282B"
+       stroke-width="14"
+       fill="none"
+       id="path62"
+       style="stroke-width:10.22680944;stroke-dasharray:none" />
+    <circle
+       cx="167.10001"
+       cy="123.8"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle63"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="200.7"
+       cy="124.3"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle64"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="234"
+       cy="124.6"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle65"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="267.10001"
+       cy="124.5"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle66"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="300.10001"
+       cy="124.5"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle67"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="333.10001"
+       cy="124.5"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle68"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="184"
+       cy="141.7"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle69"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="217.5"
+       cy="141.60001"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle70"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="250.3"
+       cy="141.60001"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle71"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="283.39999"
+       cy="141.60001"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle72"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="316.60001"
+       cy="141.60001"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle73"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="200.7"
+       cy="158.3"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle74"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="234"
+       cy="158.3"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle75"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="267"
+       cy="158.10001"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle76"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="300"
+       cy="158.10001"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle77"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="217.39999"
+       cy="175"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle78"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="250.39999"
+       cy="174.89999"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle79"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="283.39999"
+       cy="175"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle80"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="234"
+       cy="191.89999"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle81"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="267"
+       cy="192"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle82"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="250.2"
+       cy="208.89999"
+       r="7.8000002"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle83"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="249.8"
+       cy="256"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle84"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="224"
+       cy="285"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle85"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="275.10001"
+       cy="285"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle86"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="199.7"
+       cy="310.5"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle87"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="249.8"
+       cy="310.60001"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle88"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="300"
+       cy="310.70001"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle89"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="174.8"
+       cy="336.39999"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle90"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="224.2"
+       cy="336.20001"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle91"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="275.29999"
+       cy="336.20001"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle92"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+    <circle
+       cx="324.70001"
+       cy="336.29999"
+       r="11.2"
+       stroke="#AD282B"
+       stroke-width="3"
+       fill="none"
+       id="circle93"
+       style="stroke-width:4.85296241;stroke-dasharray:none" />
+  </g>
+</svg>