diff --git a/docs/_assets/customize.svg b/docs/_assets/customize.svg index 258cd240..5739ab35 100644 --- a/docs/_assets/customize.svg +++ b/docs/_assets/customize.svg @@ -1,23 +1,18 @@ - - - Group + + + customize Created with Sketch. - - - - - - - - - - - - - + + + + + + + + \ No newline at end of file diff --git a/docs/_assets/customize_mo.svg b/docs/_assets/customize_mo.svg index d5704fc0..380464b0 100644 --- a/docs/_assets/customize_mo.svg +++ b/docs/_assets/customize_mo.svg @@ -1,23 +1,19 @@ - - - mo + + + customize copy Created with Sketch. - - - - - - - - - - - - - + + + + + + + + + \ No newline at end of file diff --git a/docs/_assets/header.jpg b/docs/_assets/header.jpg new file mode 100644 index 00000000..c8488675 Binary files /dev/null and b/docs/_assets/header.jpg differ diff --git a/docs/_assets/header_2x.jpg b/docs/_assets/header_2x.jpg new file mode 100644 index 00000000..335129ee Binary files /dev/null and b/docs/_assets/header_2x.jpg differ diff --git a/docs/_assets/logo.svg b/docs/_assets/logo.svg index fc1429a8..dc1784bb 100644 --- a/docs/_assets/logo.svg +++ b/docs/_assets/logo.svg @@ -1,17 +1,12 @@ - - - MDL logo + + + MDL-logo Created with Sketch. - - + \ No newline at end of file diff --git a/docs/_assets/main.css b/docs/_assets/main.css index 0e07e3c1..b073d403 100644 --- a/docs/_assets/main.css +++ b/docs/_assets/main.css @@ -8,6 +8,10 @@ html > body { background-repeat: no-repeat; background-position: center center; box-shadow: none !important; + align-items: flex-start; + padding: 40px; + flex-shrink: 0; + position: relative; } .mdl-layout__header .mdl-textfield { padding-top: 0; @@ -17,8 +21,14 @@ html > body { align-items: flex-start; height: auto; } +.mdl-layout__header > .mdl-navigation { + position: absolute; + bottom: 1px; + left: 0; + width: 100%; +} .mdl-layout-title { - font-weight: 300; + font-weight: 500; text-transform: uppercase; line-height: 1.5em; font-size: 1rem; @@ -30,8 +40,27 @@ html > body { background-color: #37474f; background-image: url('logo.svg'); } -.about .mdl-navigation { - background-color: #37474f; +.mdl-layout__header { + box-shadow: none !important; +} +body.about .mdl-layout__header { + background: url('logo.svg'), url('header.jpg'); + background-size: auto 30%, cover; + background-repeat: no-repeat, no-repeat; + background-position: center center, center center; +} +@media all and (-webkit-min-device-pixel-ratio: 2) { + .about .mdl-layout__header { + background: url('logo.svg'), url('header_2x.jpg'); + background-size: auto 30%, cover; + background-repeat: no-repeat, no-repeat; + background-position: center center, center center; + } +} +body:not(.about) .mdl-layout__header { + background-size: auto 30%; + background-repeat: no-repeat; + background-position: center center; } .templates .mdl-layout__header { background-color: #00ACC2; @@ -69,8 +98,17 @@ html > body { height: 64px; flex-shrink: 0; } +.mdl-navigation span.mdl-icon { + font-size: 24px; + margin-right: 8px; +} .mdl-navigation a { - font-weight: 300; + display: flex; +} +.mdl-navigation a, section.download { + font-weight: 500; + font-size: 13px; + text-transform: uppercase; line-height: 64px; padding: 0 24px; color: white; @@ -83,9 +121,22 @@ html > body { .mdl-navigation a:not(.download) { opacity: 0.65; } +.mdl-navigation a.download > span { + opacity: 0.65; +} +.mdl-navigation .mdl-layout-spacer ~ a { + text-transform: none; +} +.mdl-navigation .mdl-layout-spacer ~ a:hover { + background-color: transparent; +} .mdl-navigation a.download { text-decoration: none; } +.mdl-navigation a.download > span { + color: inherit; + text-decoration: inherit; +} .mdl-navigation a.download button { margin-left: 8px; } diff --git a/docs/_assets/styles.svg b/docs/_assets/styles.svg index 1b692043..da1cc22b 100644 --- a/docs/_assets/styles.svg +++ b/docs/_assets/styles.svg @@ -1,24 +1,15 @@ - - + + styles Created with Sketch. - - - - - - - - - - - - + + + - + \ No newline at end of file diff --git a/docs/_assets/styles_mo.svg b/docs/_assets/styles_mo.svg index 54877034..553a4ae8 100644 --- a/docs/_assets/styles_mo.svg +++ b/docs/_assets/styles_mo.svg @@ -1,24 +1,15 @@ - - - styles_mo + + + styles Created with Sketch. - - - - - - - - - - - - + + + - + \ No newline at end of file diff --git a/docs/_assets/templates.svg b/docs/_assets/templates.svg index 112de8c4..910d8a35 100644 --- a/docs/_assets/templates.svg +++ b/docs/_assets/templates.svg @@ -1,15 +1,17 @@ - - - Path 1 + Path 1 + Path 1 + + + templates_mo Created with Sketch. - - - - - + + + + + + + diff --git a/docs/_assets/templates_mo.svg b/docs/_assets/templates_mo.svg index 19a0e202..3f74cf22 100644 --- a/docs/_assets/templates_mo.svg +++ b/docs/_assets/templates_mo.svg @@ -1,15 +1,17 @@ - - - Path 1 + Path 1 + Path 1 + + + templates_mo Created with Sketch. - - - - - + + + + + + + diff --git a/docs/_templates/layout.html b/docs/_templates/layout.html index 73e25d31..cf037c38 100644 --- a/docs/_templates/layout.html +++ b/docs/_templates/layout.html @@ -58,22 +58,22 @@ +
+ GitHub + + Download + + + -
{% block content %}