Add data.coop banner
This commit is contained in:
parent
93a6fedc01
commit
9996a3036f
2
_includes/datacoopbanner.html
Normal file
2
_includes/datacoopbanner.html
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
<div class="ribbonbanner shadow">Brought to you by <br />
|
||||||
|
<a href="https://data.coop">data.coop</a></div>
|
|
@ -9,6 +9,7 @@
|
||||||
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
|
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
{% include datacoopbanner.html %}
|
||||||
<section class="page-header">
|
<section class="page-header">
|
||||||
<h1 class="project-name"><a href="/">{{ site.title }}</a></h1>
|
<h1 class="project-name"><a href="/">{{ site.title }}</a></h1>
|
||||||
<h2 class="project-tagline">{{ site.description }}</h2>
|
<h2 class="project-tagline">{{ site.description }}</h2>
|
||||||
|
|
15
_sass/banners.scss
Normal file
15
_sass/banners.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
|
@ -1,6 +1,8 @@
|
||||||
|
@import "variables";
|
||||||
@import "normalize";
|
@import "normalize";
|
||||||
@import "rouge-github";
|
@import "rouge-github";
|
||||||
@import "variables";
|
@import "banners";
|
||||||
|
|
||||||
|
|
||||||
@mixin large {
|
@mixin large {
|
||||||
@media screen and (min-width: #{$large-breakpoint}) {
|
@media screen and (min-width: #{$large-breakpoint}) {
|
||||||
|
@ -405,3 +407,7 @@ aside nav {
|
||||||
.site-footer-credits {
|
.site-footer-credits {
|
||||||
color: $blockquote-text-color;
|
color: $blockquote-text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.shadow {
|
||||||
|
box-shadow: 0 0 3px rgba(0,0,0,0.3);
|
||||||
|
}
|
Loading…
Reference in a new issue