From c6a0a32bb940ff4522eed9366bb7b00f3f592442 Mon Sep 17 00:00:00 2001
From: Foster Irwin <foster@jfirwin.com>
Date: Tue, 23 Nov 2021 15:21:58 -0700
Subject: [PATCH] add images

---
 website/src/pages/index.tsx                |  12 +-
 website/static/img/homepage/battery.svg    |  82 +++++++++
 website/static/img/homepage/encryption.svg |  72 ++++++++
 website/static/img/homepage/extendable.svg |  64 +++++++
 website/static/img/homepage/messages.svg   |  91 ++++++++++
 website/static/img/homepage/opensource.svg | 132 ++++++++++++++
 website/static/img/homepage/platforms.svg  | 189 +++++++++++++++++++++
 7 files changed, 636 insertions(+), 6 deletions(-)
 create mode 100644 website/static/img/homepage/battery.svg
 create mode 100644 website/static/img/homepage/encryption.svg
 create mode 100644 website/static/img/homepage/extendable.svg
 create mode 100644 website/static/img/homepage/messages.svg
 create mode 100644 website/static/img/homepage/opensource.svg
 create mode 100644 website/static/img/homepage/platforms.svg

diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
index 53e3cbdb..dbc0e938 100644
--- a/website/src/pages/index.tsx
+++ b/website/src/pages/index.tsx
@@ -12,7 +12,7 @@ import styles from './styles.module.css';
 const features = [
   {
     title: "Radio Mesh Text Messaging",
-    imageUrl: "img/software.svg",
+    imageUrl: "img/homepage/messages.svg",
     description: (
       <>
         Off-grid messaging using inexpensive hardware to create your personal mesh. Radios forward messages to the next to flood the network. Communicate kilometers/miles between nodes. Internet-connected relay nodes enable the conversation to move online too.
@@ -21,7 +21,7 @@ const features = [
   },
   {
     title: "Encryption",
-    imageUrl: "img/versatility.svg",
+    imageUrl: "img/homepage/encryption.svg",
     description: (
       <>
         Messages are AES256 encrypted. Only radios supplied with your channel settings (which includes the key) should be able to read your messages. Using multichannel settings you can send encrypted messages on one channel and still participate in a default Meshtastic mesh.
@@ -30,7 +30,7 @@ const features = [
   },
   {
     title: "Conserve Battery",
-    imageUrl: "img/efficiency.svg",
+    imageUrl: "img/homepage/battery.svg",
     description: (
       <>
         Go for days on end and on a single battery or extend it infinitely with a solar cell. Power management ensures the device will last the duration of your use.
@@ -39,7 +39,7 @@ const features = [
   },
   {
     title: "Extendable",
-    imageUrl: "img/efficiency.svg",
+    imageUrl: "img/homepage/extendable.svg",
     description: (
       <>
         Create a highly scalable mesh with hardware on a multitude of platforms to fit your unique requirements: Create an environment monitoring mesh and produce real-time heatmaps, or maybe decentralised, encrypted messaging network, your imagination is the limit.
@@ -48,7 +48,7 @@ const features = [
   },
   {
     title: "Platform Agnostic",
-    imageUrl: "img/efficiency.svg",
+    imageUrl: "img/homepage/platforms.svg",
     description: (
       <>
         Meshtastic clients are built or being built for all major desktop and mobile platforms. Linux, Windows, Mac, Android, and iOS are all supported or well on their way to being supported.
@@ -57,7 +57,7 @@ const features = [
   },
   {
     title: "Open Source",
-    imageUrl: "img/efficiency.svg",
+    imageUrl: "img/homepage/opensource.svg",
     description: (
       <>
         All Meshtastic software is open source. If you want an improvement, submit a pull request or file an issue on Github. Happy coding!
diff --git a/website/static/img/homepage/battery.svg b/website/static/img/homepage/battery.svg
new file mode 100644
index 00000000..7da72f6e
--- /dev/null
+++ b/website/static/img/homepage/battery.svg
@@ -0,0 +1,82 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   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"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.1-dev (f9311a1, 2019-12-25)"
+   sodipodi:docname="battery.svg"
+   id="svg2552"
+   version="1.1"
+   height="1000px"
+   width="1000px"
+   y="0px"
+   x="0px"
+   viewBox="150 150 650 650">
+  <metadata
+     id="metadata2558">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2556" />
+  <sodipodi:namedview
+     showguides="false"
+     inkscape:current-layer="Layer_1"
+     inkscape:window-maximized="0"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="857.96959"
+     inkscape:cx="632.38652"
+     inkscape:zoom="0.35812299"
+     showgrid="false"
+     id="namedview2554"
+     inkscape:window-height="829"
+     inkscape:window-width="1440"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     inkscape:document-rotation="0"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <g
+     id="g1421">
+    <g
+       data-name="Layer 1"
+       id="Layer_1"
+       style="isolation:isolate">
+      <path
+         id="path842"
+         d="M 247.5,596.33329 H 656.99985 V 353.66671 H 247.5 Z m 30.33333,-212.33326 h 348.8332 v 181.99993 h -348.8332 z"
+         inkscape:connector-curvature="0"
+         style="stroke-width:0.947916;fill:#2c2d3c;fill-opacity:1" />
+      <rect
+         id="rect844"
+         height="138.51901"
+         width="307.72208"
+         y="405.74518"
+         x="298.39377"
+         style="fill:#67ea94;fill-opacity:1;stroke-width:0.947916" />
+      <rect
+         id="rect846"
+         height="101.11423"
+         width="30.333321"
+         y="424.44751"
+         x="672.16669"
+         style="stroke-width:0.947916;fill:#2c2d3c;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/website/static/img/homepage/encryption.svg b/website/static/img/homepage/encryption.svg
new file mode 100644
index 00000000..7b58d566
--- /dev/null
+++ b/website/static/img/homepage/encryption.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   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"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   inkscape:version="1.1-dev (f9311a1, 2019-12-25)"
+   sodipodi:docname="encryption.svg"
+   id="svg2552"
+   version="1.1"
+   height="1000px"
+   width="1000px"
+   y="0px"
+   x="0px"
+   viewBox="150 150 650 650">
+  <metadata
+     id="metadata2558">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2556" />
+  <sodipodi:namedview
+     inkscape:current-layer="svg2552"
+     inkscape:window-maximized="0"
+     inkscape:window-y="23"
+     inkscape:window-x="0"
+     inkscape:cy="193.51604"
+     inkscape:cx="-636.30628"
+     inkscape:zoom="0.21985622"
+     showgrid="false"
+     id="namedview2554"
+     inkscape:window-height="829"
+     inkscape:window-width="1440"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0"
+     guidetolerance="10"
+     gridtolerance="10"
+     objecttolerance="10"
+     borderopacity="1"
+     inkscape:document-rotation="0"
+     bordercolor="#666666"
+     pagecolor="#ffffff" />
+  <g
+     transform="matrix(1.2075942,0,0,1.2075942,-94.26622,-98.607245)"
+     id="g3790">
+    <g
+       transform="translate(-40.89095,-30.934621)"
+       id="g4693">
+      <path
+         style="fill:#2c2d3c;fill-opacity:1;stroke-width:0.880208"
+         inkscape:connector-curvature="0"
+         d="m 619.35416,418.69917 h -59.8542 V 348.2825 a 84.5,84.5 0 1 0 -168.99995,0 v 70.41667 h -59.85417 a 10.5625,10.5625 0 0 0 -10.5625,10.5625 V 675.72 a 10.5625,10.5625 0 0 0 10.5625,10.5625 H 619.35416 A 10.5625,10.5625 0 0 0 629.91666,675.72 V 429.26167 a 10.5625,10.5625 0 0 0 -10.5625,-10.5625 z m -93.30207,0 H 423.94792 v -71.07683 a 51.052085,51.052085 0 1 1 102.10417,0 z"
+         id="path2031" />
+      <path
+         style="fill:#67ea94;fill-opacity:1;stroke:#2c2d3c;stroke-width:13;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         inkscape:connector-curvature="0"
+         d="m 566.13756,548.78418 c 0,8.45 0,16.64 2.665,24.31 -28.015,32.89 -108.875,126.425 -108.875,126.425 l 1.885,23.595 c 0,0 22.62,21.45 26,18.2 10.01,-9.75 16.12,-16.38 16.12,-16.38 l 4.706,-28.1775 30.6215,-2.2555 2.457,-30.42 32.2595,-0.6175 0.3185,-32.5585 34.2485,1.365 5.85,-12.246 c 10.075,4.355 19.24,6.11 31.005,6.11 44.525,0 80.6,-34.71 80.6,-77.48 0,-42.77 -36.101,-77.35 -80.626,-77.35 -44.525,0 -79.235,34.71 -79.235,77.48 z m 122.6875,-15.08 a 25.2525,25.2525 0 1 1 -25.2525,-25.2525 25.2265,25.2265 0 0 1 25.2525,25.2525 z"
+         id="path1428" />
+    </g>
+  </g>
+</svg>
diff --git a/website/static/img/homepage/extendable.svg b/website/static/img/homepage/extendable.svg
new file mode 100644
index 00000000..42f75f17
--- /dev/null
+++ b/website/static/img/homepage/extendable.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   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"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="150 150 650 650"
+   x="0px"
+   y="0px"
+   width="1000px"
+   height="1000px"
+   version="1.1"
+   id="svg2552"
+   sodipodi:docname="extendable.svg"
+   inkscape:version="1.1-dev (f9311a1, 2019-12-25)">
+  <metadata
+     id="metadata2558">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2556" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     inkscape:document-rotation="0"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1440"
+     inkscape:window-height="829"
+     id="namedview2554"
+     showgrid="false"
+     inkscape:zoom="0.38374466"
+     inkscape:cx="-44.961751"
+     inkscape:cy="466.99383"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2552" />
+  <path
+     inkscape:connector-curvature="0"
+     fill="none"
+     stroke="#000"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-width="32"
+     d="m 679.98935,462.12652 h -35.96349 a 2.6003977,2.6003977 0 0 1 -2.6004,-2.60039 V 359.09877 A 50.525726,50.525726 0 0 0 590.89973,308.57304 H 490.47237 a 2.6003977,2.6003977 0 0 1 -2.60039,-2.6004 v -35.96349 c 0,-35.2874 -27.95429,-64.82791 -63.24168,-65.43901 a 64.398848,64.398848 0 0 0 -65.53001,64.37285 v 37.02965 a 2.6003977,2.6003977 0 0 1 -2.60041,2.6004 H 256.07253 a 51.669901,51.669901 0 0 0 -51.51389,51.51388 v 91.50799 a 2.6003977,2.6003977 0 0 0 2.6004,2.6004 h 34.98836 c 38.18683,0 69.79466,33.12906 70.32775,71.31591 0.54608,38.83693 -30.56768,74.30636 -69.28759,74.30636 h -36.02852 a 2.6003977,2.6003977 0 0 0 -2.6004,2.6004 v 91.50799 a 51.669901,51.669901 0 0 0 51.51389,51.51387 h 91.50799 a 2.6003977,2.6003977 0 0 0 2.6004,-2.60039 v -27.21316 c 0,-39.37002 32.17992,-73.2662 71.51093,-74.18934 39.13598,-0.91014 74.11133,26.40704 74.11133,65.37399 v 36.02851 a 2.6003977,2.6003977 0 0 0 2.60039,2.60039 h 92.49616 a 50.525726,50.525726 0 0 0 50.52573,-50.52572 V 593.49861 a 2.6003977,2.6003977 0 0 1 2.6004,-2.6004 h 37.02965 c 35.9245,0 64.38585,-29.4755 64.38585,-65.53001 0,-36.05452 -30.16461,-63.24168 -65.45201,-63.24168 z"
+     id="path3864"
+     style="fill:#67ea94;fill-opacity:1;stroke:#2c2d3c;stroke-opacity:1" />
+</svg>
diff --git a/website/static/img/homepage/messages.svg b/website/static/img/homepage/messages.svg
new file mode 100644
index 00000000..00a0f746
--- /dev/null
+++ b/website/static/img/homepage/messages.svg
@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   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"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="150 150 650 650"
+   x="0px"
+   y="0px"
+   width="1000px"
+   height="1000px"
+   version="1.1"
+   id="svg2552"
+   sodipodi:docname="messages.svg"
+   inkscape:version="1.1-dev (f9311a1, 2019-12-25)">
+  <metadata
+     id="metadata2558">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2556" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     inkscape:document-rotation="0"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1440"
+     inkscape:window-height="829"
+     id="namedview2554"
+     showgrid="false"
+     inkscape:zoom="0.42598983"
+     inkscape:cx="-405.6132"
+     inkscape:cy="683.36563"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2552" />
+  <g
+     transform="matrix(1.1117734,0,0,1.1117734,-53.092357,-53.092361)"
+     id="g2651">
+    <path
+       id="path839-0-4"
+       style="fill:#67ea94;fill-opacity:1;stroke:#2c2d3c;stroke-width:26.7968px;stroke-linejoin:round;stroke-opacity:1"
+       d="M 574.12456,351.29119 V 484.77155 A 47.028427,47.028427 0 0 1 527.23012,531.666 H 388.93304 a 6.6992062,6.6992062 0 0 0 -4.29659,1.55706 l -8.3004,6.92004 v 18.8235 a 47.028426,47.028426 0 0 0 46.89444,46.89445 h 138.29708 a 6.6992059,6.6992059 0 0 1 4.29495,1.55706 l 78.48178,65.435 v -66.99206 h 33.49603 A 47.028426,47.028426 0 0 0 724.69477,558.9666 V 398.18564 a 47.028426,47.028426 0 0 0 -46.89444,-46.89445 z"
+       inkscape:connector-curvature="0" />
+    <g
+       id="g1460"
+       transform="matrix(1.2883089,0,0,1.2883089,-188.73673,-372.8753)"
+       style="stroke:#2c2d3c;stroke-opacity:1">
+      <path
+         id="path839"
+         style="fill:none;stroke:#2c2d3c;stroke-width:20.8px;stroke-linejoin:round;stroke-opacity:1"
+         d="m 555.38407,504.55579 h -197.6 a 36.504,36.504 0 0 0 -36.4,36.4 v 124.8 a 36.504,36.504 0 0 0 36.4,36.4 h 26 v 52 l 60.918,-50.791 a 5.2,5.2 0 0 1 3.3345,-1.209 h 107.3475 a 36.504,36.504 0 0 0 36.4,-36.4 v -124.8 a 36.504,36.504 0 0 0 -36.4,-36.4 z"
+         inkscape:connector-curvature="0" />
+      <circle
+         id="circle841"
+         r="20.799999"
+         cy="603.35583"
+         cx="394.18408"
+         style="fill:#2c2d3c;fill-opacity:1;stroke:#2c2d3c;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <circle
+         id="circle843"
+         r="20.799999"
+         cy="603.35583"
+         cx="456.58408"
+         style="fill:#2c2d3c;fill-opacity:1;stroke:#2c2d3c;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <circle
+         id="circle845"
+         r="20.799999"
+         cy="603.35583"
+         cx="518.98407"
+         style="fill:#2c2d3c;fill-opacity:1;stroke:#2c2d3c;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/website/static/img/homepage/opensource.svg b/website/static/img/homepage/opensource.svg
new file mode 100644
index 00000000..fd55ab3f
--- /dev/null
+++ b/website/static/img/homepage/opensource.svg
@@ -0,0 +1,132 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   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"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="150 150 650 650"
+   x="0px"
+   y="0px"
+   width="1000px"
+   height="1000px"
+   version="1.1"
+   id="svg2552"
+   sodipodi:docname="opensource.svg"
+   inkscape:version="1.1-dev (f9311a1, 2019-12-25)">
+  <metadata
+     id="metadata2558">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2556" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     inkscape:document-rotation="0"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1440"
+     inkscape:window-height="829"
+     id="namedview2554"
+     showgrid="false"
+     inkscape:zoom="0.25792546"
+     inkscape:cx="1282.3295"
+     inkscape:cy="1164.4673"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="g2767" />
+  <g
+     transform="matrix(-2403.8462,0,0,0,-624628.82,150)"
+     id="g2144">
+    <circle
+       style="stroke-width:0.65"
+       cx="-259.90799"
+       cy="348.21353"
+       r="72.800003"
+       id="circle937-3" />
+    <path
+       style="stroke-width:0.65"
+       inkscape:connector-curvature="0"
+       d="m -259.90798,441.81355 c -45.123,0 -135.2,27.872 -135.2,83.2 v 41.6 h 270.39999 v -41.6 c 0,-55.328 -90.077,-83.2 -135.19999,-83.2 z"
+       id="path939-9" />
+  </g>
+  <g
+     transform="translate(-72.893828,73.324518)"
+     id="g2767">
+    <g
+       transform="matrix(0.97372176,0,0,0.97372176,14.397685,10.555324)"
+       id="g1453">
+      <circle
+         style="fill:#67ea94;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path4674-0"
+         cx="816.78119"
+         cy="367.76611"
+         r="24.375" />
+      <circle
+         r="24.375"
+         cy="205.00311"
+         cx="685.95648"
+         id="path4674"
+         style="fill:#67ea94;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none" />
+      <circle
+         style="fill:#67ea94;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-miterlimit:4;stroke-dasharray:none"
+         id="path4674-4"
+         cx="685.95648"
+         cy="368.8927"
+         r="24.375" />
+      <g
+         style="fill:#2c2d3c;fill-opacity:1"
+         transform="matrix(1.4583333,0,0,1.4583333,238.95878,-25.350003)"
+         id="g2753">
+        <circle
+           id="circle2148"
+           r="46.799999"
+           cy="296.29715"
+           cx="94.256836"
+           style="fill:#2c2d3c;fill-opacity:1;stroke-width:0.65" />
+        <path
+           id="path2150"
+           d="m 147.55684,369.09715 c -18.304,-9.295 -38.506,-13 -53.299997,-13 -28.977,0 -88.4000005,17.771 -88.4000005,53.3 v 27.3 H 103.35684 v -10.4455 c 0,-12.35 5.2,-24.7325 14.3,-35.0545 7.2605,-8.242 17.4265,-15.8925 29.9,-22.1 z"
+           inkscape:connector-curvature="0"
+           style="fill:#2c2d3c;fill-opacity:1;stroke-width:0.65" />
+        <path
+           id="path2152"
+           d="m 216.45684,363.89715 c -33.8455,0 -101.4,20.904 -101.4,62.4 v 31.2 h 202.8 v -31.2 c 0,-41.496 -67.5545,-62.4 -101.4,-62.4 z"
+           inkscape:connector-curvature="0"
+           style="fill:#2c2d3c;fill-opacity:1;stroke-width:0.65" />
+        <circle
+           id="circle2154"
+           r="57.200001"
+           cy="285.89716"
+           cx="216.45685"
+           style="fill:#2c2d3c;fill-opacity:1;stroke-width:0.65" />
+      </g>
+      <path
+         style="fill:#2c2d3c;fill-opacity:1;stroke-width:0.506494"
+         inkscape:connector-curvature="0"
+         d="m 718.62531,205.11153 a 32.415584,32.415584 0 1 0 -49.12987,27.76091 v 106.26234 a 32.415584,32.415584 0 1 0 32.41558,0 V 233.47517 a 32.445974,32.445974 0 0 0 16.71429,-28.36364 z m -32.41558,-16.20779 a 16.207792,16.207792 0 1 1 -16.2078,16.20779 16.207792,16.207792 0 0 1 16.2078,-16.20779 z m -0.5065,194.49351 a 16.207792,16.207792 0 1 1 16.20779,-16.20779 16.207792,16.207792 0 0 1 -16.20779,16.20779 z"
+         id="path1533" />
+      <path
+         style="fill:#2c2d3c;fill-opacity:1;stroke-width:0.506494"
+         inkscape:connector-curvature="0"
+         d="M 832.07986,339.13478 V 235.50114 a 46.648052,46.648052 0 0 0 -46.59741,-46.5974 h -17.72727 v -27.3861 l -44.50052,43.59389 44.50052,43.5939 v -27.3861 h 17.72727 a 14.181818,14.181818 0 0 1 14.18182,14.18181 v 103.63364 a 32.415584,32.415584 0 1 0 32.41559,0 z m -16.2078,44.26247 a 16.207792,16.207792 0 1 1 16.2078,-16.20779 16.207792,16.207792 0 0 1 -16.2078,16.20779 z"
+         id="path1535" />
+    </g>
+  </g>
+</svg>
diff --git a/website/static/img/homepage/platforms.svg b/website/static/img/homepage/platforms.svg
new file mode 100644
index 00000000..4469db76
--- /dev/null
+++ b/website/static/img/homepage/platforms.svg
@@ -0,0 +1,189 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   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"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="150 150 650 650"
+   x="0px"
+   y="0px"
+   width="1000px"
+   height="1000px"
+   version="1.1"
+   id="svg2552"
+   sodipodi:docname="platforms.svg"
+   inkscape:version="1.1-dev (f9311a1, 2019-12-25)">
+  <metadata
+     id="metadata2558">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs2556">
+    <linearGradient
+       osb:paint="solid"
+       id="linearGradient5705">
+      <stop
+         id="stop5703"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:1;" />
+    </linearGradient>
+  </defs>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     inkscape:document-rotation="0"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1440"
+     inkscape:window-height="829"
+     id="namedview2554"
+     showgrid="false"
+     inkscape:zoom="0.39126799"
+     inkscape:cx="60.054323"
+     inkscape:cy="640.00102"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2552" />
+  <g
+     transform="matrix(1.0953971,0,0,1.0953971,-45.417918,-45.209326)"
+     id="g2072">
+    <rect
+       style="fill:#67ea94;fill-opacity:1;stroke:#000000;stroke-width:1.94076;stroke-opacity:0.894118"
+       id="rect5697"
+       width="93.846458"
+       height="176.89325"
+       x="639.75336"
+       y="311.41788"
+       ry="0" />
+    <rect
+       id="rect3910"
+       style="fill:#67ea94;fill-opacity:1;stroke:#2c2d3c;stroke-width:26.4062px;stroke-linejoin:round;stroke-opacity:1"
+       ry="26.521776"
+       rx="26.521776"
+       height="250.85939"
+       width="343.28125"
+       y="371.80029"
+       x="247.67812" />
+    <line
+       id="line3912"
+       style="fill:#67ea94;fill-opacity:1;stroke:#2c2d3c;stroke-width:26.4062px;stroke-linecap:round;stroke-miterlimit:10;stroke-opacity:1"
+       y2="635.86279"
+       x2="617.3656"
+       y1="635.86279"
+       x1="221.27187" />
+    <path
+       style="fill:#2c2d3c;fill-opacity:1;stroke:#2c2d3c;stroke-width:0.380859;stroke-opacity:1"
+       inkscape:connector-curvature="0"
+       id="path5091"
+       d="M 735.07576,300.93411 H 639.0992 a 6.8554688,6.8554687 0 0 0 -6.85547,6.85547 v 181.28906 a 6.8554688,6.8554687 0 0 0 6.85547,6.85547 h 95.97656 a 6.8554688,6.8554687 0 0 0 6.85547,-6.85547 V 307.78958 a 6.8554688,6.8554687 0 0 0 -6.85547,-6.85547 z m -89.12109,170.625 v -146.25 h 82.26562 v 146.25 z" />
+    <g
+       id="g7659"
+       transform="matrix(0.715754,0,0,0.41035865,536.16064,257.66138)"
+       style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2">
+      <g
+         id="g7653"
+         transform="matrix(0.201804,0,0,0.351989,167.289,216.061)">
+        <path
+           id="path7651"
+           d="m 250.912,334.664 -55.737,81.739 -16.286,-11.106 63.864,-93.657 c 1.834,-2.69 4.878,-4.301 8.134,-4.304 3.256,-0.003 6.303,1.602 8.142,4.289 l 64.011,93.51 -16.266,11.135 z"
+           inkscape:connector-curvature="0" />
+      </g>
+      <g
+         id="g7657"
+         transform="matrix(0.205009,0,0,0.357578,174.224,154.227)">
+        <path
+           id="path7655"
+           d="m 89.878,582.923 67.115,-98.421 -16.591,-11.314 -67.115,98.421 z"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+    <g
+       id="g8287"
+       transform="matrix(0.2767321,0,0,0.15865831,253.0896,397.61164)"
+       style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.5">
+      <g
+         id="g8285">
+        <g
+           id="g8259"
+           transform="matrix(0.973838,0,0,1.69858,-1.56777,-229.112)">
+          <path
+             id="path8257"
+             style="fill:none;stroke:#000000;stroke-width:14.11px"
+             d="m 81.582,577.266 66.954,-98.462"
+             inkscape:connector-curvature="0" />
+        </g>
+        <g
+           id="g8263"
+           transform="matrix(0.961342,0,0,1.67678,882.45,-216.54)">
+          <path
+             id="path8261"
+             style="fill:none;stroke:#000000;stroke-width:14.86px"
+             d="m 81.582,577.266 66.954,-98.462"
+             inkscape:connector-curvature="0" />
+        </g>
+        <g
+           id="g8267"
+           transform="matrix(12.0448,0,0,21.0595,-7445.39,-7644.88)">
+          <text
+             id="text8265"
+             style="font-size:12px;font-family:ArialMT, Arial, sans-serif"
+             y="399.07199"
+             x="640.98798">ESHT</text>
+        </g>
+        <g
+           id="g8271"
+           transform="matrix(0.977299,0,0,1.70462,-43.6432,50.5292)">
+          <path
+             id="path8269"
+             style="fill:none;stroke:#000000;stroke-width:13.85px"
+             d="m 187.032,410.85 63.864,-93.658 64.011,93.51"
+             inkscape:connector-curvature="0" />
+        </g>
+        <g
+           id="g8275"
+           transform="matrix(0.977299,0,0,1.70462,468.182,53.0697)">
+          <path
+             id="path8273"
+             style="fill:none;stroke:#000000;stroke-width:13.85px"
+             d="m 187.032,410.85 63.864,-93.658 64.011,93.51"
+             inkscape:connector-curvature="0" />
+        </g>
+        <g
+           id="g8279"
+           transform="matrix(0.571939,0,0,1,784.482,759.924)">
+          <text
+             id="text8277"
+             style="font-size:252.715px;font-family:ArialMT, Arial, sans-serif"
+             y="0"
+             x="0">ST</text>
+        </g>
+        <g
+           id="g8283"
+           transform="matrix(0.571939,0,0,1,1030.51,760.498)">
+          <text
+             id="text8281"
+             style="font-size:252.715px;font-family:ArialMT, Arial, sans-serif"
+             y="0"
+             x="0">C</text>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>