diff --git a/src/_includes/section-one.html b/src/_includes/section-one.html index 0426d43..a53b0d5 100644 --- a/src/_includes/section-one.html +++ b/src/_includes/section-one.html @@ -1,5 +1,5 @@ -
+

Arcu aliquet vel lobortis ata nisl
@@ -12,11 +12,11 @@ Sustainability
  • - + Privacy
  • - + Transparency
  • diff --git a/src/_includes/section-three.html b/src/_includes/section-three.html index 9005663..9448518 100644 --- a/src/_includes/section-three.html +++ b/src/_includes/section-three.html @@ -1,5 +1,5 @@ -
    +

    Accumsan mus tortor nunc aliquet

    diff --git a/src/_layouts/default.html b/src/_layouts/default.html index 0c6eded..362a88c 100644 --- a/src/_layouts/default.html +++ b/src/_layouts/default.html @@ -13,7 +13,6 @@ {% include section-one.html %} {% include section-two.html %} {% include section-three.html %} -{% include cta.html %} {% include footer.html %} diff --git a/src/assets/styles/components/_banner.scss b/src/assets/styles/components/_banner.scss index ae72df3..b77eaec 100644 --- a/src/assets/styles/components/_banner.scss +++ b/src/assets/styles/components/_banner.scss @@ -107,7 +107,7 @@ body.is-loading { .particle { position: relative; user-select: none; - background: _palette(bg); + background: _palette(accent3, bg); @include breakpoint(medium) { background: none; diff --git a/src/assets/styles/components/_box.scss b/src/assets/styles/components/_box.scss index 8a9aaeb..146a4a6 100644 --- a/src/assets/styles/components/_box.scss +++ b/src/assets/styles/components/_box.scss @@ -54,18 +54,18 @@ } &.style1 { - color: _palette(accent1, fg-dark); + color: _palette(bg); } &.style2 { - color: _palette(accent2, fg-dark); + color: _palette(accent2, bg); } &.style3 { - color: _palette(accent3, fg-dark); + color: _palette(accent3, bg); } &.style4 { - color: _palette(accent4, fg-dark); + color: _palette(accent4, bg); } } \ No newline at end of file diff --git a/src/assets/styles/components/_button.scss b/src/assets/styles/components/_button.scss index f6b1297..e7eddcd 100644 --- a/src/assets/styles/components/_button.scss +++ b/src/assets/styles/components/_button.scss @@ -57,16 +57,16 @@ button, } &.special { - background-color: _palette(accent4, bg); + background-color: _palette(accent3, bg); box-shadow: none !important; - color: _palette(accent4, fg-bold) !important; + color: _palette(accent3, fg-bold) !important; &:hover { - background-color: lighten(_palette(accent4, bg), 5) !important; + background-color: lighten(_palette(accent3, bg), 5) !important; } &:active { - background-color: darken(_palette(accent4, bg), 5) !important; + background-color: darken(_palette(accent3, bg), 5) !important; } } diff --git a/src/assets/styles/components/_wrapper.scss b/src/assets/styles/components/_wrapper.scss index b5e8901..2253652 100644 --- a/src/assets/styles/components/_wrapper.scss +++ b/src/assets/styles/components/_wrapper.scss @@ -229,6 +229,10 @@ &.style5 { @include wrapper(accent2); } + + &.style6 { + @include wrapper(accent4); + } @include breakpoint(medium) { @include padding(4em, 3em); diff --git a/src/assets/styles/libs/_vars.scss b/src/assets/styles/libs/_vars.scss index 8e9ac69..86ecb80 100644 --- a/src/assets/styles/libs/_vars.scss +++ b/src/assets/styles/libs/_vars.scss @@ -31,22 +31,20 @@ // Palette. $palette: ( - bg: #232B3B, + bg: #29335C, fg: #fff, fg-bold: #fff, fg-light: rgba(255,255,255,0.5), - fg-dark: darken(#fff, 10%), border: #fff, border-bg: rgba(144,144,144,0.25), border2: #fff, border2-bg: rgba(144,144,144,0.5), accent1: ( - bg: #21b2a6, + bg: #F3A712, fg-bold: #ffffff, - fg: mix(#21b2a6, #ffffff, 25%), - fg-light: mix(#21b2a6, #ffffff, 40%), - fg-dark: darken(#21b2a6, 15%), + fg: mix(#F3A712, #ffffff, 25%), + fg-light: mix(#F3A712, #ffffff, 40%), border: rgba(0,0,0,0.125), border-bg: rgba(255,255,255,0.075), border2: rgba(0,0,0,0.25), @@ -58,7 +56,6 @@ fg-bold: #2E3842, fg: #4E4852, fg-light: #8E8892, - fg-dark: darken(#4E4852, 10%), border: #dfdfdf, border-bg: rgba(0,0,0,0.0375), border2: #bfbfbf, @@ -66,23 +63,21 @@ ), accent3: ( - bg: #2B5681, + bg: #ed4933, fg-bold: #ffffff, - fg: mix(#2B5681, #ffffff, 25%), - fg-light: mix(#2B5681, #ffffff, 40%), - fg-dark: darken(#2B5681, 5%), + fg: mix(#ed4933, #ffffff, 25%), + fg-light: mix(#ed4933, #ffffff, 40%), border: rgba(0,0,0,0.125), border-bg: rgba(255,255,255,0.075), border2: rgba(0,0,0,0.25), border2-bg: rgba(255,255,255,0.2) ), - + accent4: ( - bg: #ed4933, + bg: #25558C, fg-bold: #ffffff, - fg: mix(#ed4933, #ffffff, 25%), - fg-light: mix(#ed4933, #ffffff, 40%), - fg-dark: darken(#ed4933, 10%), + fg: mix(#25558C, #ffffff, 25%), + fg-light: mix(#25558C, #ffffff, 40%), border: rgba(0,0,0,0.125), border-bg: rgba(255,255,255,0.075), border2: rgba(0,0,0,0.25),