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 }}">
|
||||
</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
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 "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);
|
||||
}
|
Loading…
Reference in a new issue