diff --git a/css/fonts.css b/css/fonts.css index 623162e..a472e1f 100644 --- a/css/fonts.css +++ b/css/fonts.css @@ -1,161 +1,3 @@ @import url("fonts/opensans/stylesheet.css"); @import url("fonts/kingthings_christmas/stylesheet.css"); - - -/* Generated by Font Squirrel (http://www.fontsquirrel.com) */ - -/* - * Open Sans -================================================================================ */ -/*@font-face { - font-family: 'opensans-regular'; - src: url('fonts/opensans/OpenSans-Regular-webfont.eot'); - src: url('fonts/opensans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-Regular-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-Regular-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'opensans-italic'; - src: url('fonts/opensans/OpenSans-Italic-webfont.eot'); - src: url('fonts/opensans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-Italic-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-Italic-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'opensans-light'; - src: url('fonts/opensans/OpenSans-Light-webfont.eot'); - src: url('fonts/opensans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-Light-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-Light-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-Light-webfont.svg#open_sanslight') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'opensans-light-italic'; - src: url('fonts/opensans/OpenSans-LightItalic-webfont.eot'); - src: url('fonts/opensans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-LightItalic-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-LightItalic-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'opensans-semibold'; - src: url('fonts/opensans/OpenSans-Semibold-webfont.eot'); - src: url('fonts/opensans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-Semibold-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-Semibold-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'opensans-semibold-italic'; - src: url('fonts/opensans/OpenSans-SemiboldItalic-webfont.eot'); - src: url('fonts/opensans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-SemiboldItalic-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'opensans-bold'; - src: url('fonts/opensans/OpenSans-Bold-webfont.eot'); - src: url('fonts/opensans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-Bold-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-Bold-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'opensans-bold-italic'; - src: url('fonts/opensans/OpenSans-BoldItalic-webfont.eot'); - src: url('fonts/opensans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-BoldItalic-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-BoldItalic-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-BoldItalic-webfont.svg#open_sansbold_italic') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'opensans-extrabold'; - src: url('fonts/opensans/OpenSans-ExtraBold-webfont.eot'); - src: url('fonts/opensans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-ExtraBold-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-ExtraBold-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'opensans-extrabold-italic'; - src: url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot'); - src: url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'), - url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'), - url('fonts/opensans/OpenSans-ExtraBoldItalic-webfont.svg#open_sansextrabold_italic') format('svg'); - font-weight: normal; - font-style: normal; -}*/ - -/* - * Libre Baskerville -================================================================================ */ -@font-face { - font-family: 'librebaskerville-bold'; - src: url('fonts/librebaskerville/librebaskerville-bold-webfont.eot'); - src: url('fonts/librebaskerville/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/librebaskerville/librebaskerville-bold-webfont.woff') format('woff'), - url('fonts/librebaskerville/librebaskerville-bold-webfont.ttf') format('truetype'), - url('fonts/librebaskerville/librebaskerville-bold-webfont.svg#libre_baskervillebold') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'librebaskerville-italic'; - src: url('fonts/librebaskerville/librebaskerville-italic-webfont.eot'); - src: url('fonts/librebaskerville/librebaskerville-italic-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/librebaskerville/librebaskerville-italic-webfont.woff') format('woff'), - url('fonts/librebaskerville/librebaskerville-italic-webfont.ttf') format('truetype'), - url('fonts/librebaskerville/librebaskerville-italic-webfont.svg#libre_baskervilleitalic') format('svg'); - font-weight: normal; - font-style: normal; -} -@font-face { - font-family: 'librebaskerville-regular'; - src: url('fonts/librebaskerville/librebaskerville-regular-webfont.eot'); - src: url('fonts/librebaskerville/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'), - url('fonts/librebaskerville/librebaskerville-regular-webfont.woff') format('woff'), - url('fonts/librebaskerville/librebaskerville-regular-webfont.ttf') format('truetype'), - url('fonts/librebaskerville/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg'); - font-weight: normal; - font-style: normal; -} - - -/* - * FIXED for Font-Face Chrome Rendering -================================================================================ */ -@media screen and (-webkit-min-device-pixel-ratio:0) { - - @font-face { - font-family: 'opensans-semibold'; - src: url('fonts/opensans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg'); - } - - @font-face { - font-family: 'opensans-bold'; - src: url('fonts/opensans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg'); - } - -} +@import url("fonts/librebaskerville/stylesheet.css"); diff --git a/css/style.css b/css/style.css index f5775aa..18b9389 100644 --- a/css/style.css +++ b/css/style.css @@ -46,22 +46,33 @@ header { /************************************************/ /* A place for temporary campaigns / sticker on home banner */ -.stop13 { - background: url(../images/stop13.png) no-repeat center center; +.sticker { + background: url(../images/alias-challenge.png) no-repeat center center; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); position: absolute; - left: 10%; - bottom: 15%; + left: 7%; + bottom: 20%; width: 600px; - height: 300px; + height: 600px; } -@media only screen and (max-width: 640px) { - .stop13 { +@media only screen and (max-width: 830px) { + .sticker { background-size: 400px; width: 400px; - height: 200px; + height: 400px; + bottom: 15%; + } + } + +@media only screen and (max-width: 640px) { + .sticker { + background-size: 300px; + width: 300px; + height: 300px; + bottom: 20%; + left: 3%; } } @@ -88,8 +99,11 @@ header { .challenges { margin-top:-60px; -} +} +.challenges .client-item { + height: 220px; +} /* Rank --------------------------------------*/ diff --git a/images/alias-challenge.png b/images/alias-challenge.png new file mode 100644 index 0000000..486bca1 Binary files /dev/null and b/images/alias-challenge.png differ diff --git a/images/beets.jpg b/images/beets.jpg new file mode 100644 index 0000000..bf22106 Binary files /dev/null and b/images/beets.jpg differ diff --git a/images/header-background.jpg b/images/header-background.jpg index bf22106..9fed8ca 100644 Binary files a/images/header-background.jpg and b/images/header-background.jpg differ diff --git a/images/logo_white.png b/images/logo_white.png index 97c0067..ea6ec4f 100644 Binary files a/images/logo_white.png and b/images/logo_white.png differ diff --git a/templates/partials/header.html.twig b/templates/partials/header.html.twig index ab26cd6..934b7f0 100644 --- a/templates/partials/header.html.twig +++ b/templates/partials/header.html.twig @@ -7,7 +7,7 @@

{{ site.header.title }}

{{ site.header.description }}

- +
{% if site.social %}