diff --git a/src/assets/js/main.js b/src/assets/js/main.js index cd86b1d6..516b645a 100644 --- a/src/assets/js/main.js +++ b/src/assets/js/main.js @@ -4,20 +4,38 @@ document.addEventListener("DOMContentLoaded", function() { var os = platform.os.family; if (os == "Windows" || os == "Windows Server" || os == "Windows 7" || os == "Windows 7 / Server 2008 R2" || os == "Windows Server 2008 R2 / 7 x64") { - document.getElementById("windl").style.display = "block"; - document.getElementById("alldl").style.display = "none"; + elements = document.getElementsByClassName("windl"); + for (i = 0; i < elements.length; i++) { + elements[i].style.display = "block"; + } + elements = document.getElementsByClassName("alldl"); + for (i = 0; i < elements.length; i++) { + elements[i].style.display = "none"; + } } if (os == "CentOS" || os == "Debian" || os == "Fedora" || os == "Gentoo" || os == "Kubuntu" || os == "Linux Mint" || os == "Red Hat" || os == "SuSE" || os == "Ubuntu" || os == "Ubuntu Chromium" || os == "Xubuntu" || os == "Linux") { - document.getElementById("linuxdl").style.display = "block"; - document.getElementById("alldl").style.display = "none"; + elements = document.getElementsByClassName("linuxdl"); + for (i = 0; i < elements.length; i++) { + elements[i].style.display = "block"; + } + elements = document.getElementsByClassName("alldl"); + for (i = 0; i < elements.length; i++) { + elements[i].style.display = "none"; + } } if (os == "OS X") { // If we detect OS X, we can't know if the user will want an amd or arm // build. Just show the amd link which will work on both platforms. - document.getElementById("macdl").style.display = "block"; - document.getElementById("alldl").style.display = "none"; + elements = document.getElementsByClassName("macdl"); + for (i = 0; i < elements.length; i++) { + elements[i].style.display = "block"; + } + elements = document.getElementsByClassName("alldl"); + for (i = 0; i < elements.length; i++) { + elements[i].style.display = "none"; + } } }); diff --git a/src/assets/scss/_brand.scss b/src/assets/scss/_brand.scss index d3535848..c66c68ee 100644 --- a/src/assets/scss/_brand.scss +++ b/src/assets/scss/_brand.scss @@ -91,7 +91,7 @@ .backgroundroyalblue { - background-color: #2970ff; + background-color: $light-blue; } .backgroundgreen { @@ -103,7 +103,7 @@ } .colorblue { - color: #2970ff; + color: $light-blue; } .colorlightblue { @@ -159,7 +159,7 @@ .brand-subtext { font-size: 15px; text-decoration: none; - color: #2970ff; + color: $light-blue; white-space: nowrap; } @@ -259,7 +259,7 @@ } .bottom-link { - color: #2970ff; + color: $light-blue; font-size: 16px; text-decoration: none; } diff --git a/src/assets/scss/_common.scss b/src/assets/scss/_common.scss index 9fbd939d..6c3259ef 100644 --- a/src/assets/scss/_common.scss +++ b/src/assets/scss/_common.scss @@ -4,7 +4,6 @@ body { background: $dark-blue; - background-image: url("../images/body-bg.svg"); min-height: 100vh; display: flex; -webkit-font-smoothing: antialiased; @@ -137,7 +136,7 @@ $subpage-header-height: 352px; .subpage-title { width: 100%; color: $white; - font-family: "dcrweb-poppins", "Verdana", sans-serif;; + font-family: "dcrweb-poppins", "Verdana", sans-serif; font-size: 34px; } } @@ -186,52 +185,51 @@ $subpage-header-height: 352px; flex-direction: row; flex-wrap: wrap; - a { text-decoration: none; color: white; + } + + .pill { + padding: 15px 24px 14px; + margin-right: 13px; + margin-bottom: 13px; + border-radius: 10000px; + white-space: nowrap; + transition: border 0.21s ease-in-out; - .pill { - padding: 15px 24px 14px; - margin-right: 13px; - margin-bottom: 13px; - border-radius: 10000px; - white-space: nowrap; - transition: border 0.21s ease-in-out; - - border: 2px solid rgba($white, 0.21); - font-size:18px; - - @include media-breakpoint-down(md) { - font-size: 15px; - padding: 11px 19px; - margin-right: 8px; - margin-bottom: 8px; - } - - &:hover, - &:focus { - border: 2px solid rgba($white, 0.55); - } + border: 2px solid rgba($white, 0.21); + font-size:18px; + + @include media-breakpoint-down(md) { + font-size: 15px; + padding: 11px 19px; + margin-right: 8px; + margin-bottom: 8px; + } + + &:hover, + &:focus { + border: 2px solid rgba($white, 0.55); + } - &.highlight { - border: 2px solid rgba($light-blue, 0.7); + &.highlight { + border: 2px solid rgba($light-blue, 0.7); - &:hover, - &:focus { - border: 2px solid rgba($light-blue, 1.0); - } + &:hover, + &:focus { + border: 2px solid rgba($light-blue, 1.0); } + } - &.super-highlight { - border: 2px solid rgba($turquoise, 0.7); + &.super-highlight { + border: 2px solid rgba($turquoise, 0.7); - &:hover, - &:focus { - border: 2px solid rgba($turquoise, 1.0); - } + &:hover, + &:focus { + border: 2px solid rgba($turquoise, 1.0); } - } + } } \ No newline at end of file diff --git a/src/assets/scss/_footer.scss b/src/assets/scss/_footer.scss index eee7cad0..766df221 100644 --- a/src/assets/scss/_footer.scss +++ b/src/assets/scss/_footer.scss @@ -1,5 +1,5 @@ footer { - background-color: $dark-blue; + background-color: $darker-blue; color: $white; padding-top: 55px; padding-bottom: 76px; diff --git a/src/assets/scss/_landing.scss b/src/assets/scss/_landing.scss index 55892fc6..a0848c3f 100644 --- a/src/assets/scss/_landing.scss +++ b/src/assets/scss/_landing.scss @@ -2,38 +2,129 @@ position: absolute; top: calc(100vh - #{$navbar-height}); } -.landing-fronta { - height: calc(100vh - #{$navbar-height}); - - background: linear-gradient(200deg, #0f2666 0%, #091440 62%, #091440 100%); - background-image: url('../images/landing-bg/xl.svg'); +body { + background: + // Top. + linear-gradient(237deg, #122E7600 0%, #0B194CB2 29%, #091542F1 57%, #091440 79%, #091440 100%), + linear-gradient(237deg, #122E7600 0%, #112B7000 4%, #0D215B27 21%, #0B194CB2 39%, #091542F1 57%, #091440 79%, #091440 100%), + url('../images/landing-bg/privacy.png'), + // linear-gradient(200deg, #0f2666 0%, #091440 62%, #091440 100%), + // Bottom. + ; background-size: cover; background-repeat: no-repeat; - background-position: center top; - background-attachment: fixed; + background-position: 20% top; + background-attachment: + local, + fixed, + fixed, + // local + ; + + // @include media-breakpoint-down(xl) { + // background-image: url('../images/landing-bg/lg.svg'); + // } + // @include media-breakpoint-down(lg) { + // background-image: url('../images/landing-bg/md.svg'); + // } + // @include media-breakpoint-down(md) { + // background-image: url('../images/landing-bg/sm.svg'); + // } +} +.landing-btns { display: flex; - flex-direction: column; + flex-wrap: wrap; + align-items: flex-start; + justify-content: center; + + .btn { + padding: 10px 21px; + border-radius: 100px; + font-size: 18px; + line-height: 31px; + font-weight: bold; + text-decoration: none; + transition: background-color 0.13s ease-in-out; + white-space: nowrap; + margin: 0 12px 21px 0; + + + &.exchange-btn { + color: $dark-blue; + background-color: $turquoise; + + &:hover, + &:focus { + background-color: rgba($turquoise, 0.89); + } + } + + &.wallet-btn { + color: $white; + background-color: $light-blue; + + &:hover, + &:focus { + background-color: rgba($light-blue, 0.89); + } + + &#alldl { + display: block; + } + + &.os-specific { + display: none; + } - position: relative; - @include media-breakpoint-down(xl) { - background-image: url('../images/landing-bg/lg.svg'); + } } - @include media-breakpoint-down(lg) { - background-image: url('../images/landing-bg/md.svg'); +} + +.footer-button-bg { + margin-top: 120px; + background-color: $another-blue; + padding-top: 48px; + padding-bottom: 27px; + + .landing-btns { + .btn { + width: 194px; + + @include media-breakpoint-down(md) { + width: 100%; + } + } } - @include media-breakpoint-down(md) { - background-image: url('../images/landing-bg/sm.svg'); +} + + +.fronta-buttons { + flex-direction: column; + &.wallet-btn { + margin: 0 12px 21px 0; + + @include media-breakpoint-down(lg) { + margin: 0 0 13px 0; + } } +} + +.landing-fronta { + height: calc(100vh - #{$navbar-height}); + + display: flex; + flex-direction: column; + position: relative; .fronta-center { - display: flex; - flex-direction: row; - justify-content: center; + color: white; padding-bottom: $navbar-height; + width: min-content; .title { + white-space: nowrap; display: flex; flex-direction: column; margin-right: 51px; @@ -44,7 +135,6 @@ line-height: 71px; font-weight: bold; letter-spacing: 1.36px; - color: white; @include media-breakpoint-down(xl) { line-height: 65px; @@ -62,58 +152,19 @@ } } - .fronta-buttons { - display: flex; - flex-direction: column; - flex-wrap: wrap; - align-items: flex-start; - justify-content: center; - - .btn { - padding: 10px 21px; - border-radius: 100px; - font-size: 18px; - line-height: 31px; - font-weight: bold; - text-decoration: none; - transition: background-color 0.13s ease-in-out; - white-space: nowrap; - - - &.exchange-btn { - color: $dark-blue; - background-color: $turquoise; - - &:hover, - &:focus { - background-color: rgba($turquoise, 0.89); - } - } - - &.wallet-btn { - color: $white; - background-color: $light-blue; - margin: 0 12px 21px 0; - - &:hover, - &:focus { - background-color: rgba($light-blue, 0.89); - } - - &#alldl { - display: block; - } - - &.os-specific { - display: none; - } + .intro-line { + color: $gray-text; + font-size: 21px; + line-height: 25px; + padding-top: 12px; + padding-bottom: 12px; + } - @include media-breakpoint-down(lg) { - margin: 0 0 13px 0; - } - } - } + .pills { + align-self: flex-start; + padding-top: 10px; } + } .fronta-bottom { @@ -191,252 +242,269 @@ } } -$left-grad: transparent linear-gradient(270deg, #09144021 0%, #091440 100%) 0% 0% no-repeat padding-box; -$right-grad: transparent linear-gradient(270deg, #091440 0%, #09144021 100%) 0% 0% no-repeat padding-box; -$down-grad: transparent linear-gradient(0deg, #09144021 0%, #091440 100%) 0% 0% no-repeat padding-box; +.section-header { + font-size: 34px; + font-weight: 100; + color: $faded-white; +} -.landing-content { - color: $white; - height: 377px; +$left-grad: rgba(0, 0, 0, 0.1) linear-gradient(270deg, #09144036 0%, #091440E3 50%, #091440 100%) 0% 0% no-repeat padding-box; +$right-grad: rgba(0, 0, 0, 0.1) linear-gradient(270deg, #091440 0%, #091440E3 50%, #09144036 100%) 0% 0% no-repeat padding-box; +$down-grad: rgba(0, 0, 0, 0.3) linear-gradient(0deg, #09144021 0%, #091440 100%) 0% 0% no-repeat padding-box; - background-repeat: no-repeat; - background-size: cover; - background-position: top center; - position: relative; - - padding-top: 34px; - padding-bottom: 34px; +.large-boxes-section{ - @include media-breakpoint-down(xl) { - height: 322px; - } + .landing-content { + height: 377px; + + @include media-breakpoint-down(lg) { + height: 425px; + } - @include media-breakpoint-down(md) { - padding-top: 21px; - padding-bottom: 21px; - } - - .landing-grad { - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: $left-grad; @include media-breakpoint-down(md) { - background: $down-grad !important; + height: 500px; } - } - &.right { - .landing-grad { - background: $right-grad; - } - .landing-box { - @include media-breakpoint-up(md) { - align-items: flex-end; - text-align: right; - } - } - } - - - &.sovereignty { - background-image: -webkit-image-set( - url("../images/landing/sm/sovereignty.jpg") 1x, - url("../images/landing/sm/sovereignty@2x.jpg") 2x - ); + background-repeat: no-repeat; + background-size: cover; + background-position: top center; + position: relative; - @include media-breakpoint-up(md) { - background-image: -webkit-image-set( - url("../images/landing/md/sovereignty.jpg") 1x, - url("../images/landing/md/sovereignty@2x.jpg") 2x - ); - } - @include media-breakpoint-up(lg) { - background-image: -webkit-image-set( - url("../images/landing/lg/sovereignty.jpg") 1x, - url("../images/landing/lg/sovereignty@2x.jpg") 2x - ); - } - @include media-breakpoint-up(xl) { - background-image: -webkit-image-set( - url("../images/landing/xl/sovereignty.jpg") 1x, - url("../images/landing/xl/sovereignty@2x.jpg") 2x - ); - } - } + padding: 34px; - &.privacy { - background-image: -webkit-image-set( - url("../images/landing/sm/privacy.jpg") 1x, - url("../images/landing/sm/privacy@2x.jpg") 2x - ); + margin-top: 21px; + margin-bottom: 21px; + border: 2px solid #2E375C; + border-radius: 8px; - @include media-breakpoint-up(md) { - background-image: -webkit-image-set( - url("../images/landing/md/privacy.jpg") 1x, - url("../images/landing/md/privacy@2x.jpg") 2x - ); - } - @include media-breakpoint-up(lg) { - background-image: -webkit-image-set( - url("../images/landing/lg/privacy.jpg") 1x, - url("../images/landing/lg/privacy@2x.jpg") 2x - ); - } - @include media-breakpoint-up(xl) { - background-image: -webkit-image-set( - url("../images/landing/xl/privacy.jpg") 1x, - url("../images/landing/xl/privacy@2x.jpg") 2x - ); - } - } - - &.treasury { - background-image: -webkit-image-set( - url("../images/landing/sm/treasury.jpg") 1x, - url("../images/landing/sm/treasury@2x.jpg") 2x - ); - - @include media-breakpoint-up(md) { - background-image: -webkit-image-set( - url("../images/landing/md/treasury.jpg") 1x, - url("../images/landing/md/treasury@2x.jpg") 2x - ); - } - @include media-breakpoint-up(lg) { - background-image: -webkit-image-set( - url("../images/landing/lg/treasury.jpg") 1x, - url("../images/landing/lg/treasury@2x.jpg") 2x - ); - } - @include media-breakpoint-up(xl) { - background-image: -webkit-image-set( - url("../images/landing/xl/treasury.jpg") 1x, - url("../images/landing/xl/treasury@2x.jpg") 2x - ); - } - } - - &.resolve { - background-image: -webkit-image-set( - url("../images/landing/sm/resolve.jpg") 1x, - url("../images/landing/sm/resolve@2x.jpg") 2x - ); - - @include media-breakpoint-up(md) { - background-image: -webkit-image-set( - url("../images/landing/md/resolve.jpg") 1x, - url("../images/landing/md/resolve@2x.jpg") 2x - ); + @include media-breakpoint-down(md) { + padding-top: 21px; + padding-bottom: 21px; } - @include media-breakpoint-up(lg) { - background-image: -webkit-image-set( - url("../images/landing/lg/resolve.jpg") 1x, - url("../images/landing/lg/resolve@2x.jpg") 2x - ); + + .landing-grad { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: $left-grad; + border-radius: 8px; + @include media-breakpoint-down(md) { + background: $down-grad !important; + } } - @include media-breakpoint-up(xl) { - background-image: -webkit-image-set( - url("../images/landing/xl/resolve.jpg") 1x, - url("../images/landing/xl/resolve@2x.jpg") 2x - ); + + &.right { + .landing-grad { + background: $right-grad; + } + .paragraph { + @include media-breakpoint-up(md) { + align-items: flex-end; + text-align: right; + } + } } - } - - &.freedom { - background-image: -webkit-image-set( - url("../images/landing/sm/freedom.jpg") 1x, - url("../images/landing/sm/freedom@2x.jpg") 2x - ); - - @include media-breakpoint-up(md) { + + + &.landing-bg1 { background-image: -webkit-image-set( - url("../images/landing/md/freedom.jpg") 1x, - url("../images/landing/md/freedom@2x.jpg") 2x + url("../images/landing/sm/sovereignty.jpg") 1x, + url("../images/landing/sm/sovereignty@2x.jpg") 2x ); + + @include media-breakpoint-up(md) { + background-image: -webkit-image-set( + url("../images/landing/md/sovereignty.jpg") 1x, + url("../images/landing/md/sovereignty@2x.jpg") 2x + ); + } + @include media-breakpoint-up(lg) { + background-image: -webkit-image-set( + url("../images/landing/lg/sovereignty.jpg") 1x, + url("../images/landing/lg/sovereignty@2x.jpg") 2x + ); + } + @include media-breakpoint-up(xl) { + background-image: -webkit-image-set( + url("../images/landing/xl/sovereignty.jpg") 1x, + url("../images/landing/xl/sovereignty@2x.jpg") 2x + ); + } } - @include media-breakpoint-up(lg) { + + &.landing-bg2 { background-image: -webkit-image-set( - url("../images/landing/lg/freedom.jpg") 1x, - url("../images/landing/lg/freedom@2x.jpg") 2x + url("../images/landing/sm/privacy.jpg") 1x, + url("../images/landing/sm/privacy@2x.jpg") 2x ); + + @include media-breakpoint-up(md) { + background-image: -webkit-image-set( + url("../images/landing/md/privacy.jpg") 1x, + url("../images/landing/md/privacy@2x.jpg") 2x + ); + } + @include media-breakpoint-up(lg) { + background-image: -webkit-image-set( + url("../images/landing/lg/privacy.jpg") 1x, + url("../images/landing/lg/privacy@2x.jpg") 2x + ); + } + @include media-breakpoint-up(xl) { + background-image: -webkit-image-set( + url("../images/landing/xl/privacy.jpg") 1x, + url("../images/landing/xl/privacy@2x.jpg") 2x + ); + } } - @include media-breakpoint-up(xl) { + + &.landing-bg3 { background-image: -webkit-image-set( - url("../images/landing/xl/freedom.jpg") 1x, - url("../images/landing/xl/freedom@2x.jpg") 2x + url("../images/landing/sm/treasury.jpg") 1x, + url("../images/landing/sm/treasury@2x.jpg") 2x ); + + @include media-breakpoint-up(md) { + background-image: -webkit-image-set( + url("../images/landing/md/treasury.jpg") 1x, + url("../images/landing/md/treasury@2x.jpg") 2x + ); + } + @include media-breakpoint-up(lg) { + background-image: -webkit-image-set( + url("../images/landing/lg/treasury.jpg") 1x, + url("../images/landing/lg/treasury@2x.jpg") 2x + ); + } + @include media-breakpoint-up(xl) { + background-image: -webkit-image-set( + url("../images/landing/xl/treasury.jpg") 1x, + url("../images/landing/xl/treasury@2x.jpg") 2x + ); + } } - } - - &.insights { - background-image: -webkit-image-set( - url("../images/landing/sm/powerful-insights.jpg") 1x, - url("../images/landing/sm/powerful-insights@2x.jpg") 2x - ); - - @include media-breakpoint-up(md) { + + &.landing-bg4 { background-image: -webkit-image-set( - url("../images/landing/md/powerful-insights.jpg") 1x, - url("../images/landing/md/powerful-insights@2x.jpg") 2x + url("../images/landing/sm/resolve.jpg") 1x, + url("../images/landing/sm/resolve@2x.jpg") 2x ); + + @include media-breakpoint-up(md) { + background-image: -webkit-image-set( + url("../images/landing/md/resolve.jpg") 1x, + url("../images/landing/md/resolve@2x.jpg") 2x + ); + } + @include media-breakpoint-up(lg) { + background-image: -webkit-image-set( + url("../images/landing/lg/resolve.jpg") 1x, + url("../images/landing/lg/resolve@2x.jpg") 2x + ); + } + @include media-breakpoint-up(xl) { + background-image: -webkit-image-set( + url("../images/landing/xl/resolve.jpg") 1x, + url("../images/landing/xl/resolve@2x.jpg") 2x + ); + } } - @include media-breakpoint-up(lg) { + + &.landing-bg5 { background-image: -webkit-image-set( - url("../images/landing/lg/powerful-insights.jpg") 1x, - url("../images/landing/lg/powerful-insights@2x.jpg") 2x + url("../images/landing/sm/freedom.jpg") 1x, + url("../images/landing/sm/freedom@2x.jpg") 2x ); + + @include media-breakpoint-up(md) { + background-image: -webkit-image-set( + url("../images/landing/md/freedom.jpg") 1x, + url("../images/landing/md/freedom@2x.jpg") 2x + ); + } + @include media-breakpoint-up(lg) { + background-image: -webkit-image-set( + url("../images/landing/lg/freedom.jpg") 1x, + url("../images/landing/lg/freedom@2x.jpg") 2x + ); + } + @include media-breakpoint-up(xl) { + background-image: -webkit-image-set( + url("../images/landing/xl/freedom.jpg") 1x, + url("../images/landing/xl/freedom@2x.jpg") 2x + ); + } } - @include media-breakpoint-up(xl) { + + &.landing-bg6 { background-image: -webkit-image-set( - url("../images/landing/xl/powerful-insights.jpg") 1x, - url("../images/landing/xl/powerful-insights@2x.jpg") 2x + url("../images/landing/sm/powerful-insights.jpg") 1x, + url("../images/landing/sm/powerful-insights@2x.jpg") 2x ); - } - } - - .container { - height: 100%; - + + @include media-breakpoint-up(md) { + background-image: -webkit-image-set( + url("../images/landing/md/powerful-insights.jpg") 1x, + url("../images/landing/md/powerful-insights@2x.jpg") 2x + ); + } + @include media-breakpoint-up(lg) { + background-image: -webkit-image-set( + url("../images/landing/lg/powerful-insights.jpg") 1x, + url("../images/landing/lg/powerful-insights@2x.jpg") 2x + ); + } + @include media-breakpoint-up(xl) { + background-image: -webkit-image-set( + url("../images/landing/xl/powerful-insights.jpg") 1x, + url("../images/landing/xl/powerful-insights@2x.jpg") 2x + ); + } + } + .landing-box { display: flex; flex-direction: column; justify-content: space-between; height: 100%; - - - .landing-wrapper { - - max-width: 45%; - + + .paragraph { + display: flex; + flex-direction: column; + @include media-breakpoint-down(lg) { max-width: 100%; } - + .headline { + color: $white; font-size: 34px; line-height: 41px; margin-bottom: 13px; - font-weight: bold; + font-weight: 100; @include media-breakpoint-down(md) { - font-size: 30px; + font-size: 28px; line-height: 36px; } } .text { - font-size: 21px; - line-height: 25px; + color: $white; + max-width: 75%; + + font-size: 15px; + line-height: 20px; margin-bottom: 0; @include media-breakpoint-down(lg) { - font-size: 18px; - line-height: 21px; + max-width: 100%; + font-size: 14px; + line-height: 18px; } } - + } @@ -445,7 +513,7 @@ $down-grad: transparent linear-gradient(0deg, #09144021 0%, #091440 100%) 0 display: block; font-size: 15px; line-height: 19px; - color: $white; + color: $gray-text; text-decoration: none; margin-bottom: 5px; @@ -471,3 +539,57 @@ $down-grad: transparent linear-gradient(0deg, #09144021 0%, #091440 100%) 0 } } } + + +.why-section { + padding-top: 144px; + padding-bottom: 55px; + + h1 { + font-family: "dcrweb-poppins", "Verdana", sans-serif; + color: $light-blue; + font-size: 34px; + line-height: 34px; + text-align: center; + padding-bottom: 34px; + } + + p { + margin: 0 auto; + color: $gray-text; + text-align: left; + font-size: 21px; + line-height: 29px; + } +} + +.quote-section { + padding-bottom: 155px; + + .quote-box { + margin-bottom: 13px; + border-radius: 5px; + padding: 24px; + padding-left: 34px; + background-color: $darker-blue; + border-left: 5px solid $light-blue; + } + + .quote { + font-weight: bold; + color: white; + font-style: italic; + font-size: 15px; + line-height: 21px; + } + + .citation { + color: $another-gray; + font-size: 15px; + line-height: 21px; + + .ul { + text-decoration: underline; + } + } +} diff --git a/src/assets/scss/decred-v6.scss b/src/assets/scss/decred-v6.scss index 0b0693a2..51887a66 100644 --- a/src/assets/scss/decred-v6.scss +++ b/src/assets/scss/decred-v6.scss @@ -5,6 +5,13 @@ $white: rgb(255, 255, 255); // #FFFFFF $dark-blue: rgb( 9, 20, 64); // #091440 $orange: rgb(237, 109, 71); // #ED6D47 +$faded-white: rgba($white, 0.341); + +$another-blue: #0B1439; +$darker-blue: #030B2C; +$gray-text: #DDDDDD; +$another-gray: #B7B7B7; + $navbar-height: 98px; $max-width: 1920px; diff --git a/src/layouts/_default/list.html b/src/layouts/_default/list.html index fc32c154..fea38a84 100644 --- a/src/layouts/_default/list.html +++ b/src/layouts/_default/list.html @@ -6,24 +6,41 @@
-
+
-
-
- Decred — - {{ T "landing_opener" }} -
+
-
- {{ T "home_download_wallet" }} - {{ range where .Site.Data.wallets.wallets "id" "decrediton" }} - {{ range where .links "is_direct_download" true }} - {{ T "home_download_wallet" }} +
+
+ Decred — + {{ T "landing_opener" }} +
+ +
+ {{ T "home_download_wallet" }} + {{ range where .Site.Data.wallets.wallets "id" "decrediton" }} + {{ range where .links "is_direct_download" true }} + {{ T "home_download_wallet" }} + {{ end }} {{ end }} - {{ end }} - {{ T "nav_exchanges" }} + {{ T "nav_exchanges" }} +
+
+ +
+ {{ T "landing_intro" }} +
+ +
+
{{ T "landing_pill_1" }}
+
{{ T "landing_pill_2" }}
+
{{ T "landing_pill_3" }}
+
{{ T "landing_pill_4" }}
+
{{ T "landing_pill_5" }}
+
+
@@ -66,153 +83,230 @@ {{ define "main" }}
-
- -
- +
- -
- -
-

{{ T "landing_sovereignty_headline" }} —

-

{{ T "landing_sovereignty_text"}}

-
- - -
- - {{ T "landing_sovereignty_link1" }} → - - - {{ T "landing_sovereignty_link2" }} → - -
+
+

{{ T "landing_why_title" }}

+

{{ T "landing_why_text1" }}

{{ T "landing_why_text2" }}

-
- -
+
- -
+
-
-

{{ T "landing_privacy_headline" }} —

-

{{ T "landing_privacy_text"}}

+
+
“If I understand it correctly, #Decred could solve most of #Bitcoin’s structural problems.”
+
- Cathie Wood, ARK Invest
- - -
- - {{ T "landing_privacy_link1" }} → - - - {{ T "landing_privacy_link2" }} → - +
+
“Decred’s killer feature is good governance, and with good governance, you can have any feature you want.”
+
- Chris Burniske & Joel Monégro, Placeholder Ventures
+
-
- -
+
+ +
+ {{ T "landing_explore"}} +
-
- -
-

{{ T "landing_treasury_headline" }} —

-

{{ T "landing_treasury_text"}}

+
+ +
+ + +
+ +
+

{{ T "landing_sovereignty_headline" }} —

+

{{ T "landing_sovereignty_text"}}

+
+ + +
+ + {{ T "landing_sovereignty_link1" }} → + + + {{ T "landing_sovereignty_link2" }} → + +
+
+ +
+ +
+ - -
- - {{ T "landing_treasury_link1"}} → - - - - {{ T "nav_politeia"}} → - +
+
+

{{ T "landing_development_headline" }} —

+

{{ T "landing_development_text"}}

+
+ + +
+ + {{ T "landing_development_link1" }} → + +
-
-
- - -
-
- -
- -
+
+ +
+ -
-

{{ T "landing_resolve_headline" }} —

-

{{ T "landing_resolve_text"}}

+
+ +
+

{{ T "landing_proposals_headline" }} —

+

{{ T "landing_proposals_text"}}

+
+ + +
+ + {{ T "landing_proposals_link1" }} → + +
+
+ +
+ +
+ + +
+ +
+

{{ T "landing_dao_headline" }} —

+

{{ T "landing_dao_text"}}

+
+ + +
+ + {{ T "landing_dao_link1"}} → + + + {{ T "landing_dao_link2"}} → + +
+
+
+ +
+ +
+ - -
- - {{ T "landing_resolve_link1" }} → - +
+ +
+

{{ T "landing_privacy_headline" }} —

+

{{ T "landing_privacy_text"}}

+
+ + +
+ + {{ T "landing_privacy_link1" }} → + + + {{ T "landing_privacy_link2" }} → + +
-
-
- -
-
- -
+
-
- -
-

{{ T "landing_freedom_headline" }} —

-

{{ T "landing_freedom_text"}}

+
+ +
+ +
+

{{ T "landing_dex_headline" }} —

+

{{ T "landing_dex_text"}}

+
+ + +
+ + {{ T "landing_dex_link1" }} → + +
- - -
- - {{ T "landing_freedom_link1" }} → - +
+ +
+ +
+ +
+ +
+

{{ T "landing_security_headline" }} —

+

{{ T "landing_security_text"}}

+
+ + +
+ + {{ T "landing_security_link1" }} → + +
+
+
+ +
+ +
+ +
+ +
+

{{ T "landing_lightning_headline" }} —

+

{{ T "landing_lightning_text"}}

+
+ + +
+ + {{ T "landing_lightning_link1" }} → + +
+
-
- -
+
+
+ {{ T "home_download_wallet" }} + {{ range where .Site.Data.wallets.wallets "id" "decrediton" }} + {{ range where .links "is_direct_download" true }} + {{ T "home_download_wallet" }} + {{ end }} + {{ end }} -
- -
- -
-

{{ T "landing_insights_headline" }} —

-

{{ T "landing_insights_text"}}

-
- + {{ T "nav_exchanges" }} -
- - {{ T "landing_insights_link1" }} → - -
-
+
{{ end }} diff --git a/src/static/images/body-bg.svg b/src/static/images/body-bg.svg deleted file mode 100644 index d1a1106b..00000000 --- a/src/static/images/body-bg.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/static/images/landing-bg/lg.svg b/src/static/images/landing-bg/lg.svg deleted file mode 100644 index 47c2215c..00000000 --- a/src/static/images/landing-bg/lg.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/static/images/landing-bg/md.svg b/src/static/images/landing-bg/md.svg deleted file mode 100644 index faa5d4fe..00000000 --- a/src/static/images/landing-bg/md.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/static/images/landing-bg/privacy.png b/src/static/images/landing-bg/privacy.png new file mode 100644 index 00000000..b0ac1450 Binary files /dev/null and b/src/static/images/landing-bg/privacy.png differ diff --git a/src/static/images/landing-bg/sm.svg b/src/static/images/landing-bg/sm.svg deleted file mode 100644 index acc319b3..00000000 --- a/src/static/images/landing-bg/sm.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/static/images/landing-bg/xl.svg b/src/static/images/landing-bg/xl.svg deleted file mode 100644 index 4f18b42b..00000000 --- a/src/static/images/landing-bg/xl.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/transifex_catalogs/en.json b/transifex_catalogs/en.json index 28375615..7f56b72c 100644 --- a/transifex_catalogs/en.json +++ b/transifex_catalogs/en.json @@ -75,27 +75,44 @@ "Page not found": "Page not found", "Back to home page": "Back to home page", "landing_opener": "Money Evolved", + "landing_intro": "Decred is a cryptocurrency designed to upgrade and evolve over time based on the direction of its coinholders", + "landing_pill_1": "Layer 1", + "landing_pill_2": "DAO", + "landing_pill_3": "No ICO", + "landing_pill_4": "Hybrid Pow/PoS", + "landing_pill_5": "21M Coin Cap", "landing_seemore": "See more", - "landing_sovereignty_headline": "Sovereignty", - "landing_sovereignty_text": "You make the rules and enforce them.", + "landing_explore": "Explore More", + "landing_why_title": "Why Decred?", + "landing_why_text1": "Decred was conceived by a team of Bitcoin developers working with legendary Monero developer tacotime.", + "landing_why_text2": "Their vision was clear: empower coinholders through a unique hybrid proof-of-work and proof-of-stake mining system that blends security, sustainability, decentralization, and user participation.", + "landing_sovereignty_headline": "Decred Puts Coinholders in Control", + "landing_sovereignty_text": "Anyone who stakes Decred has direct voting rights on network changes, proposals, and treasury spending. Stakers earn a portion of the block reward for their participation.", "landing_sovereignty_link1": "Decred Governance", - "landing_sovereignty_link2": "Track Consensus Changes", - "landing_privacy_headline": "Privacy", - "landing_privacy_text": "Nobody should know what you do with your money but you.", + "landing_sovereignty_link2": "Track Network Upgrades", + "landing_privacy_headline": "Untraceable Transactions", + "landing_privacy_text": "Decred has integrated an opt-in coin mixing process into its hybrid mining system. This allows users to easily anonymize their coins through a mixnet.", "landing_privacy_link1": "Learn to Mix your Decred", "landing_privacy_link2": "View Decred Privacy Participation", - "landing_treasury_headline": "Treasury", - "landing_treasury_text": "The power to keep building.", - "landing_treasury_link1": "Contributing and Becoming a Contractor", - "landing_resolve_headline": "Resolve", - "landing_resolve_text": "Dispute resolution built-in so the herd can live in harmony.", - "landing_resolve_link1": "Proof of Stake Voting", - "landing_freedom_headline": "Freedom", - "landing_freedom_text": "Nobody can prevent you from moving your money.", - "landing_freedom_link1": "Read the Decred Constitution", - "landing_insights_headline": "Powerful Insights", - "landing_insights_text": "Visualize how all the pieces tie together.", - "landing_insights_link1": "Visit the dcrdata Block Explorer", + "landing_development_headline": "Development That Never Stops", + "landing_development_text": "Decred's treasury is self-funded and comes from 10% of the block reward. This funding model ensures that development, marketing, and other project-related activities have a consistent funding source, independent of external capital or sponsors.", + "landing_development_link1": "View Decred Treasury", + "landing_dao_headline": "DAO", + "landing_dao_text": "The combination of the treasury fund, proposal platform, stakeholder voting, and flexible contractor model allow Decred to operate as a Layer 1 Decentralized Autonomous Organization.", + "landing_dao_link1": "Contributing and Becoming a Contractor", + "landing_dao_link2": "Proof of Stake Voting", + "landing_proposals_headline": "Proposals", + "landing_proposals_text": "Decred's proposal platform is the decision making force behind the Decred DAO. Anyone can submit a proposal to build and get funding from the treasury. All proposals are time-anchored, censorship resistant, and must be approved by stakeholders.", + "landing_proposals_link1": "View Proposal Platform", + "landing_dex_headline": "DEX", + "landing_dex_text": "Decred has built its own DEX using atomic-swap technology. This allows users to trade peer-to-peer with no trading fees or KYC. DEX development is funded by the Decred DAO and is completely open-source.", + "landing_dex_link1": "Get DCRDEX", + "landing_security_headline": "Dual-Layer Security", + "landing_security_text": "Decred's hybrid consensus system is significantly more difficult to 51% attack than pure PoW or PoS systems. To date, Decred has never been majority attacked.", + "landing_security_link1": "Attack Cost Calculator", + "landing_lightning_headline": "Lightning Network For Scalability", + "landing_lightning_text": "Decred is the only project other than Bitcoin taking Lightning development seriously for Layer 2 scaling.", + "landing_lightning_link1": "View Bison Relay, Secure Communication on LN", "community_community_title": "Community Platforms", "community_publications_title": "Publications", "community_support_title": "Support",