diff --git a/_src/_assets/images/icon-heart-protect.svg b/_src/_assets/images/icon-heart-protect.svg new file mode 100644 index 0000000..e96a2c2 --- /dev/null +++ b/_src/_assets/images/icon-heart-protect.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/_src/_assets/styles/_sections.scss b/_src/_assets/styles/_sections.scss index 25e5ddd..44c0fbb 100644 --- a/_src/_assets/styles/_sections.scss +++ b/_src/_assets/styles/_sections.scss @@ -90,3 +90,4 @@ @import '_sections/section-partners'; @import '_sections/section-blog'; @import '_sections/section-getstarted'; +@import '_sections/section-newsletter'; diff --git a/_src/_assets/styles/_sections/_section-newsletter.scss b/_src/_assets/styles/_sections/_section-newsletter.scss new file mode 100644 index 0000000..a032cfd --- /dev/null +++ b/_src/_assets/styles/_sections/_section-newsletter.scss @@ -0,0 +1,85 @@ + +.section--newsletter { + background: $brand-primary; + align-items: flex-start; + + .form-group, + .grid { margin-bottom: 0; } + + .form-control { + border-color: $gray-dark; + + &:focus { + border-color: #000; + } + } + + .btn { + background: $brand-main-blue; + } + + .form-label, + .form-control, + .form-control:focus ~ .form-label { + color: $gray-dark; + } + + .form-control-feedback { + @extend .bold; + margin-top: $spacer / 2; + } + + .form--newsletter { + margin-top: $spacer * 2; + } +} + +.newsletter__title { + @extend .h5; + margin-top: 0; + margin-bottom: $spacer / 4; +} + +.newsletter__title, +.newsletter__text, +.newsletter__gdpr { + color: $gray-dark; +} + +.form__gdpr { + opacity: .8; + font-size: $font-size-sm; + position: relative; + + .icon { + stroke: #fff; + color: #fff; + stroke-width: 1.5; + opacity: .5; + width: 1.5rem; + height: 1.5rem; + position: absolute; + left: -.25rem; + top: .25rem; + } + + .text { + margin-left: $spacer * 2; + } +} + +.newsletter__gdpr { + .icon { + stroke: $brand-main-blue; + color: $brand-main-blue; + } + + a { + box-shadow: inset 0 -1px 0 $brand-main-blue; + + &:hover, + &:focus { + background: $brand-main-blue; + } + } +} diff --git a/_src/_assets/styles/bigchain.scss b/_src/_assets/styles/bigchain.scss index 4e98451..ba4b69d 100644 --- a/_src/_assets/styles/bigchain.scss +++ b/_src/_assets/styles/bigchain.scss @@ -44,7 +44,6 @@ @import 'bigchain/content-page'; @import 'bigchain/comments'; @import 'bigchain/toc'; -@import 'bigchain/newsletter'; @import 'bigchain/testimonials'; // Section specific styles diff --git a/_src/_assets/styles/bigchain/_newsletter.scss b/_src/_assets/styles/bigchain/_newsletter.scss deleted file mode 100644 index 214406b..0000000 --- a/_src/_assets/styles/bigchain/_newsletter.scss +++ /dev/null @@ -1,54 +0,0 @@ - -.section-newsletter { - background: $brand-primary; - - // .sections redefinitions - padding-top: $spacer; - padding-bottom: $spacer; - - @media ($screen-sm) { - padding-top: ($spacer * 3); - padding-bottom: ($spacer * 3); - } -} - -.newsletter { - p, - .form-group { margin: 0; } - - .grid { margin-bottom: 0; } - - .form-control { - border-color: $gray-dark; - - &:focus { - border-color: #000; - } - } - - .btn { - background: $brand-main-blue; - } - - .form-label, - .form-control, - .form-control:focus ~ .form-label { - color: $gray-dark; - } - - .form-control-feedback { - @extend .bold; - margin-top: ($spacer / 2); - } -} - -.newsletter__title { - @extend .h5; - margin-top: 0; - margin-bottom: $spacer / 4; -} - -.newsletter__title, -.newsletter__text { - color: $gray-dark; -} diff --git a/_src/_data/gdpr.yml b/_src/_data/gdpr.yml new file mode 100644 index 0000000..1f0fbb3 --- /dev/null +++ b/_src/_data/gdpr.yml @@ -0,0 +1,5 @@ +newsletter: > + We will only use your email to send you our newsletter and by submitting this form you give us permission to do so. You can change your mind at anytime by clicking the unsubscribe link of any newsletter you receive from us. For more information visit our [Privacy Policy](/pivacy/). + + + We use Formspree to send this form and MailChimp for our newsletter. By submitting this form, you acknowledge that the information you provide will be transferred to Formspree & MailChimp for processing in accordance with their [Privacy](https://formspree.io/static/PrivacyPolicy.pdf) [Policies](https://mailchimp.com/legal/privacy/). diff --git a/_src/_includes/form-newsletter.html b/_src/_includes/form-newsletter.html index 7e218f0..b80b7c6 100644 --- a/_src/_includes/form-newsletter.html +++ b/_src/_includes/form-newsletter.html @@ -1,5 +1,5 @@
diff --git a/_src/_includes/sections/section-newsletter.html b/_src/_includes/sections/section-newsletter.html index a79b27b..33113e3 100644 --- a/_src/_includes/sections/section-newsletter.html +++ b/_src/_includes/sections/section-newsletter.html @@ -1,8 +1,8 @@ -
+