huanld/ghost-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(general): adds link to v1, improvs landing illustration a bit

Browse Source
This commit is contained in:
Dimitrie Stefanescu
2021-02-22 00:00:46 +00:00
parent fc2871f849
commit fa53ec5e1c
3 changed files with 90 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.hbs
+4 -1
View File
@@ -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">
partials/extras/landingIllustrationDarkHigh.hbs
+85
View File
@@ -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>
Side by Side

After

Width:  |  Height:  |  Size: 4.7 KiB

partials/landing/header.hbs
+1
View File
@@ -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>