From 9b9855f138474091e902f979e6dfbd64187aeb3b Mon Sep 17 00:00:00 2001 From: Jason Costello Date: Tue, 21 Feb 2017 10:45:56 -0800 Subject: [PATCH 01/13] Wire up Klavika, remove Museo declarations --- website/source/assets/stylesheets/_docs.scss | 5 +---- website/source/assets/stylesheets/_fonts.scss | 21 ------------------- .../source/assets/stylesheets/_global.scss | 12 +++++++++-- website/source/assets/stylesheets/_home.scss | 11 +++++----- .../source/assets/stylesheets/_variables.scss | 5 +++-- .../assets/stylesheets/application.scss | 3 --- website/source/layouts/_header.erb | 4 ++++ 7 files changed, 23 insertions(+), 38 deletions(-) delete mode 100755 website/source/assets/stylesheets/_fonts.scss diff --git a/website/source/assets/stylesheets/_docs.scss b/website/source/assets/stylesheets/_docs.scss index 98a67644d..442ca26fe 100755 --- a/website/source/assets/stylesheets/_docs.scss +++ b/website/source/assets/stylesheets/_docs.scss @@ -129,7 +129,7 @@ body.layout-intro{ > a { text-transform: uppercase; - font-family: $font-family-museo; + font-family: $font-family-open-sans; font-weight: $font-weight-museo-sb; -webkit-font-smoothing: antialiased; } @@ -144,7 +144,6 @@ body.layout-intro{ > a{ -webkit-font-smoothing: antialiased; - font-family: $font-family-source-sans; padding: 6px 15px; } @@ -156,7 +155,6 @@ body.layout-intro{ padding: 6px 0; > a{ -webkit-font-smoothing: antialiased; - font-family: $font-family-source-sans; } } } @@ -189,7 +187,6 @@ body.layout-intro{ p, li, .alert { font-size: 20px; - font-family: $font-family-source-sans; font-weight: $font-weight-open; line-height: 1.5em; margin: 0 0 18px; diff --git a/website/source/assets/stylesheets/_fonts.scss b/website/source/assets/stylesheets/_fonts.scss deleted file mode 100755 index 622dc908d..000000000 --- a/website/source/assets/stylesheets/_fonts.scss +++ /dev/null @@ -1,21 +0,0 @@ -// -// Typography -// -------------------------------------------------- - -//light -.rls-l{ - font-family: $font-family-museo; - font-weight: $font-weight-museo-xl; -} - -//semibold -.rls-sb{ - font-family: $font-family-museo; - font-weight: $font-weight-museo-sb; -} - -//extrabold -.rls-xb{ - font-family: $font-family-museo; - font-weight: $font-weight-museo-xb; -} diff --git a/website/source/assets/stylesheets/_global.scss b/website/source/assets/stylesheets/_global.scss index bb34b2df3..572f5cc8a 100755 --- a/website/source/assets/stylesheets/_global.scss +++ b/website/source/assets/stylesheets/_global.scss @@ -13,10 +13,14 @@ body { font-weight: 300; } +h1, h2, h3, h4, h5 { + font-family: $font-family-klavika; +} + h1{ font-size: 42px; line-height: 42px; - font-family: $font-family-museo; + font-family: $font-family-klavika; font-weight: $font-weight-museo-sb; margin-bottom: 24px; } @@ -24,10 +28,14 @@ h1{ h3{ font-size: 28px; line-height: 28px; - font-family: $font-family-museo; + font-family: $font-family-klavika; font-weight: $font-weight-museo-sb; } +p { + font-family: $font-family-open-sans; +} + //an alternative color for buttons in the doc body .btn-serf{ color: $white !important; diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index 3dd9d2647..cb6b4f962 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -21,7 +21,7 @@ body.page-home{ font-size: 24px; letter-spacing: 2px; color: $purple; - font-family: $font-family-museo; + font-family: $font-family-klavika; font-weight: $font-weight-museo-xb; } p{ @@ -29,7 +29,7 @@ body.page-home{ letter-spacing: 1px; line-height: 1.5em; color: $consul-gray; - font-family: $font-family-museo; + font-family: $font-family-open-sans; font-weight: $font-weight-museo-sb; } @@ -112,7 +112,6 @@ body.page-home{ letter-spacing: 1px; line-height: 1.5em; color: $consul-gray; - font-family: $font-family-museo; font-weight: $font-weight-museo-sb; } @@ -150,7 +149,7 @@ body.page-home{ h2 { font-size: 22px; text-transform: uppercase; - font-family: $font-family-museo; + font-family: $font-family-klavika; font-weight: $font-weight-museo-xb; } @@ -159,7 +158,7 @@ body.page-home{ letter-spacing: 1px; line-height: 1.5em; color: $consul-gray; - font-family: $font-family-museo; + font-family: $font-family-open-sans; font-weight: $font-weight-museo-sb; } } @@ -213,7 +212,7 @@ body.page-home{ font-size: 14px; letter-spacing: 1px; color: $gray-darker; - font-family: $font-family-museo; + font-family: $font-family-klavika; font-weight: $font-weight-museo-xb; } diff --git a/website/source/assets/stylesheets/_variables.scss b/website/source/assets/stylesheets/_variables.scss index a6049b0ee..82de86e75 100755 --- a/website/source/assets/stylesheets/_variables.scss +++ b/website/source/assets/stylesheets/_variables.scss @@ -46,8 +46,9 @@ $link-hover-color: darken($link-color, 15%); // Typography // ------------------------- -$font-family-museo: 'museo-sans', "Helvetica Neue", Helvetica, Arial, sans-serif; -$font-family-source-sans: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-open-sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-klavika: "klavika-web", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; +$font-family-mono: "Courier New", Monaco, Menlo, Consolas, monospace; $font-weight-museo-xl: 100; $font-weight-museo-reg: 300; $font-weight-museo-sb: 500; diff --git a/website/source/assets/stylesheets/application.scss b/website/source/assets/stylesheets/application.scss index f20d2ee0f..a4ce07f3e 100644 --- a/website/source/assets/stylesheets/application.scss +++ b/website/source/assets/stylesheets/application.scss @@ -11,9 +11,6 @@ // Utility classes @import "_utilities"; -// Core CSS -@import "_fonts"; - //Global Site @import "_global"; diff --git a/website/source/layouts/_header.erb b/website/source/layouts/_header.erb index 8f5417a95..cb9095215 100644 --- a/website/source/layouts/_header.erb +++ b/website/source/layouts/_header.erb @@ -29,6 +29,10 @@ })(window,document,'script','dataLayer','GTM-NR2SD7C'); + + + + <%= yield_content :head %> From f1a74ad675e21b88e79321f9a3055706f5263db8 Mon Sep 17 00:00:00 2001 From: Jason Costello Date: Tue, 21 Feb 2017 14:37:51 -0800 Subject: [PATCH 02/13] Remove refs to Museo --- website/source/assets/stylesheets/_docs.scss | 10 +++++----- website/source/assets/stylesheets/_global.scss | 5 +++-- website/source/assets/stylesheets/_home.scss | 13 ++++++------- website/source/assets/stylesheets/_variables.scss | 2 +- 4 files changed, 15 insertions(+), 15 deletions(-) diff --git a/website/source/assets/stylesheets/_docs.scss b/website/source/assets/stylesheets/_docs.scss index 442ca26fe..67600e4cb 100755 --- a/website/source/assets/stylesheets/_docs.scss +++ b/website/source/assets/stylesheets/_docs.scss @@ -103,25 +103,25 @@ body.layout-intro{ /*> a:hover, > a:focus { - font-weight: $font-weight-museo-xb; + font-weight: font-weight-xb; }*/ .nav { display: block; li.active a { - font-weight: $font-weight-museo-xb; + font-weight: font-weight-xb; } li.active .subnav { display: block; li a { - font-weight: $font-weight-museo-sb; + font-weight: $font-weight-sb; } li.active a { - font-weight: $font-weight-museo-xb; + font-weight: font-weight-xb; } } } @@ -130,7 +130,7 @@ body.layout-intro{ > a { text-transform: uppercase; font-family: $font-family-open-sans; - font-weight: $font-weight-museo-sb; + font-weight: $font-weight-sb; -webkit-font-smoothing: antialiased; } } diff --git a/website/source/assets/stylesheets/_global.scss b/website/source/assets/stylesheets/_global.scss index 572f5cc8a..054c7919a 100755 --- a/website/source/assets/stylesheets/_global.scss +++ b/website/source/assets/stylesheets/_global.scss @@ -15,13 +15,14 @@ body { h1, h2, h3, h4, h5 { font-family: $font-family-klavika; + text-transform: uppercase; } h1{ font-size: 42px; line-height: 42px; font-family: $font-family-klavika; - font-weight: $font-weight-museo-sb; + font-weight: $font-weight-sb; margin-bottom: 24px; } @@ -29,7 +30,7 @@ h3{ font-size: 28px; line-height: 28px; font-family: $font-family-klavika; - font-weight: $font-weight-museo-sb; + font-weight: $font-weight-sb; } p { diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index cb6b4f962..4eb55c381 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -22,15 +22,14 @@ body.page-home{ letter-spacing: 2px; color: $purple; font-family: $font-family-klavika; - font-weight: $font-weight-museo-xb; + font-weight: font-weight-xb; } p{ font-size: 16px; - letter-spacing: 1px; line-height: 1.5em; color: $consul-gray; font-family: $font-family-open-sans; - font-weight: $font-weight-museo-sb; + font-weight: $font-weight-sb; } .icn{ @@ -112,7 +111,7 @@ body.page-home{ letter-spacing: 1px; line-height: 1.5em; color: $consul-gray; - font-weight: $font-weight-museo-sb; + font-weight: $font-weight-sb; } @@ -150,7 +149,7 @@ body.page-home{ font-size: 22px; text-transform: uppercase; font-family: $font-family-klavika; - font-weight: $font-weight-museo-xb; + font-weight: font-weight-xb; } p{ @@ -159,7 +158,7 @@ body.page-home{ line-height: 1.5em; color: $consul-gray; font-family: $font-family-open-sans; - font-weight: $font-weight-museo-sb; + font-weight: $font-weight-sb; } } @@ -213,7 +212,7 @@ body.page-home{ letter-spacing: 1px; color: $gray-darker; font-family: $font-family-klavika; - font-weight: $font-weight-museo-xb; + font-weight: font-weight-xb; } ul.shell-dots{ diff --git a/website/source/assets/stylesheets/_variables.scss b/website/source/assets/stylesheets/_variables.scss index 82de86e75..ba88927c0 100755 --- a/website/source/assets/stylesheets/_variables.scss +++ b/website/source/assets/stylesheets/_variables.scss @@ -52,7 +52,7 @@ $font-family-mono: "Courier New", Monaco, Menlo, Consolas, monospace; $font-weight-museo-xl: 100; $font-weight-museo-reg: 300; $font-weight-museo-sb: 500; -$font-weight-museo-xb: 700; +font-weight-xb: 700; $font-weight-open: $font-weight-museo-reg; From 72d666acaf15e1fcaacde1f265c93c851c36d985 Mon Sep 17 00:00:00 2001 From: Jason Costello Date: Tue, 21 Feb 2017 15:11:57 -0800 Subject: [PATCH 03/13] Various adjustments --- website/source/assets/stylesheets/_home.scss | 2 +- website/source/assets/stylesheets/_jumbotron.scss | 6 +++--- website/source/assets/stylesheets/_variables.scss | 10 +++++----- website/source/index.html.erb | 4 +++- 4 files changed, 12 insertions(+), 10 deletions(-) diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index 4eb55c381..332da8aec 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -19,7 +19,7 @@ body.page-home{ h2{ font-size: 24px; - letter-spacing: 2px; + letter-spacing: 1px; color: $purple; font-family: $font-family-klavika; font-weight: font-weight-xb; diff --git a/website/source/assets/stylesheets/_jumbotron.scss b/website/source/assets/stylesheets/_jumbotron.scss index c4059f6f3..3511e939d 100755 --- a/website/source/assets/stylesheets/_jumbotron.scss +++ b/website/source/assets/stylesheets/_jumbotron.scss @@ -43,6 +43,7 @@ position: relative; height: 100%; margin-top: $header-height; + padding-left: 0; -webkit-backface-visibility:hidden; .jumbo-logo-wrap{ @@ -58,18 +59,17 @@ } h2{ - margin-top: 175px; + margin-top: 220px; font-size: 40px; line-height: 48px; letter-spacing: 1px; - margin-left: 40px; } } } @media (max-width: 992px) { #jumbotron .container { - h2{ + h2, p.lead{ text-align: center; margin-left: 0; } diff --git a/website/source/assets/stylesheets/_variables.scss b/website/source/assets/stylesheets/_variables.scss index ba88927c0..2fa9161a5 100755 --- a/website/source/assets/stylesheets/_variables.scss +++ b/website/source/assets/stylesheets/_variables.scss @@ -49,11 +49,11 @@ $link-hover-color: darken($link-color, 15%); $font-family-open-sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; $font-family-klavika: "klavika-web", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; $font-family-mono: "Courier New", Monaco, Menlo, Consolas, monospace; -$font-weight-museo-xl: 100; -$font-weight-museo-reg: 300; -$font-weight-museo-sb: 500; -font-weight-xb: 700; -$font-weight-open: $font-weight-museo-reg; +$font-weight-xl: 100; +$font-weight-reg: 300; +$font-weight-sb: 500; +$font-weight-xb: 700; +$font-weight-open: $font-weight-reg; $text-shadow: 1px 1px 1px #000; diff --git a/website/source/index.html.erb b/website/source/index.html.erb index 5bf9fb98d..a12a18a48 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -12,9 +12,11 @@ description: |-

Service discovery and configuration made easy. +

+

Distributed, highly available, and datacenter-aware. - +