Merge pull request #2554 from danny8376/mset9-cli-ios

MSET9 CLI iOS

docs/public/assets/css/dark-apple-invert.css

@@ -0,0 +1,4 @@
+.dark [src="/images/iphone.svg"],
+.dark [src="/images/ipad.svg"] {
+  filter:invert(.8)
+}

docs/public/images/ipad.svg

@@ -0,0 +1,47 @@
+<svg
+  xml:space="preserve"
+  viewBox="900 0 2100 1000"
+  width="210"
+  height="100"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <style>
+    /* ideally, SF Pro Display is prefered for proper iPhone/iPad text, but due to potential licensing issue, use similar font here instead */
+    @font-face {
+      font-family: "NOT-VALID-SF Pro Display";
+      font-style: normal;
+      font-weight: 600;
+      src:
+        local("☺"),
+        url("/wss/fonts/SF-Pro-Display/v3/sf-pro-display_semibold-italic.woff2") format("woff2"),
+        url("/wss/fonts/SF-Pro-Display/v3/sf-pro-display_semibold-italic.woff") format("woff"),
+        url("/wss/fonts/SF-Pro-Display/v3/sf-pro-display_semibold-italic.ttf") format("truetype");
+    }
+    @font-face {
+      font-family: InterDisplay;
+      font-style: normal;
+      font-weight: 600;
+      font-display: swap;
+      src: url("https://rsms.me/inter/font-files/InterDisplay-SemiBold.woff2?v=4.1") format("woff2");
+    }
+    text {
+      font-family:
+        SF Pro Display,
+        InterDisplay,
+        Helvetica Neue,
+        Helvetica,
+        Arial,
+        sans-serif;
+      font-size: 1000px;
+      font-weight: 600;
+    }
+  </style>
+  <!--
+  Apple logo geometry from: https://commons.wikimedia.org/wiki/File:Apple_logo_black.svg
+  -->
+  <!-- remove Apple logo according to guideline -->
+  <!--path
+    d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"
+  /-->
+  <text x="900" y="900">iPad</text>
+</svg>

docs/public/images/iphone.svg

@@ -0,0 +1,47 @@
+<svg
+  xml:space="preserve"
+  viewBox="900 0 3300 1000"
+  width="330"
+  height="100"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <style>
+    /* ideally, SF Pro Display is prefered for proper iPhone/iPad text, but due to potential licensing issue, use similar font here instead */
+    @font-face {
+      font-family: "NOT-VALID-SF Pro Display";
+      font-style: normal;
+      font-weight: 600;
+      src:
+        local("☺"),
+        url("/wss/fonts/SF-Pro-Display/v3/sf-pro-display_semibold-italic.woff2") format("woff2"),
+        url("/wss/fonts/SF-Pro-Display/v3/sf-pro-display_semibold-italic.woff") format("woff"),
+        url("/wss/fonts/SF-Pro-Display/v3/sf-pro-display_semibold-italic.ttf") format("truetype");
+    }
+    @font-face {
+      font-family: InterDisplay;
+      font-style: normal;
+      font-weight: 600;
+      font-display: swap;
+      src: url("https://rsms.me/inter/font-files/InterDisplay-SemiBold.woff2?v=4.1") format("woff2");
+    }
+    text {
+      font-family:
+        SF Pro Display,
+        InterDisplay,
+        Helvetica Neue,
+        Helvetica,
+        Arial,
+        sans-serif;
+      font-size: 1000px;
+      font-weight: 600;
+    }
+  </style>
+  <!--
+  Apple logo geometry from: https://commons.wikimedia.org/wiki/File:Apple_logo_black.svg
+  -->
+  <!-- remove Apple logo according to guideline -->
+  <!--path
+    d="M788.1 340.9c-5.8 4.5-108.2 62.2-108.2 190.5 0 148.4 130.3 200.9 134.2 202.2-.6 3.2-20.7 71.9-68.7 141.9-42.8 61.6-87.5 123.1-155.5 123.1s-85.5-39.5-164-39.5c-76.5 0-103.7 40.8-165.9 40.8s-105.6-57-155.5-127C46.7 790.7 0 663 0 541.8c0-194.4 126.4-297.5 250.8-297.5 66.1 0 121.2 43.4 162.7 43.4 39.5 0 101.1-46 176.3-46 28.5 0 130.9 2.6 198.3 99.2zm-234-181.5c31.1-36.9 53.1-88.1 53.1-139.3 0-7.1-.6-14.3-1.9-20.1-50.6 1.9-110.8 33.7-147.1 75.8-28.5 32.4-55.1 83.6-55.1 135.5 0 7.8 1.3 15.6 1.9 18.1 3.2.6 8.4 1.3 13.6 1.3 45.4 0 102.5-30.4 135.5-71.3z"
+  /-->
+  <text x="900" y="900">iPhone</text>
+</svg>