Skip to content

Instantly share code, notes, and snippets.

@flynnduism
Created June 16, 2021 19:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save flynnduism/035c08c54ba9afa6ce3158d5d1c97e21 to your computer and use it in GitHub Desktop.
Save flynnduism/035c08c54ba9afa6ce3158d5d1c97e21 to your computer and use it in GitHub Desktop.
{{ if $hasbanner.show }} has-banner{{ end }}
{{ $hasbanner := .Site.Params.versionbanner }}
<!doctype html>
<html lang="{{ .Site.Language.Lang }}" class="no-js">
<head>
{{ partial "head.html" . }}
</head>
<body class="td-{{ .Kind }}{{ if $hasbanner.show }} has-banner{{ end }}">
<header>
{{ partial "navbar.html" . }}
</header>
<div class="container-fluid td-outer">
<div class="td-main">
<div class="row flex-xl-nowrap">
<div class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none">
{{ partial "sidebar.html" . }}
</div>
<div class="d-none d-xl-block col-xl-2 td-toc d-print-none">
{{ partial "toc.html" . }}
</div>
<main class="col-12 col-md-9 col-xl-8 pl-md-5" role="main">
{{ partial "version-banner.html" . }}
{{ if not .Site.Params.ui.breadcrumb_disable }}{{ partial "breadcrumb.html" . }}{{ end }}
{{ block "main" . }}{{ end }}
</main>
</div>
</div>
{{ partial "footer.html" . }}
</div>
{{ partial "scripts.html" . }}
</body>
</html>
[params.versionbanner]
show = true
archive = "v0.8"
latest = "https://docs.openservicemesh.io/"
#banner {
background: $blue;
color: white;
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0;
text-align: center;
z-index: 1450;
display: none;
p {
color: white;
padding: 0.333rem 0 0.35rem;
margin: 0;
font-size: 1rem;
}
a {
color: white;
@include transition;
border-bottom: 2px solid rgba(255,255,255,0.5);
}
}
body.has-banner {
padding-top: 1.5rem;
#banner {
display: block;
}
.td-navbar {
top: 1.5rem;
}
}
<div id="banner">
<!-- viewing helm 3 version of site (desktop) -->
<p class="center text-center d-none d-lg-block">
You are viewing docs for the {{ .Site.Params.versionbanner.archive }} release. View <a href="{{ .Site.Params.versionbanner.latest }}">main branch docs</a> for the latest changes.
</p>
<!-- viewing helm 3 version of site (mobile) -->
<p class="center text-center d-lg-none">
Viewing {{ .Site.Params.versionbanner.archive }} docs. <a href="{{ .Site.Params.versionbanner.latest }}">Latest changes</a>.
</p>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment