mirror of
https://github.com/seigler/dash-website
synced 2025-07-27 07:16:10 +00:00
Added dash school
This commit is contained in:
Lee Wong
parent
dffe2f9d13
commit
c9cbbbe32d
7 changed files with 270 additions and 2 deletions
|
|
@ -15,7 +15,7 @@
|
||||||
<li><a href="{{ basenav }}/mining/" >{% t nav.mining %}</a></li>
|
<li><a href="{{ basenav }}/mining/" >{% t nav.mining %}</a></li>
|
||||||
<li><a href="https://dashpay.atlassian.net/wiki/display/DOC/Masternode" target="_blank">{% t nav.masternode %}</a></li>
|
<li><a href="https://dashpay.atlassian.net/wiki/display/DOC/Masternode" target="_blank">{% t nav.masternode %}</a></li>
|
||||||
<li><a href="https://dashpay.atlassian.net/wiki/pages/viewpage.action?pageId=1146941" target="_blank">{% t nav.wallet %}</a></li>
|
<li><a href="https://dashpay.atlassian.net/wiki/pages/viewpage.action?pageId=1146941" target="_blank">{% t nav.wallet %}</a></li>
|
||||||
<li><a href="{{ basenav }}/governance/" target="_blank">{% t nav.funding %}</a></li>
|
<li><a href="{{ basenav }}/governance/">{% t nav.funding %}</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
|
||||||
25
_includes/hero/school.html
Normal file
25
_includes/hero/school.html
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
<div class="hero" id="hero">
|
||||||
|
<div class="hero__background hero__background_school">
|
||||||
|
{% srcset hero/community.jpg ppi:1,2 class="hero__background-image" %}
|
||||||
|
{% srcset_source width:1920 %}
|
||||||
|
{% srcset_source width:960 %}
|
||||||
|
{% endsrcset %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Navigation -->
|
||||||
|
{% include nav-desktop.html %}
|
||||||
|
|
||||||
|
<!-- Hero content -->
|
||||||
|
<div class="hero__content">
|
||||||
|
<h1 class="hero__title">Dash School</h1>
|
||||||
|
<p class="hero__lead">by Amanda B. Johnson</p>
|
||||||
|
|
||||||
|
<div class="hero__buttons">
|
||||||
|
<a href="#" class="btn-green">Watch now</a>
|
||||||
|
<a href="#" class="btn-green">Youtube</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Hero stripe -->
|
||||||
|
<div class="hero__stripe"></div>
|
||||||
|
</div>
|
||||||
140
school/index.html
Normal file
140
school/index.html
Normal file
|
|
@ -0,0 +1,140 @@
|
||||||
|
---
|
||||||
|
layout: default
|
||||||
|
title: pages.community.title
|
||||||
|
description: pages.community.description
|
||||||
|
---
|
||||||
|
|
||||||
|
{% include hero/school.html %}
|
||||||
|
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<section class="section">
|
||||||
|
<div class="section__content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<a class="video-post" href="https://www.youtube.com/watch?v=e7UwwcCKj4Y" data-js-popup="video">
|
||||||
|
<div class="video-post__preview video-post__preview--image">
|
||||||
|
<img src="/assets/img/blog/amigos.png" class="video-post__image">
|
||||||
|
</div>
|
||||||
|
<h2 class="video-post__title">
|
||||||
|
What Is a Blockchain? | DASH School #1
|
||||||
|
</h2>
|
||||||
|
<p class="video-post__description">
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<div class="video-post__divider"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<a class="video-post" href="https://www.youtube.com/watch?v=eS39N-mHrOs" data-js-popup="video">
|
||||||
|
<div class="video-post__preview video-post__preview--image">
|
||||||
|
<img src="/assets/img/blog/amigos.png" class="video-post__image">
|
||||||
|
</div>
|
||||||
|
<h2 class="video-post__title">
|
||||||
|
How Does a Blockchain Work? | DASH School #2
|
||||||
|
</h2>
|
||||||
|
<p class="video-post__description">
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<div class="video-post__divider"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<a class="video-post" href="https://www.youtube.com/watch?v=DyywtVNlfFs" data-js-popup="video">
|
||||||
|
<div class="video-post__preview video-post__preview--image">
|
||||||
|
<img src="/assets/img/blog/amigos.png" class="video-post__image">
|
||||||
|
</div>
|
||||||
|
<h2 class="video-post__title">
|
||||||
|
How Can a Blockchain Be a Monetary System? | DASH School #3
|
||||||
|
</h2>
|
||||||
|
<p class="video-post__description">
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<div class="video-post__divider"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<a class="video-post" href="https://www.youtube.com/watch?v=jHsVU1LBuAY" data-js-popup="video">
|
||||||
|
<div class="video-post__preview video-post__preview--image">
|
||||||
|
<img src="/assets/img/blog/amigos.png" class="video-post__image">
|
||||||
|
</div>
|
||||||
|
<h2 class="video-post__title">
|
||||||
|
How is Dash's Blockchain Funded & Governed? | DASH School #4
|
||||||
|
</h2>
|
||||||
|
<p class="video-post__description">
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<div class="video-post__divider"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<a class="video-post" href="https://www.youtube.com/watch?v=hm7IYkgIOXc" data-js-popup="video">
|
||||||
|
<div class="video-post__preview video-post__preview--image">
|
||||||
|
<img src="/assets/img/blog/amigos.png" class="video-post__image">
|
||||||
|
</div>
|
||||||
|
<h2 class="video-post__title">
|
||||||
|
How Does Dash Offer Instant & Private Payments? | DASH School #5
|
||||||
|
</h2>
|
||||||
|
<p class="video-post__description">
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<div class="video-post__divider"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4">
|
||||||
|
<a class="video-post" href="https://www.youtube.com/watch?v=vFwXeFk6VO8" data-js-popup="video">
|
||||||
|
<div class="video-post__preview video-post__preview--image">
|
||||||
|
<img src="/assets/img/blog/amigos.png" class="video-post__image">
|
||||||
|
</div>
|
||||||
|
<h2 class="video-post__title">
|
||||||
|
How Can Digital Cash Become Accessible to All? | DASH School #6
|
||||||
|
</h2>
|
||||||
|
<p class="video-post__description">
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
<div class="video-post__divider"></div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section">
|
||||||
|
<h4 class="school__subheading">Dash detailed</h4>
|
||||||
|
<h3 class="school__heading">About</h3>
|
||||||
|
<div class="section__content">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-7">
|
||||||
|
<p class="school__descr">
|
||||||
|
DASH: Detailed has been published every Wednesday since it was launched in June, 2016.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4 col-sm-offset-1">
|
||||||
|
<h2 class="school__team-heading">Dash Detailed: Team</h2>
|
||||||
|
<div class="clearfix">
|
||||||
|
<img src="/assets/img/blog/amigos.png" class="school__ava pull-left">
|
||||||
|
<div class="pull-right">
|
||||||
|
<b class="school__author">Amanda B.Johnson</b>
|
||||||
|
<p>Host&Writter</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix">
|
||||||
|
<img src="/assets/img/blog/amigos.png" class="school__ava pull-left">
|
||||||
|
<div class="pull-right">
|
||||||
|
<b class="school__author">Pete Eyre</b>
|
||||||
|
<p>Video Editor</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</div>
|
||||||
91
src/scss/_school.scss
Normal file
91
src/scss/_school.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -21,6 +21,17 @@
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
&_school {
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
background-image: $gradient-overlay-green;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.hero__background-image {
|
.hero__background-image {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -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-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-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-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:
|
// for the style guide:
|
||||||
@function contrast-color($color, $dark, $light, $threshold: 50) {
|
@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
|
@if (lightness(scale-color($color, $green: 30%, $blue: -6%, $red: 4%)) > $threshold) { // perceptual luminance http://www.workwithcolor.com/color-luminance-2233.htm
|
||||||
|
|
|
||||||
|
|
@ -51,3 +51,4 @@
|
||||||
@import "code-highlight";
|
@import "code-highlight";
|
||||||
@import "pages/currency";
|
@import "pages/currency";
|
||||||
@import "social_icons";
|
@import "social_icons";
|
||||||
|
@import "school";
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue