diff --git a/website/_harp.json b/website/_harp.json index 0641234f5..d117f74af 100644 --- a/website/_harp.json +++ b/website/_harp.json @@ -55,7 +55,7 @@ } }, - "V_CSS": "1.3", + "V_CSS": "1.4", "V_JS": "1.2", "DEFAULT_SYNTAX": "python", "ANALYTICS": "UA-58931649-1", diff --git a/website/_includes/_mixins-base.jade b/website/_includes/_mixins-base.jade index 80aa98a00..94b1bfd84 100644 --- a/website/_includes/_mixins-base.jade +++ b/website/_includes/_mixins-base.jade @@ -134,3 +134,8 @@ mixin landing-header() .c-landing__wrapper .c-landing__content block + + +mixin landing-badge(url, graphic, alt, size) + +a(url)(aria-label=alt title=alt).c-landing__badge + +svg("graphics", graphic, size || 225) diff --git a/website/assets/css/_components/_landing.sass b/website/assets/css/_components/_landing.sass index 5bd7e2c43..af1521d10 100644 --- a/website/assets/css/_components/_landing.sass +++ b/website/assets/css/_components/_landing.sass @@ -18,3 +18,11 @@ .c-landing__title color: $color-back text-align: center + +.c-landing__badge + transform: rotate(7deg) + display: block + text-align: center + + @include breakpoint(min, md) + @include position(absolute, top, right, 16rem, 6rem)