From 0701d2dee6868ee3915377bb9f4dfaeb286a6e42 Mon Sep 17 00:00:00 2001 From: captainill Date: Sat, 14 Nov 2015 00:18:37 -0800 Subject: [PATCH] header left logo --- website/www/Gemfile | 2 +- website/www/Gemfile.lock | 9 +- website/www/source/images/logo-header.png | Bin 0 -> 5010 bytes website/www/source/images/logo-header@2x.png | Bin 0 -> 8863 bytes website/www/source/javascripts/vagrantup.js | 4 +- website/www/source/layouts/layout.erb | 45 ++++--- .../{ => layouts}/svg/_svg-by-hashicorp.erb | 0 .../{ => layouts}/svg/_svg-download.erb | 0 .../source/{ => layouts}/svg/_svg-github.erb | 0 .../{ => layouts}/svg/_svg-hashicorp-logo.erb | 0 website/www/source/stylesheets/_header.less | 126 ++++++++++++++++++ website/www/source/stylesheets/_nav.less | 59 ++++++-- .../hashicorp-shared/_hashicorp-header.less | 13 +- .../hashicorp-shared/_hashicorp-utility.less | 21 ++- .../hashicorp-shared/_project-utility.less | 6 +- website/www/source/stylesheets/vagrantup.less | 3 +- 16 files changed, 249 insertions(+), 39 deletions(-) create mode 100644 website/www/source/images/logo-header.png create mode 100644 website/www/source/images/logo-header@2x.png rename website/www/source/{ => layouts}/svg/_svg-by-hashicorp.erb (100%) rename website/www/source/{ => layouts}/svg/_svg-download.erb (100%) rename website/www/source/{ => layouts}/svg/_svg-github.erb (100%) rename website/www/source/{ => layouts}/svg/_svg-hashicorp-logo.erb (100%) create mode 100644 website/www/source/stylesheets/_header.less diff --git a/website/www/Gemfile b/website/www/Gemfile index 074cfa13c..1d1b3a338 100644 --- a/website/www/Gemfile +++ b/website/www/Gemfile @@ -3,7 +3,7 @@ source 'https://rubygems.org' ruby "2.2.2" gem "builder", "~> 3.2.2" -gem "less", "~> 2.2.2" +gem "less", "~> 2.6.0" gem "middleman", "~> 3.1.5" gem "middleman-blog", "~> 3.3.0" gem "middleman-minify-html", "~> 3.1.1" diff --git a/website/www/Gemfile.lock b/website/www/Gemfile.lock index 946a40701..9f7cbd874 100644 --- a/website/www/Gemfile.lock +++ b/website/www/Gemfile.lock @@ -34,8 +34,8 @@ GEM hike (1.2.3) i18n (0.6.11) kramdown (1.9.0) - less (2.2.2) - commonjs (~> 0.2.6) + less (2.6.0) + commonjs (~> 0.2.7) libv8 (3.16.14.13) listen (1.3.1) rb-fsevent (>= 0.9.3) @@ -123,7 +123,7 @@ PLATFORMS DEPENDENCIES builder (~> 3.2.2) highline (~> 1.6.15) - less (~> 2.2.2) + less (~> 2.6.0) middleman (~> 3.1.5) middleman-blog (~> 3.3.0) middleman-minify-html (~> 3.1.1) @@ -133,3 +133,6 @@ DEPENDENCIES redcarpet (~> 3.0.0) therubyracer (~> 0.12.0) thin (~> 1.5.0) + +BUNDLED WITH + 1.10.6 diff --git a/website/www/source/images/logo-header.png b/website/www/source/images/logo-header.png new file mode 100644 index 0000000000000000000000000000000000000000..a058de16f12580fbc7e20901f6569695851d18b3 GIT binary patch literal 5010 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 z 0) $('nav').addClass("drop-shadow"); - if (top === 0) $('nav').removeClass("drop-shadow"); + if (top > 0) $('#header').addClass("drop-shadow"); + if (top === 0) $('header').removeClass("drop-shadow"); }); }); diff --git a/website/www/source/layouts/layout.erb b/website/www/source/layouts/layout.erb index 78d525fe5..5085bca2a 100644 --- a/website/www/source/layouts/layout.erb +++ b/website/www/source/layouts/layout.erb @@ -20,7 +20,7 @@ <%= javascript_include_tag "vagrantup" %> - + @@ -32,20 +32,35 @@
- - - + + <%= partial "layouts/mobile_nav" %> diff --git a/website/www/source/svg/_svg-by-hashicorp.erb b/website/www/source/layouts/svg/_svg-by-hashicorp.erb similarity index 100% rename from website/www/source/svg/_svg-by-hashicorp.erb rename to website/www/source/layouts/svg/_svg-by-hashicorp.erb diff --git a/website/www/source/svg/_svg-download.erb b/website/www/source/layouts/svg/_svg-download.erb similarity index 100% rename from website/www/source/svg/_svg-download.erb rename to website/www/source/layouts/svg/_svg-download.erb diff --git a/website/www/source/svg/_svg-github.erb b/website/www/source/layouts/svg/_svg-github.erb similarity index 100% rename from website/www/source/svg/_svg-github.erb rename to website/www/source/layouts/svg/_svg-github.erb diff --git a/website/www/source/svg/_svg-hashicorp-logo.erb b/website/www/source/layouts/svg/_svg-hashicorp-logo.erb similarity index 100% rename from website/www/source/svg/_svg-hashicorp-logo.erb rename to website/www/source/layouts/svg/_svg-hashicorp-logo.erb diff --git a/website/www/source/stylesheets/_header.less b/website/www/source/stylesheets/_header.less new file mode 100644 index 000000000..b83d9e6a6 --- /dev/null +++ b/website/www/source/stylesheets/_header.less @@ -0,0 +1,126 @@ +// +// Header +// - Project Specific +// - edits should be made here +// -------------------------------------------------- + +#header { + width: 100%; + // font-size: 15px; + text-transform: uppercase; + height: @header-height; + position: fixed; + top: 0; + left: 0; + background-color: @white; + z-index: 9999999999; + + &.docs { + background: @gray-background; + } + + .navbar-brand { + float: left; + .logo{ + padding-left: 36px; + font-size: 0; + line-height: 77px; + width: @project-logo-width; + padding-left: 0; + .img-retina('/images/logo-header.png', @project-logo-width, @project-logo-height, no-repeat); + background-position: 0 center; + + &:hover{ + opacity: .6; + } + } + + .by-hashicorp{ + color: @project-link-color; + + svg{ + path, + polygon{ + fill: @project-link-color; + } + line{ + stroke: @project-link-color; + } + } + + &:hover{ + color: black; + svg{ + path, + polygon{ + fill: black; + } + line{ + stroke: black; + } + } + } + + .svg-wrap{ + font-weight: 400; + } + } + } + + .buttons{ + margin-top: 2px; //baseline everything + + .navigation-links{ + float: right; + } + } + + .main-links, + .external-links { + li > a { + .project-a-style(); + } + } + + .main-links { + li > a { + color: white; + + &:hover{ + color: @project-link-color; + } + } + } +} + +@media (max-width: 768px) { + #header { + .navbar-brand { + + } + } +} + +@media (max-width: 414px) { + #header { + .navbar-brand { + .logo{ + padding-left: 37px; + font-size: 18px; + .img-retina('/images/logo-header.png', @project-logo-width * .75, @project-logo-height * .75, no-repeat); + //background-position: 0 45%; + } + } + } +} + + +@media (max-width: 320px) { + #header { + .navbar-brand { + .logo{ + font-size: 0 !important; //hide terraform text + } + } + } +} diff --git a/website/www/source/stylesheets/_nav.less b/website/www/source/stylesheets/_nav.less index 9c2d5c1bd..05d570861 100644 --- a/website/www/source/stylesheets/_nav.less +++ b/website/www/source/stylesheets/_nav.less @@ -17,14 +17,57 @@ nav { background: @gray-background; } - .vagrant-logo { - display: block; - text-indent: -999999px; - background: url(/images/logo_vagrant.png) no-repeat 0 0; - height: 70px; - width: 275px; - float: left; - margin: 10px 20px; + .logo { + font-size: 0; + .img-retina('/images/logo-header.png', @project-logo-width, @project-logo-height, no-repeat); + background-position: 0, center; + height: @project-logo-height; + width: @project-logo-width; + margin-left: 15px; + &:hover{ + opacity: .6; + } + } + + .by-hashicorp{ + &:hover{ + svg{ + line{ + opacity: .4; + } + } + } + } + + .by-hashicorp{ + color: @project-link-color; + + &:hover{ + color: black; + svg{ + path, + polygon{ + fill: black; + } + line{ + stroke: black; + } + } + } + + .svg-wrap{ + font-weight: 400; + } + + svg{ + path, + polygon{ + fill: @project-link-color; + } + line{ + stroke: @project-link-color; + } + } } .vagrant-docs-logo { diff --git a/website/www/source/stylesheets/hashicorp-shared/_hashicorp-header.less b/website/www/source/stylesheets/hashicorp-shared/_hashicorp-header.less index abb94012c..53f561ab6 100755 --- a/website/www/source/stylesheets/hashicorp-shared/_hashicorp-header.less +++ b/website/www/source/stylesheets/hashicorp-shared/_hashicorp-header.less @@ -2,11 +2,6 @@ // Hashicorp nav // -------------------------------------------------- -#header{ - position: relative; - margin-bottom: 0; -} - .navigation { color: black; text-rendering: optimizeLegibility; @@ -115,7 +110,6 @@ vertical-align:top; padding: 0; line-height: @header-height; - padding-left: @project-logo-width + @project-logo-pad-left; background-position: 0 center; .transition(all 300ms ease-in); @@ -145,7 +139,9 @@ font-family: @header-font-family; font-weight: 600; font-size: 0; + letter-spacing: 0; text-decoration: none; + text-transform: none; &.white{ color: white; @@ -166,8 +162,13 @@ text-decoration: none; } + &:hover{ + .transition(all 300ms ease-in); + } + .svg-wrap{ font-size: 13px; + .transition(all 300ms ease-in); } svg{ diff --git a/website/www/source/stylesheets/hashicorp-shared/_hashicorp-utility.less b/website/www/source/stylesheets/hashicorp-shared/_hashicorp-utility.less index f94100b1b..8ecb75ee6 100755 --- a/website/www/source/stylesheets/hashicorp-shared/_hashicorp-utility.less +++ b/website/www/source/stylesheets/hashicorp-shared/_hashicorp-utility.less @@ -11,7 +11,7 @@ @header-font-family: @font-family-open-sans; @header-font-weight: 600; // semi-bold -@header-height: 74px; +@header-height: 80px; @header-mobile-height: 60px; @by-hashicorp-width: 74px; @by-hashicorp-height: 16px; @@ -38,6 +38,25 @@ } } +.img-retina(@image, @width, @height, @repeat: no-repeat) { + @filename : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[1]`; + @extension : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[2]`; + background-image: ~`"url(@{filename}.@{extension})"`; + background-repeat: @repeat; + + @media + only screen and (-webkit-min-device-pixel-ratio: 2), + only screen and ( min--moz-device-pixel-ratio: 2), + only screen and ( -o-min-device-pixel-ratio: 2/1), + only screen and ( min-device-pixel-ratio: 2), + only screen and ( min-resolution: 192dpi), + only screen and ( min-resolution: 2dppx) { + /* on retina, use image that's scaled by 2 */ + background-image: ~`"url(@{filename}@2x.@{extension})"`; + background-size: @width @height; + } +} + // // ------------------------- .anti-alias() { diff --git a/website/www/source/stylesheets/hashicorp-shared/_project-utility.less b/website/www/source/stylesheets/hashicorp-shared/_project-utility.less index f27a6baaa..03d7eca54 100755 --- a/website/www/source/stylesheets/hashicorp-shared/_project-utility.less +++ b/website/www/source/stylesheets/hashicorp-shared/_project-utility.less @@ -4,14 +4,16 @@ // -------------------------------------------------- // Variables -@project-logo-width: 40px; -@project-logo-height: 40px; +@project-logo-width: 169px; +@project-logo-height: 46px; @project-logo-pad-left: 0px; +@project-link-color: #8d9ba8; // Mixins .project-a-style{ font-weight: 300; opacity: .75; + color: @project-link-color; &:hover{ color: $white; diff --git a/website/www/source/stylesheets/vagrantup.less b/website/www/source/stylesheets/vagrantup.less index be37466e9..de14b3c71 100644 --- a/website/www/source/stylesheets/vagrantup.less +++ b/website/www/source/stylesheets/vagrantup.less @@ -14,7 +14,8 @@ v a g r a n t u p @import 'hashicorp-shared/_hashicorp-header'; @import 'hashicorp-shared/_hashicorp-mobile-nav'; -@import '_nav'; +// @import '_nav'; +@import '_header'; @import '_components'; @import '_modules'; @import '_sidebar';