diff --git a/_i18n/en.yml b/_i18n/en.yml index 5c9f53c..a0e0a63 100644 --- a/_i18n/en.yml +++ b/_i18n/en.yml @@ -9,8 +9,8 @@ pages: home: title: Official Website | Private Digital Currency description: Dash is Digital Cash - hero-heading: Dash is Digital Cash - hero-text: The first truly-decentralized digital money system
Meet Digital Cash. + hero-heading: Dash is Digital Cash! + hero-text: The first truly-decentralized digital money system.
Meet Digital Cash. video-heading: Dash is Digital Cash You Can Spend Online video-text: Use Dash to make instant, anonymous payments online or in-store using our secure open-source platform hosted by thousands of users around the world. @@ -228,4 +228,4 @@ nav: github: GitHub tos: Terms of Use - sitemap: Sitemap \ No newline at end of file + sitemap: Sitemap diff --git a/_includes/nav-desktop.html b/_includes/nav-desktop.html index 4c5e70f..70cd8c8 100644 --- a/_includes/nav-desktop.html +++ b/_includes/nav-desktop.html @@ -9,11 +9,11 @@ {% assign logo-color = include.logo-color %} {% endif %} -
- +
+ -
+ diff --git a/_sass/_buttons.scss b/_sass/_buttons.scss index ad0abec..d3b8874 100644 --- a/_sass/_buttons.scss +++ b/_sass/_buttons.scss @@ -1,20 +1,28 @@ -.btn-white-solid { +.btn { border-radius: 5px; - border: 2px solid $white; - background-color: darken($white, 3); + border: 2px solid; padding: 5px 10px; + display: inline-block; + font-family: $font-heading; + font-weight: 500; +} + +.btn-white-solid { + @extend .btn; + border-color: $white; + background-color: darken($white, 3); margin-bottom: 10px; color: lighten($black, 5) !important; text-decoration: none; font-size: 16px; text-transform: uppercase; - box-sizing: border-box; &:hover { background-color: $white; } } .btn-green { + @extend .btn; background-color: $green; padding: 10px 20px 10px 20px; color: $white !important; @@ -29,9 +37,9 @@ } .btn-blue { + @extend .btn; border-radius: 5px; - border: 2px solid $blue; - padding: 5px 10px; + border-color: $blue; color: $blue !important; text-decoration: none; &:hover { @@ -41,16 +49,13 @@ } .btn-blue-solid { - border-radius: 5px; + @extend .btn; background-color: lighten($blue, 5); - padding: 5px 10px; - margin-bottom: 10px; color: $white !important; text-decoration: none; border: none; font-size: 16px; text-transform: uppercase; - box-sizing: border-box; &:hover { background-color: darken($blue, 3); color: $white !important; diff --git a/_sass/_directives.scss b/_sass/_directives.scss new file mode 100644 index 0000000..51e43a0 --- /dev/null +++ b/_sass/_directives.scss @@ -0,0 +1,11 @@ +/* +This is for time-saving base classes that get @extend -ed +*/ + +%clearfix { + &:after { + content: ""; + display: table; + clear: both; + } +} diff --git a/_sass/_header.scss b/_sass/_header.scss index 1ed47b1..6d32f46 100644 --- a/_sass/_header.scss +++ b/_sass/_header.scss @@ -1,44 +1,34 @@ -#header { - text-align: left; +#hero { + height: 600px; color: $white; - padding: 1px 0; #top { - border-bottom: 1px solid $blue; - text-align: left; - .logo { - width: 180px; - height: auto; - display: inline-block; - } - nav { - float: right; - text-align: right; - margin-bottom: 5px; - li { - display: inline; - margin-left: 20px; - a { - color: $blue; - text-decoration: none; - font-size: 12px; - &:hover { - color: lighten($blue, 25); - } - } + border-bottom: 1px solid $white; + nav li a { + color: rgba($white, 0.9); + &:hover { + color: rgba($white, 1); } } } - .page-info { - background-color: #fff; + + > h1, > p { + text-shadow: 2px 2px 2px rgba(black, 0.4); } - h1 { - color: $blue; - text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3); + > h1 { + margin-top: 2em; + font-size: 56px; + line-height: 1.2; + } + > p { + font-family: $font-heading; + font-size: 35px; + line-height: 1.25; + margin-bottom: 0.5em; } - p { - color: $blue; - margin-bottom: 50px; + .btn-blue-solid { + font-size: 20px; + padding: 5px 25px; } } diff --git a/_sass/_home.scss b/_sass/_home.scss index 6013c10..0418936 100644 --- a/_sass/_home.scss +++ b/_sass/_home.scss @@ -1,43 +1,3 @@ -#hero { - background-color: rgba(#000, .25); - text-align: left; - color: $white; - padding: 1px 0 265px 0; - #top { - border-bottom: 1px solid $white; - text-align: left; - .logo { - width: 180px; - height: auto; - display: inline-block; - } - nav { - float: right; - text-align: right; - margin-bottom: 5px; - li { - display: inline; - margin-left: 20px; - a { - color: rgba($white, 0.9); - text-decoration: none; - font-size: 12px; - &:hover { - color: rgba($white, 1.0); - } - } - } - } - } - h1 { - text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3); - } - - p { - margin-bottom: 50px; - } -} - #info { .col { width: 33%; diff --git a/_sass/_nav.scss b/_sass/_nav.scss index 6f55b8a..46c9b56 100644 --- a/_sass/_nav.scss +++ b/_sass/_nav.scss @@ -1,31 +1,42 @@ #top { - border-bottom: 1px solid $white; - text-align: left; - margin-top: 30px; - margin-bottom: 40px; - .logo { - width: 180px; - height: auto; - display: inline-block; - } + border-bottom: 1px solid $blue; + margin-bottom: 20px; + @extend %clearfix; + nav { float: right; text-align: right; li { - display: inline; - margin-left: 10px; + display: inline-block; + margin-left: 20px; + text-transform: uppercase; + font-size: 14px; + font-weight: 600; + line-height: 90px; a { - color: rgba($black, 0.9); - text-transform: uppercase; + display: inline-block; text-decoration: none; - font-size: 16px; + color: rgba($black, 0.9); + &:hover { color: rgba($black, 1.0); } } + .status { + color: $blue; + } } - .status { - color: $blue !important; + } + + .logo { + width: 180px; + height: 90px; + display: inline-block; + > img { + position: relative; + top: 50%; + transform: translateY(-50%); + max-width: 100%; } } } diff --git a/_sass/_typography.scss b/_sass/_typography.scss index 8d94ef0..b3fd7c3 100644 --- a/_sass/_typography.scss +++ b/_sass/_typography.scss @@ -1,16 +1,19 @@ @import "fonts/worksans/bold"; -@import "fonts/worksans/semibold"; +@import "fonts/worksans/medium"; @import "fonts/open-sans/regular"; @import "fonts/open-sans/italic"; +$font-body: 'Open Sans', Helvetica, Arial, sans-serif; +$font-heading: 'Work Sans', Helvetica, Arial, sans-serif; + body { - font-family: 'Open Sans', Helvetica, Arial, sans-serif; + font-family: $font-body; line-height: 1.5; } p { font-size: 14px; - line-height: 22px; + line-height: 1.5; a { color: $blue; text-decoration: none; @@ -21,7 +24,7 @@ p { } h1, h2, h3 { - font-family: 'Work Sans', Helvetica, Arial, sans-serif; + font-family: $font-heading; } h1 { diff --git a/_sass/_video.scss b/_sass/_video.scss index 1d0e438..259c213 100644 --- a/_sass/_video.scss +++ b/_sass/_video.scss @@ -1,19 +1,29 @@ #background-video { - position: absolute; - top: -150px; - right: 0; - bottom: 0; - left: 0; - overflow: hidden; - z-index: -100; - height: 700px; - overflow: hidden; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + overflow: hidden; + z-index: -100; + height: 600px; + overflow: hidden; + &:after { + content: ''; + background-image: linear-gradient(to bottom, rgba(black, 0.6), transparent); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + } .background-video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: auto; + position: relative; + top: 40%; + transform: translateY(-40%); + width: 100%; + height: auto; + min-height: 100%; } } @@ -38,4 +48,4 @@ display: none; } } -} \ No newline at end of file +} diff --git a/_sass/fonts/worksans/_black.scss b/_sass/fonts/worksans/_black.scss new file mode 100644 index 0000000..0c20b35 --- /dev/null +++ b/_sass/fonts/worksans/_black.scss @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Work Sans'; + src: url('../fonts/worksans/worksans-black-webfont.eot'); + src: url('../fonts/worksans/worksans-black-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/worksans/worksans-black-webfont.woff2') format('woff2'), + url('../fonts/worksans/worksans-black-webfont.woff') format('woff'), + url('../fonts/worksans/worksans-black-webfont.ttf') format('truetype'); + font-weight: 900; + font-style: normal; +} diff --git a/_sass/fonts/worksans/_bold.scss b/_sass/fonts/worksans/_bold.scss index 7388b32..d9b6a27 100644 --- a/_sass/fonts/worksans/_bold.scss +++ b/_sass/fonts/worksans/_bold.scss @@ -1,5 +1,3 @@ -/* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 27, 2016 */ - @font-face { font-family: 'Work Sans'; src: url('../fonts/worksans/worksans-bold-webfont.eot'); diff --git a/_sass/fonts/worksans/_extrabold.scss b/_sass/fonts/worksans/_extrabold.scss new file mode 100644 index 0000000..680c656 --- /dev/null +++ b/_sass/fonts/worksans/_extrabold.scss @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Work Sans'; + src: url('../fonts/worksans/worksans-extrabold-webfont.eot'); + src: url('../fonts/worksans/worksans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/worksans/worksans-extrabold-webfont.woff2') format('woff2'), + url('../fonts/worksans/worksans-extrabold-webfont.woff') format('woff'), + url('../fonts/worksans/worksans-extrabold-webfont.ttf') format('truetype'); + font-weight: 800; + font-style: normal; +} diff --git a/_sass/fonts/worksans/_extralight.scss b/_sass/fonts/worksans/_extralight.scss new file mode 100644 index 0000000..12d709a --- /dev/null +++ b/_sass/fonts/worksans/_extralight.scss @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Work Sans'; + src: url('../fonts/worksans/worksans-extralight-webfont.eot'); + src: url('../fonts/worksans/worksans-extralight-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/worksans/worksans-extralight-webfont.woff2') format('woff2'), + url('../fonts/worksans/worksans-extralight-webfont.woff') format('woff'), + url('../fonts/worksans/worksans-extralight-webfont.ttf') format('truetype'); + font-weight: 200; + font-style: normal; +} diff --git a/_sass/fonts/worksans/_hairline.scss b/_sass/fonts/worksans/_hairline.scss new file mode 100644 index 0000000..702ee92 --- /dev/null +++ b/_sass/fonts/worksans/_hairline.scss @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Work Sans'; + src: url('../fonts/worksans/worksans-hairline-webfont.eot'); + src: url('../fonts/worksans/worksans-hairline-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/worksans/worksans-hairline-webfont.woff2') format('woff2'), + url('../fonts/worksans/worksans-hairline-webfont.woff') format('woff'), + url('../fonts/worksans/worksans-hairline-webfont.ttf') format('truetype'); + font-weight: 50; + font-style: normal; +} diff --git a/_sass/fonts/worksans/_light.scss b/_sass/fonts/worksans/_light.scss new file mode 100644 index 0000000..1f0695c --- /dev/null +++ b/_sass/fonts/worksans/_light.scss @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Work Sans'; + src: url('../fonts/worksans/worksans-light-webfont.eot'); + src: url('../fonts/worksans/worksans-light-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/worksans/worksans-light-webfont.woff2') format('woff2'), + url('../fonts/worksans/worksans-light-webfont.woff') format('woff'), + url('../fonts/worksans/worksans-light-webfont.ttf') format('truetype'); + font-weight: 300; + font-style: normal; +} diff --git a/_sass/fonts/worksans/_medium.scss b/_sass/fonts/worksans/_medium.scss new file mode 100644 index 0000000..a13bc4b --- /dev/null +++ b/_sass/fonts/worksans/_medium.scss @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Work Sans'; + src: url('../fonts/worksans/worksans-medium-webfont.eot'); + src: url('../fonts/worksans/worksans-medium-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/worksans/worksans-medium-webfont.woff2') format('woff2'), + url('../fonts/worksans/worksans-medium-webfont.woff') format('woff'), + url('../fonts/worksans/worksans-medium-webfont.ttf') format('truetype'); + font-weight: 500; + font-style: normal; +} diff --git a/_sass/fonts/worksans/_regular.scss b/_sass/fonts/worksans/_regular.scss index 4e6adbe..956016f 100644 --- a/_sass/fonts/worksans/_regular.scss +++ b/_sass/fonts/worksans/_regular.scss @@ -1,5 +1,3 @@ -/* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 27, 2016 */ - @font-face { font-family: 'Work Sans'; src: url('../fonts/worksans/worksans-regular-webfont.eot'); diff --git a/_sass/fonts/worksans/_semibold.scss b/_sass/fonts/worksans/_semibold.scss index a51906d..ab5e345 100644 --- a/_sass/fonts/worksans/_semibold.scss +++ b/_sass/fonts/worksans/_semibold.scss @@ -1,5 +1,3 @@ -/* Generated by Font Squirrel (https://www.fontsquirrel.com) on July 27, 2016 */ - @font-face { font-family: 'Work Sans'; src: url('../fonts/worksans/worksans-semibold-webfont.eot'); diff --git a/_sass/fonts/worksans/_thin.scss b/_sass/fonts/worksans/_thin.scss new file mode 100644 index 0000000..afb2a33 --- /dev/null +++ b/_sass/fonts/worksans/_thin.scss @@ -0,0 +1,10 @@ +@font-face { + font-family: 'Work Sans'; + src: url('../fonts/worksans/worksans-thin-webfont.eot'); + src: url('../fonts/worksans/worksans-thin-webfont.eot?#iefix') format('embedded-opentype'), + url('../fonts/worksans/worksans-thin-webfont.woff2') format('woff2'), + url('../fonts/worksans/worksans-thin-webfont.woff') format('woff'), + url('../fonts/worksans/worksans-thin-webfont.ttf') format('truetype'); + font-weight: 100; + font-style: normal; +} diff --git a/assets/css/style.scss b/assets/css/style.scss index 78a1f8a..59b80b0 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -8,6 +8,7 @@ @import "colors"; @import "typography"; @import "layout"; +@import "directives"; //stuff every page needs @import "header"; diff --git a/assets/fonts/worksans/worksans-black-webfont.eot b/assets/fonts/worksans/worksans-black-webfont.eot new file mode 100644 index 0000000..9a547c9 Binary files /dev/null and b/assets/fonts/worksans/worksans-black-webfont.eot differ diff --git a/assets/fonts/worksans/worksans-black-webfont.ttf b/assets/fonts/worksans/worksans-black-webfont.ttf new file mode 100644 index 0000000..76b1e0c Binary files /dev/null and b/assets/fonts/worksans/worksans-black-webfont.ttf differ diff --git a/assets/fonts/worksans/worksans-black-webfont.woff b/assets/fonts/worksans/worksans-black-webfont.woff new file mode 100644 index 0000000..86a44a2 Binary files /dev/null and b/assets/fonts/worksans/worksans-black-webfont.woff differ diff --git a/assets/fonts/worksans/worksans-black-webfont.woff2 b/assets/fonts/worksans/worksans-black-webfont.woff2 new file mode 100644 index 0000000..38c41bd Binary files /dev/null and b/assets/fonts/worksans/worksans-black-webfont.woff2 differ diff --git a/assets/fonts/worksans/worksans-extrabold-webfont.eot b/assets/fonts/worksans/worksans-extrabold-webfont.eot new file mode 100644 index 0000000..97e2d52 Binary files /dev/null and b/assets/fonts/worksans/worksans-extrabold-webfont.eot differ diff --git a/assets/fonts/worksans/worksans-extrabold-webfont.ttf b/assets/fonts/worksans/worksans-extrabold-webfont.ttf new file mode 100644 index 0000000..92df969 Binary files /dev/null and b/assets/fonts/worksans/worksans-extrabold-webfont.ttf differ diff --git a/assets/fonts/worksans/worksans-extrabold-webfont.woff b/assets/fonts/worksans/worksans-extrabold-webfont.woff new file mode 100644 index 0000000..13d894e Binary files /dev/null and b/assets/fonts/worksans/worksans-extrabold-webfont.woff differ diff --git a/assets/fonts/worksans/worksans-extrabold-webfont.woff2 b/assets/fonts/worksans/worksans-extrabold-webfont.woff2 new file mode 100644 index 0000000..68b988d Binary files /dev/null and b/assets/fonts/worksans/worksans-extrabold-webfont.woff2 differ diff --git a/assets/fonts/worksans/worksans-extralight-webfont.eot b/assets/fonts/worksans/worksans-extralight-webfont.eot new file mode 100644 index 0000000..891a0b8 Binary files /dev/null and b/assets/fonts/worksans/worksans-extralight-webfont.eot differ diff --git a/assets/fonts/worksans/worksans-extralight-webfont.ttf b/assets/fonts/worksans/worksans-extralight-webfont.ttf new file mode 100644 index 0000000..3baccd1 Binary files /dev/null and b/assets/fonts/worksans/worksans-extralight-webfont.ttf differ diff --git a/assets/fonts/worksans/worksans-extralight-webfont.woff b/assets/fonts/worksans/worksans-extralight-webfont.woff new file mode 100644 index 0000000..fc8212f Binary files /dev/null and b/assets/fonts/worksans/worksans-extralight-webfont.woff differ diff --git a/assets/fonts/worksans/worksans-extralight-webfont.woff2 b/assets/fonts/worksans/worksans-extralight-webfont.woff2 new file mode 100644 index 0000000..9abf088 Binary files /dev/null and b/assets/fonts/worksans/worksans-extralight-webfont.woff2 differ diff --git a/assets/fonts/worksans/worksans-hairline-webfont.eot b/assets/fonts/worksans/worksans-hairline-webfont.eot new file mode 100644 index 0000000..bdc341e Binary files /dev/null and b/assets/fonts/worksans/worksans-hairline-webfont.eot differ diff --git a/assets/fonts/worksans/worksans-hairline-webfont.ttf b/assets/fonts/worksans/worksans-hairline-webfont.ttf new file mode 100644 index 0000000..34d05f2 Binary files /dev/null and b/assets/fonts/worksans/worksans-hairline-webfont.ttf differ diff --git a/assets/fonts/worksans/worksans-hairline-webfont.woff b/assets/fonts/worksans/worksans-hairline-webfont.woff new file mode 100644 index 0000000..542f690 Binary files /dev/null and b/assets/fonts/worksans/worksans-hairline-webfont.woff differ diff --git a/assets/fonts/worksans/worksans-hairline-webfont.woff2 b/assets/fonts/worksans/worksans-hairline-webfont.woff2 new file mode 100644 index 0000000..013e8f6 Binary files /dev/null and b/assets/fonts/worksans/worksans-hairline-webfont.woff2 differ diff --git a/assets/fonts/worksans/worksans-light-webfont.eot b/assets/fonts/worksans/worksans-light-webfont.eot new file mode 100644 index 0000000..30b6d55 Binary files /dev/null and b/assets/fonts/worksans/worksans-light-webfont.eot differ diff --git a/assets/fonts/worksans/worksans-light-webfont.ttf b/assets/fonts/worksans/worksans-light-webfont.ttf new file mode 100644 index 0000000..a937f82 Binary files /dev/null and b/assets/fonts/worksans/worksans-light-webfont.ttf differ diff --git a/assets/fonts/worksans/worksans-light-webfont.woff b/assets/fonts/worksans/worksans-light-webfont.woff new file mode 100644 index 0000000..4f25edd Binary files /dev/null and b/assets/fonts/worksans/worksans-light-webfont.woff differ diff --git a/assets/fonts/worksans/worksans-light-webfont.woff2 b/assets/fonts/worksans/worksans-light-webfont.woff2 new file mode 100644 index 0000000..c2ae3da Binary files /dev/null and b/assets/fonts/worksans/worksans-light-webfont.woff2 differ diff --git a/assets/fonts/worksans/worksans-medium-webfont.eot b/assets/fonts/worksans/worksans-medium-webfont.eot new file mode 100644 index 0000000..8b4cbf6 Binary files /dev/null and b/assets/fonts/worksans/worksans-medium-webfont.eot differ diff --git a/assets/fonts/worksans/worksans-medium-webfont.ttf b/assets/fonts/worksans/worksans-medium-webfont.ttf new file mode 100644 index 0000000..d5dd5d3 Binary files /dev/null and b/assets/fonts/worksans/worksans-medium-webfont.ttf differ diff --git a/assets/fonts/worksans/worksans-medium-webfont.woff b/assets/fonts/worksans/worksans-medium-webfont.woff new file mode 100644 index 0000000..7645912 Binary files /dev/null and b/assets/fonts/worksans/worksans-medium-webfont.woff differ diff --git a/assets/fonts/worksans/worksans-medium-webfont.woff2 b/assets/fonts/worksans/worksans-medium-webfont.woff2 new file mode 100644 index 0000000..3444310 Binary files /dev/null and b/assets/fonts/worksans/worksans-medium-webfont.woff2 differ diff --git a/assets/fonts/worksans/worksans-thin-webfont.eot b/assets/fonts/worksans/worksans-thin-webfont.eot new file mode 100644 index 0000000..d2a895b Binary files /dev/null and b/assets/fonts/worksans/worksans-thin-webfont.eot differ diff --git a/assets/fonts/worksans/worksans-thin-webfont.ttf b/assets/fonts/worksans/worksans-thin-webfont.ttf new file mode 100644 index 0000000..d045317 Binary files /dev/null and b/assets/fonts/worksans/worksans-thin-webfont.ttf differ diff --git a/assets/fonts/worksans/worksans-thin-webfont.woff b/assets/fonts/worksans/worksans-thin-webfont.woff new file mode 100644 index 0000000..a57f5c3 Binary files /dev/null and b/assets/fonts/worksans/worksans-thin-webfont.woff differ diff --git a/assets/fonts/worksans/worksans-thin-webfont.woff2 b/assets/fonts/worksans/worksans-thin-webfont.woff2 new file mode 100644 index 0000000..d950d01 Binary files /dev/null and b/assets/fonts/worksans/worksans-thin-webfont.woff2 differ