diff --git a/_includes/footer.html b/_includes/footer.html index e8d47a7..e204a17 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -15,7 +15,7 @@
  • {% t nav.mining %}
  • {% t nav.masternode %}
  • {% t nav.wallet %}
    • -
  • {% t nav.funding %}
    • +
  • {% t nav.funding %}
    • diff --git a/_includes/hero/school.html b/_includes/hero/school.html new file mode 100644 index 0000000..7fe8389 --- /dev/null +++ b/_includes/hero/school.html @@ -0,0 +1,25 @@ +
    +
    + {% srcset hero/community.jpg ppi:1,2 class="hero__background-image" %} + {% srcset_source width:1920 %} + {% srcset_source width:960 %} + {% endsrcset %} +
    + + + {% include nav-desktop.html %} + + +
    +

    Dash School

    +

    by Amanda B. Johnson

    + +
    + Watch now + Youtube +
    +
    + + +
    +
    diff --git a/school/index.html b/school/index.html new file mode 100644 index 0000000..adc3eff --- /dev/null +++ b/school/index.html @@ -0,0 +1,140 @@ +--- +layout: default +title: pages.community.title +description: pages.community.description +--- + +{% include hero/school.html %} + + +
    +
    +
    +
    +
    + +
    + +
    +

    + What Is a Blockchain? | DASH School #1 +

    +

    + Maybe you saw the word on the cover of The Economist. Or maybe you've seen it dropped on Bloomberg, Yahoo Finance, or even Wired. Wherever you heard it, it probably wasn't explained to you very well. Let Amanda B. Johnson introduce you to the concept without using technical jargon or buzzwords in episode one of Dash School. +

    +
    +     +
    +
    + +
    + +
    +

    + How Does a Blockchain Work? | DASH School #2 +

    +

    + So now you get the basics of what a blockchain is -- but how does it do what we say it does? Who gets to "write" to it, when, and why? How is a blockchain different from a good ol' fashioned database? Amanda B. Johnson takes you there in episode two of Dash School. +

    +
    +     +
    +
    + +
    + +
    +

    + How Can a Blockchain Be a Monetary System? | DASH School #3 +

    +

    + You now understand the basics of a blockchain and how it functions -- now what does that have to do with money? What is this business about blockchain networks being able to natively offer both currency and payments? Amanda B. Johnson explains in episode three of Dash School. +

    +
    +     +
    +
    + +
    +
    + +
    + +
    +

    + How is Dash's Blockchain Funded & Governed? | DASH School #4 +

    +

    + Now that you grasp how a blockchain network can offer money-as-a-service, learn the various ways that Dash's is organized -- why and how we function as a DAO (decentralized autonomous organization) to serve up monetary services to customers. Amanda B. Johnson takes you there in episode four of Dash School. +

    +
    +     +
    +
    + +
    + +
    +

    + How Does Dash Offer Instant & Private Payments? | DASH School #5 +

    +

    + Did you know that Dash's blockchain is the only one which offers both instant and private payments? True story. Learn how our unique "masternodes" make this possible in episode five of Dash School, hosted by Amanda B. Johnson. +

    +
    +     +
    +
    + +
    + +
    +

    + How Can Digital Cash Become Accessible to All? | DASH School #6 +

    +

    + So now that you get the full story -- how Dash works -- you want to know how we plan on making this stuff usable to the average consumer. Glad you asked! This sixth and final episode of Dash School, hosted by Amanda B. Johnson, introduces "Evolution": the product we predict will put digital cash into the hands of the average person for the first time. +

    +
    +     +
    +
    + +
    +
    + +
    +

    Dash detailed

    +

    About

    +
    +
    +
    +

    + DASH: Detailed has been published every Wednesday since it was launched in June, 2016. +

    +

    + Hosted and written by Amanda B. Johnson, and produced by Pete Eyre, the series is funded directly by Dash's treasury according to stakeholder vote, making it the world's first Youtube show to be funded by blockchain. Featuring event analysis, product updates, and industry interviews, DASH: Detailed is suitable for seasoned investors and newcomers alike. +

    +
    +
    +

    Dash Detailed: Team

    +
    + +
    + Amanda B.Johnson +

    Host&Writter

    +
    +
    +
    + +
    + Pete Eyre +

    Video Editor

    +
    +
    +
    +
    +
    +
    + +
    diff --git a/src/scss/_school.scss b/src/scss/_school.scss new file mode 100644 index 0000000..190574c --- /dev/null +++ b/src/scss/_school.scss @@ -0,0 +1,91 @@ +$m: 'video-post'; + +.#{$m} { + display: inline-block; + vertical-align: top; + padding: 0 pxToRem(20px); + margin-bottom: pxToRem(40px); + max-width: 500px; + margin-left: auto; + margin-right: auto; + overflow-wrap: break-word; + + &__title { + @include font-title-large(); + margin-bottom: pxToRem(10px); + a { + color: $color-blue; + } + } + &__date { + display: inline-block; + margin-bottom: pxToRem(10px); + color: transparentize($color-black, 0.5); + } + + &__preview { + @include overflow-image-wrapper(); + background: rgba($color-blue, 0.1); + margin-bottom: pxToRem(40px); + + &--no-image { + // Hide images until we actually have htem + padding-bottom: 1px; + } + } + &__image { + @include overflow-image(); + } + &__description{ + color: $gray-base; + font-size: $font-size-base; + line-height: 1.3; + } + &--sidebar, + &--text-only { + .#{$m}__preview { + display: none; + } + } + &--sidebar { + .#{$m} { + &__title { + @include font-title-medium; + } + } + } +} +.school{ + &__subheading { + margin-left: 80px; + color: $brand-primary; + font-weight: $headings-font-weight; + } + &__heading { + margin-left: 80px; + font-size: $font-size-h1; + color: $brand-primary; + font-weight: $headings-font-weight; + } + &__descr { + color: $gray-base; + font-size: $font-size-base; + line-height: 1.3; + margin-bottom: 20px; + } + &__ava { + margin-bottom: 15px; + margin-right: 40px; + width: 75px; + height: 75px; + } + &__author { + font-size: $font-size-base; + font-weight: $headings-font-weight; + } + &__team-heading { + margin-bottom: 15px; + } +} + + diff --git a/src/scss/_video.scss b/src/scss/_video.scss index 5eae4e8..1a81b55 100644 --- a/src/scss/_video.scss +++ b/src/scss/_video.scss @@ -21,6 +21,17 @@ display: none; } } + &_school { + &:after { + content: ''; + background-image: $gradient-overlay-green; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } + } } .hero__background-image { position: relative; diff --git a/src/scss/global/_colors.scss b/src/scss/global/_colors.scss index fbafd7e..baab48e 100644 --- a/src/scss/global/_colors.scss +++ b/src/scss/global/_colors.scss @@ -22,7 +22,7 @@ $color-green-light: #b9f4bc; $gradient-dash-sky: linear-gradient(to top right, #3094E3, #247FC8 9%, #186AAC 30%, #163B80 73%, #001D38); $gradient-atmosphere-blue-violet: linear-gradient(to top right,#4cddff,#3b9aca 10%,#2d6ca5 20%,#2a5291 27%,#283d81 35%,#222654 50%,#1e1635 63%,#0c0010 93%,#000); $gradient-default-overlay-blue: linear-gradient(-225deg, rgba(#283d81,0.7) 0%, rgba(#1c75bc,0.8) 100%); - +$gradient-overlay-green: linear-gradient(-225deg, rgba(36, 180, 94, 0.56) 0%, rgba(76,144,98,0.8) 100%); // for the style guide: @function contrast-color($color, $dark, $light, $threshold: 50) { @if (lightness(scale-color($color, $green: 30%, $blue: -6%, $red: 4%)) > $threshold) { // perceptual luminance http://www.workwithcolor.com/color-luminance-2233.htm diff --git a/src/scss/main.scss b/src/scss/main.scss index 494fccb..84a02d2 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -51,3 +51,4 @@ @import "code-highlight"; @import "pages/currency"; @import "social_icons"; +@import "school";