From fa53ec5e1c2fddb004e764bd7c0c9ea9b65a56f9 Mon Sep 17 00:00:00 2001
From: Dimitrie Stefanescu <didimitrie@gmail.com>
Date: Mon, 22 Feb 2021 00:00:46 +0000
Subject: [PATCH] feat(general): adds link to v1, improvs landing illustration
 a bit

---
 index.hbs                                     |  5 +-
 .../extras/landingIllustrationDarkHigh.hbs    | 85 +++++++++++++++++++
 partials/landing/header.hbs                   |  1 +
 3 files changed, 90 insertions(+), 1 deletion(-)
 create mode 100644 partials/extras/landingIllustrationDarkHigh.hbs

diff --git a/index.hbs b/index.hbs
index d0075e6..6c0ad7c 100644
--- a/index.hbs
+++ b/index.hbs
@@ -5,9 +5,12 @@
   <div class="absolute z-1 inset-0 w-full h-full visible opacity-70 dark:invisible">
     {{> extras/landingIllustration }}
   </div>
-  <div class="absolute z-1 inset-0 w-full h-full visible opacity-40 invisible dark:visible">
+  <div class="absolute z-1 inset-0 w-full h-full opacity-40 invisible dark:visible">
     {{> extras/landingIllustrationDark }}
   </div>
+  <div class="absolute z-1 inset-0 w-full h-full opacity-70 ">
+    {{> extras/landingIllustrationDarkHigh }}
+  </div>
 </div>
 
 <div class="relative -mt-44 lg:mt-0">
diff --git a/partials/extras/landingIllustrationDarkHigh.hbs b/partials/extras/landingIllustrationDarkHigh.hbs
new file mode 100644
index 0000000..a99c274
--- /dev/null
+++ b/partials/extras/landingIllustrationDarkHigh.hbs
@@ -0,0 +1,85 @@
+<svg width="100%" height="100%" viewBox="0 0 425 407"
+  version="1.1" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"
+  xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+  <g transform="matrix(1,0,0,1,-8957.73,-5386.23)">
+    <g transform="matrix(1,0,0,1,7643.44,3346.58)">
+      <g class="one" transform="matrix(0.63025,0,0,0.63025,-1260.49,778.859)">
+        <g opacity="0.82">
+          <g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
+            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+              style="fill:url(#_Radial11);" />
+          </g>
+          <g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
+            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+              style="fill:rgb(37,99,235);" />
+          </g>
+        </g>
+      </g>
+      <g class="two" transform="matrix(0.63025,0,0,0.63025,-1260.49,778.859)">
+        <g opacity="0.82">
+          <g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
+            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+              style="fill:url(#_Radial11);" />
+          </g>
+          <g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
+            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+              style="fill:rgb(37,99,235);" />
+          </g>
+        </g>
+      </g>
+{{!--       <g class="three" transform="matrix(0.63025,0,0,0.63025,-1260.49,778.859)">
+        <g opacity="0.82">
+          <g transform="matrix(0.708588,0,0,0.708588,3243.86,732.695)">
+            <path d="M1564.47,2104.14L1554.7,2098.47L1554.7,2148.03L1554.7,2148.03C1554.7,2151.55 1557.27,2155.27 1562.29,2158.16L1695.31,2234.96C1700.08,2237.72 1706.12,2239.19 1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34L1711.94,2239.34C1717.33,2239.47 1722.52,2238.46 1726.34,2236.25L1863.82,2156.88C1867.64,2154.67 1869.39,2151.67 1869.16,2148.56L1869.18,2148.55L1869.18,2099.6L1859.32,2104.09L1728.57,2028.6C1719.39,2023.3 1705.49,2022.73 1697.54,2027.31L1564.47,2104.14Z"
+              style="fill:url(#_Radial11);" />
+          </g>
+          <g transform="matrix(0.614533,-0.354801,0.709601,0.409689,3242.15,731.515)">
+            <path d="M-1014.61,2607.25C-1014.61,2598.07 -1022.06,2590.62 -1031.24,2590.62L-1189.98,2590.62C-1199.16,2590.62 -1206.61,2598.07 -1206.61,2607.25L-1206.61,2740.27C-1206.61,2749.45 -1199.16,2756.9 -1189.98,2756.9L-1031.24,2756.9C-1022.06,2756.9 -1014.61,2749.45 -1014.61,2740.27L-1014.61,2607.25Z"
+              style="fill:rgb(37,99,235);" />
+          </g>
+        </g>
+      </g> --}}
+    </g>
+  </g>
+</svg>
+<style type="text/css">
+.one {
+  transform: matrix(0.63025,0,0,0.63025,-1260.49,812.763);
+}
+
+.two {
+  transform: matrix(0.63025,0,0,0.63025,-1260.49,778.859);
+}
+
+.hover-me {
+  animation: hover 20s infinite both
+}
+
+@-webkit-keyframes hover {
+  0% {
+    transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 738.859);
+    /*opacity: 0.3;*/
+  }
+
+  30% {
+    transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 738.859);
+    /*opacity: 0.7;*/
+  }
+
+  50% {
+    transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 888.859);
+    /*opacity: 1;*/
+  }
+
+  80% {
+    transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 738.859);
+    /*opacity: 0.3;*/
+  }
+
+  100% {
+    transform: matrix(0.63025, 0, 0, 0.63025, -1260.49, 738.859);
+    /*opacity: 0.3;*/
+  }
+}
+</style>
\ No newline at end of file
diff --git a/partials/landing/header.hbs b/partials/landing/header.hbs
index 4e8cbfb..de413bb 100644
--- a/partials/landing/header.hbs
+++ b/partials/landing/header.hbs
@@ -13,6 +13,7 @@
       <a href="/getstarted" class="items-center justify-center px-8 py-3 border border-transparent transition text-base font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 hover:shadow-xl md:py-4 md:text-lg md:px-10">
         Join the Beta
       </a>
+      <a href="https://v1.speckle.systems" target="_blank" class="ml-4 text-gray-500 text-xs transition hover:text-blue-500">Looking for V1?</a>
     </div>
   </div>
 </main>
\ No newline at end of file