Add data.coop banner

This commit is contained in:
Jesper Hess 2017-01-28 14:40:16 +01:00
parent 93a6fedc01
commit 9996a3036f
Signed by: graffen
GPG Key ID: 351A89E40D763F0F
4 changed files with 25 additions and 1 deletions

View File

@ -0,0 +1,2 @@
<div class="ribbonbanner shadow">Brought to you by <br />
<a href="https://data.coop">data.coop</a></div>

View File

@ -9,6 +9,7 @@
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
</head>
<body>
{% include datacoopbanner.html %}
<section class="page-header">
<h1 class="project-name"><a href="/">{{ site.title }}</a></h1>
<h2 class="project-tagline">{{ site.description }}</h2>

15
_sass/banners.scss Normal file
View File

@ -0,0 +1,15 @@
.ribbonbanner {
padding: 10px 55px;
text-align: center;
position: absolute;
color: $header-heading-color;
background-color: $header-bg-color;
transform: rotate(-45deg);
top: 28px;
left: -60px;
a {
color: $header-heading-color;
text-decoration: underline;
}
}

View File

@ -1,6 +1,8 @@
@import "variables";
@import "normalize";
@import "rouge-github";
@import "variables";
@import "banners";
@mixin large {
@media screen and (min-width: #{$large-breakpoint}) {
@ -405,3 +407,7 @@ aside nav {
.site-footer-credits {
color: $blockquote-text-color;
}
.shadow {
box-shadow: 0 0 3px rgba(0,0,0,0.3);
}