Compare commits

...

2 Commits

Author SHA1 Message Date
Toshaan Bharvani 5347c2a774 change headlines from menu to data
Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
2 years ago
Toshaan Bharvani 93933e4165 add a headline at the bottom of the navbar just before a page
Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>
2 years ago

@ -0,0 +1,3 @@
- title: OpenPOWER Summit 2022 Call-for-Presentations
url: https://cfp.openpower.foundation/openpowersummit2022/cfp
until: 2022-09-31

@ -279,3 +279,60 @@ body {
min-width: 97px;
}
}
.headline {
width: 100%;
height: 2.25rem;
overflow: hidden;
position: absolute;
color: $white;
background-color: $primary;
vertical-align: top;
z-index: 1;
}
.headline p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
text-align: center;
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-moz-animation: scroll-left 1s linear infinite;
-webkit-animation: scroll-left 1s linear infinite;
animation: scroll-left 45s linear infinite;
}
.headline a {
color: $white;
}
.headline a:hover {
text-decoration: underline;
}
@-moz-keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
}
}
@-webkit-keyframes scroll-left {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(-100%);
}
}
@keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}

@ -3,13 +3,14 @@
// Bootstrap breakpoints

$xs: 0;
$sm: 576px;
$md: 768px;
$lg: 992px;
$sm: 576px;
$md: 768px;
$lg: 992px;
$xl: 1200px;
$xxl: 1300px;

// Colours

$primary: #2566f4;
$lightgrey: #f9f9f9;
$white: #ffffff;
$white: #ffffff;

@ -104,4 +104,20 @@
</div>
</div>
</div>
{{ if .Site.Data.headlines }}
{{ $now := now.Format "2006-01-02" }}
{{ $headlines := slice }}
{{ range .Site.Data.headlines }}
{{ if gt .until $now }}
{{ $headlines = $headlines | append . }}
{{ end }}
{{ end }}
{{ if gt (len $headlines) 0 }}
<div class="headline"><p>
{{ range $headlines }}
&nbsp;&nbsp;&nbsp;&nbsp;<a href="{{ .url }}">{{ .title }}</a>&nbsp;&nbsp;&nbsp;&nbsp;
{{ end }}
</p></div>
{{ end }}
{{ end }}
</header>

Loading…
Cancel
Save