...
 
Commits (2)
......@@ -91,7 +91,7 @@
</li>
<li>
<a href="#" i18n>
<a routerLink="/nodes" i18n>
Nodes
</a>
</li>
......
......@@ -13,7 +13,7 @@
</p>
<p>
<a>Learn more about tokens</a>
<a routerLink="/token">Learn more about tokens</a>
</p>
</div>
......
......@@ -163,7 +163,7 @@
</ul>
<p>
<a class="m-upgradesUpgradeOptionsPlan__moreInfo" routerLink="/node">
<a class="m-upgradesUpgradeOptionsPlan__moreInfo" routerLink="/nodes">
More info
</a>
</p>
......@@ -178,7 +178,7 @@
<div class="m-upgradesUpgradeOptionsPlan__row">
<a
class="mf-button m-upgradesUpgradeOptionsPlan__action"
routerLink="/node"
routerLink="/nodes"
>
Contact us
</a>
......
......@@ -3,6 +3,9 @@ m-upgrades__upgradeOptions {
}
.m-upgrades__upgradeOptions {
position: relative; /* required for deco */
z-index: 0; /* required for deco */
.m-upgradesUpgradeOptions__header {
display: flex;
flex-direction: row;
......@@ -11,7 +14,7 @@ m-upgrades__upgradeOptions {
@media screen and (max-width: $m-grid-min-vp) {
display: block;
margin: 0 40px 20px;
margin: 0 40px 40px;
}
h2 {
......@@ -45,6 +48,7 @@ m-upgrades__upgradeOptions {
}
.m-upgradesUpgradeOptions__plans {
position: relative; /* required for deco, no z-indexes HERE! */
display: grid;
grid-auto-flow: column;
grid-column-gap: 65px;
......@@ -71,6 +75,44 @@ m-upgrades__upgradeOptions {
}
}
// Deco
&::before {
content: '';
display: block;
position: absolute;
width: 393px;
height: 193px;
top: 0;
left: 0;
transform: translate(-20px, -20px);
background: url('<%= APP_CDN %>/assets/marketing/deco_1.svg');
z-index: -1;
@media screen and (max-width: $m-grid-min-vp) {
max-width: 90vw;
}
}
&::after {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 388px;
height: 388px;
background: url('<%= APP_CDN %>/assets/marketing/deco_2.svg');
z-index: -1;
transform: translate(102px, 102px);
@media screen and (max-width: $m-grid-min-vp) {
display: none;
}
}
//
h3 {
font-size: 28px;
font-weight: 900;
......
<?xml version="1.0" encoding="utf-8"?>
<svg width="394px" height="194px" viewBox="0 0 394 194" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
<desc>Created with Lunacy</desc>
<defs>
<path d="M0 0L393 0L393 193L0 193L0 0Z" id="path_1" />
<clipPath id="mask_1">
<use xlink:href="#path_1" />
</clipPath>
</defs>
<g id="Line-2-Copy-45" transform="translate(0.5 0.5)" opacity="0.3">
<path d="M0 0L393 0L393 193L0 193L0 0Z" id="Mask" fill="#D8D8D8" fill-opacity="0" stroke="none" />
<g clip-path="url(#mask_1)">
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-218 -39)" id="Line-2" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-205 -39)" id="Line-2-Copy" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-192 -39)" id="Line-2-Copy-2" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-179 -39)" id="Line-2-Copy-3" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-165 -39)" id="Line-2-Copy-4" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-152 -39)" id="Line-2-Copy-5" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-139 -39)" id="Line-2-Copy-6" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-126 -39)" id="Line-2-Copy-7" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-113 -39)" id="Line-2-Copy-8" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-100 -39)" id="Line-2-Copy-9" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-87 -39)" id="Line-2-Copy-10" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-73 -39)" id="Line-2-Copy-11" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-60 -39)" id="Line-2-Copy-12" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-47 -39)" id="Line-2-Copy-13" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-34 -39)" id="Line-2-Copy-14" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-21 -39)" id="Line-2-Copy-15" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(-8 -39)" id="Line-2-Copy-16" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(5 -39)" id="Line-2-Copy-17" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(19 -39)" id="Line-2-Copy-18" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(32 -39)" id="Line-2-Copy-19" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(45 -39)" id="Line-2-Copy-20" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(58 -39)" id="Line-2-Copy-21" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(71 -39)" id="Line-2-Copy-22" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(84 -39)" id="Line-2-Copy-23" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(97 -39)" id="Line-2-Copy-24" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(111 -39)" id="Line-2-Copy-25" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(124 -39)" id="Line-2-Copy-26" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(137 -39)" id="Line-2-Copy-27" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(150 -39)" id="Line-2-Copy-28" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(163 -39)" id="Line-2-Copy-29" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(176 -39)" id="Line-2-Copy-30" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(189 -39)" id="Line-2-Copy-31" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(203 -39)" id="Line-2-Copy-32" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(216 -39)" id="Line-2-Copy-33" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(229 -39)" id="Line-2-Copy-34" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(242 -39)" id="Line-2-Copy-35" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(255 -39)" id="Line-2-Copy-36" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(268 -39)" id="Line-2-Copy-37" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(281 -39)" id="Line-2-Copy-38" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(295 -39)" id="Line-2-Copy-39" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(308 -39)" id="Line-2-Copy-40" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(321 -39)" id="Line-2-Copy-41" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(334 -39)" id="Line-2-Copy-42" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(347 -39)" id="Line-2-Copy-43" fill="none" stroke="#BF8E6C" stroke-width="1" />
<path d="M272.672 0.328125L0.328125 272.672" transform="translate(347 -39)" id="Line-2-Copy-44" fill="none" stroke="#BF8E6C" stroke-width="1" />
</g>
</g>
</svg>
\ No newline at end of file
This diff is collapsed.