diff --git a/_src/_assets/images/nosprite/starbase-guides.svg b/_src/_assets/images/nosprite/starbase-guides.svg new file mode 100644 index 0000000..2612699 --- /dev/null +++ b/_src/_assets/images/nosprite/starbase-guides.svg @@ -0,0 +1,141 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/_src/_assets/styles/_page-guides.scss b/_src/_assets/styles/_page-guides.scss index 1e19db9..14097c2 100644 --- a/_src/_assets/styles/_page-guides.scss +++ b/_src/_assets/styles/_page-guides.scss @@ -1,3 +1,25 @@ +.header--guides { + background: url('../img/nosprite/starbase-guides.svg') no-repeat center bottom; + background-size: contain; + padding-bottom: 17%; + + &:before { + display: none; + } + + > .row { + @extend .row--wide; + } + + .header__tagline { + @media ($screen-sm) { + max-width: 40rem; + margin-left: auto; + margin-right: auto; + } + } +} + .content--guide { .content--page--markdown { padding-top: $spacer * 4; @@ -66,6 +88,7 @@ @include color-overlay; background-size: cover; background-position: center; + background-image: url('../img/hero-berlin.jpg'); display: block; box-shadow: none; background-color: $brand-main-blue-dark; diff --git a/_src/_includes/header.html b/_src/_includes/header.html index 0452362..d4b528f 100644 --- a/_src/_includes/header.html +++ b/_src/_includes/header.html @@ -1,4 +1,4 @@ -