mirror of
https://github.com/rancher/rancher-docs.git
synced 2026-09-25 20:48:11 +00:00
cta block
This commit is contained in:
jrcreative
committed by
Catherine Luse
Catherine Luse
parent
a54bda273b
commit
fc6e623ceb
+155
-105
@@ -1,23 +1,23 @@
|
||||
{{ define "title" }}
|
||||
{{ .Title }} – {{ .Site.Title }}
|
||||
{{ .Title }} – {{ .Site.Title }}
|
||||
{{ end }}
|
||||
|
||||
{{ define "hero" }}
|
||||
{{ end }}
|
||||
|
||||
{{ define "main" }}
|
||||
<section class="docs-container">
|
||||
<div class="grid-container">
|
||||
<div class="row max-sized set-lines set-ground">
|
||||
<div class="col-4"></div>
|
||||
<div class="col-4"></div>
|
||||
<div class="col-4"></div>
|
||||
</div>
|
||||
<section class="docs-container">
|
||||
<div class="grid-container">
|
||||
<div class="row max-sized set-lines set-ground">
|
||||
<div class="col-4"></div>
|
||||
<div class="col-4"></div>
|
||||
<div class="col-4"></div>
|
||||
</div>
|
||||
|
||||
<div class="head-blank"></div>
|
||||
<div class="head-blank"></div>
|
||||
|
||||
<div class="row max-sized contents-container background-base-gray-side">
|
||||
<div class="
|
||||
<div class="row max-sized contents-container background-base-gray-side">
|
||||
<div class="
|
||||
col-xl-3
|
||||
col-lg-4
|
||||
col-md-4
|
||||
@@ -42,31 +42,80 @@
|
||||
col-12
|
||||
texts-container">
|
||||
<div class="docs-wrap">
|
||||
{{ with .Params.Title }}
|
||||
<h1 class="m-t-0">{{ . }}</h1>
|
||||
<hr/>
|
||||
<div class="docs-cta-wrapper">
|
||||
<div class="docs-cta">
|
||||
<a class="icon">?</a>
|
||||
<span class="content">
|
||||
<strong>Need Help? </strong>
|
||||
<a href="https://rancher.com/training">Get free intro and advanced online training</a>
|
||||
</span>
|
||||
<a class="close">×</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function getCookie(name) {
|
||||
var cookieArr = document.cookie.split(";");
|
||||
|
||||
for (var i = 0; i < cookieArr.length; i++) {
|
||||
var cookiePair = cookieArr[i].split("=");
|
||||
|
||||
if (name == cookiePair[0].trim()) {
|
||||
return decodeURIComponent(cookiePair[1]);
|
||||
}
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
console.log(getCookie('ctaClosed'))
|
||||
|
||||
if (getCookie('ctaClosed') == 'true') {
|
||||
$('.docs-cta .content, .docs-cta .close').hide();
|
||||
$('.docs-cta').addClass('closed');
|
||||
}
|
||||
|
||||
$('.docs-cta .icon').click(function (e) {
|
||||
e.preventDefault;
|
||||
$('.docs-cta .content, .docs-cta .close').show('fast');
|
||||
$('.docs-cta').remove('closed');
|
||||
document.cookie = "ctaClosed=false;path=/";
|
||||
});
|
||||
|
||||
$('.docs-cta .close').click(function (e) {
|
||||
e.preventDefault;
|
||||
$('.docs-cta .content, .docs-cta .close').hide('fast');
|
||||
$('.docs-cta').toggleClass('closed');
|
||||
document.cookie = "ctaClosed=true;SameSite=Lax;path=/;max-age=" + 10 * 24 * 60 * 60;
|
||||
});
|
||||
</script>
|
||||
{{ with .Params.Title }}
|
||||
<h1 class="m-t-0">{{ . }}</h1>
|
||||
<hr />
|
||||
{{end}}
|
||||
|
||||
{{ if .Params.ctaBanner }}
|
||||
{{ with index .Site.Data.cta .Params.ctaBanner }}
|
||||
<div class="docs-banner">
|
||||
<h3 class="">{{ .header }}</h3>
|
||||
{{ with index .Site.Data.cta .Params.ctaBanner }}
|
||||
<div class="docs-banner">
|
||||
|
||||
<div class="buttons-container">
|
||||
<a href="{{ .link }}" target="_blank" class="btn border-btn">
|
||||
<button class="button has-icon-right">
|
||||
<span>{{ .button }}</span>
|
||||
<svg class="icon right" enable-background="new 0 0 34 34" viewBox="0 0 34 34" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<path class="svg-linear" d="m19.5 12 5 5-5 5"></path>
|
||||
<path class="svg-linear" d="m24.5 17h-15"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
<h3 class="">{{ .header }}</h3>
|
||||
|
||||
<div class="buttons-container">
|
||||
<a href="{{ .link }}" target="_blank" class="btn border-btn">
|
||||
<button class="button has-icon-right">
|
||||
<span>{{ .button }}</span>
|
||||
<svg class="icon right" enable-background="new 0 0 34 34" viewBox="0 0 34 34"
|
||||
xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<path class="svg-linear" d="m19.5 12 5 5-5 5"></path>
|
||||
<path class="svg-linear" d="m24.5 17h-15"></path>
|
||||
</g>
|
||||
</svg>
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
<div class="main-content docs-body">
|
||||
@@ -77,56 +126,57 @@
|
||||
|
||||
{{ $paginator := .Scratch.Get "paginator" }}
|
||||
{{ range $paginator.Pages }}
|
||||
<div class="box m-b-md">
|
||||
<div class="p-a-sm">
|
||||
<h3><a href="{{.URL}}">{{.Title}}</a></h3>
|
||||
<div class="box m-b-md">
|
||||
<div class="p-a-sm">
|
||||
<h3><a href="{{.URL}}">{{.Title}}</a></h3>
|
||||
|
||||
{{ if .Params.Image }}
|
||||
<div class="thumbnail"><img src="{{ .Params.Image }}" alt="{{ .Params.Title }}"></div>
|
||||
{{ if .Params.Image }}
|
||||
<div class="thumbnail"><img src="{{ .Params.Image }}" alt="{{ .Params.Title }}"></div>
|
||||
{{end}}
|
||||
|
||||
<p>{{ .Summary | safeHTML }}</p>
|
||||
{{ if .Truncated }}
|
||||
<div>
|
||||
<a href="{{ .RelPermalink }}">Read More…</a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="bg-default">
|
||||
<div class="row">
|
||||
|
||||
{{ with .Params.Author }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">person_outline</i> By: {{ . }}</div>
|
||||
{{end}}
|
||||
|
||||
<p>{{ .Summary | safeHTML }}</p>
|
||||
{{ if .Truncated }}
|
||||
<div>
|
||||
<a href="{{ .RelPermalink }}">Read More…</a>
|
||||
{{ if eq .Section "events" }}
|
||||
{{ with .Params.EventDate }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">event</i> {{ . }}</div>
|
||||
{{end}}
|
||||
|
||||
{{ else }}
|
||||
|
||||
{{ with .Params.Date }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">event</i> {{ .Format "January 2, 2006" }}</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
{{ if eq .Section "blog" }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">timer</i> Read Time: {{.ReadingTime}} minutes
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="bg-default">
|
||||
<div class="row">
|
||||
{{end}}
|
||||
|
||||
{{ with .Params.Author }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">person_outline</i> By: {{ . }}</div>
|
||||
{{end}}
|
||||
{{ with .Params.Location }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">location_on</i> {{ . }}</div>
|
||||
{{end}}
|
||||
|
||||
{{ if eq .Section "events" }}
|
||||
{{ with .Params.EventDate }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">event</i> {{ . }}</div>
|
||||
{{end}}
|
||||
|
||||
{{ else }}
|
||||
|
||||
{{ with .Params.Date }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">event</i> {{ .Format "January 2, 2006" }}</div>
|
||||
{{end}}
|
||||
{{end}}
|
||||
|
||||
{{ if eq .Section "blog" }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">timer</i> Read Time: {{.ReadingTime}} minutes</div>
|
||||
{{end}}
|
||||
|
||||
{{ with .Params.Location }}
|
||||
<div class="p-h-sm p-v-xs"><i class="material-icons">location_on</i> {{ . }}</div>
|
||||
{{end}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
|
||||
<div class="p-v-xs">{{ partial "page-edit.html" . }}</div>
|
||||
<div class="p-v-xs">{{ partial "page-edit.html" . }}</div>
|
||||
</article>
|
||||
<!-- {{ with .TableOfContents }}
|
||||
<div class="offset-watch invisible"></div>
|
||||
@@ -138,44 +188,44 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
$('.guide-menus-activator').click(function() {
|
||||
$('.docs-container .side-menus').toggleClass('show');
|
||||
});
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$('.guide-menus-activator').click(function () {
|
||||
$('.docs-container .side-menus').toggleClass('show');
|
||||
});
|
||||
|
||||
// anchor click control.
|
||||
$("a[href*='#']").click(function(e) {
|
||||
// anchor click control.
|
||||
$("a[href*='#']").click(function (e) {
|
||||
// e.preventDefault();
|
||||
|
||||
if ($(this).attr('data-target') === undefined && $(this).attr('href').length > 1) {
|
||||
var hash = $(this).attr('href').substring(1),
|
||||
objt = $('#' + hash),
|
||||
objt_mt = Number(objt.css('margin-top').replace(/[^0-9]/g,"")),
|
||||
depth = 80,
|
||||
scrn = $(window).width();
|
||||
scrn_check = 1025;
|
||||
if ($(this).attr('data-target') === undefined && $(this).attr('href').length > 1) {
|
||||
var hash = $(this).attr('href').substring(1),
|
||||
objt = $('#' + hash),
|
||||
objt_mt = Number(objt.css('margin-top').replace(/[^0-9]/g, "")),
|
||||
depth = 80,
|
||||
scrn = $(window).width();
|
||||
scrn_check = 1025;
|
||||
|
||||
if (scrn < scrn_check) {
|
||||
depth = 120;
|
||||
}
|
||||
|
||||
if (objt_mt > 0) {
|
||||
depth = depth + objt_mt
|
||||
}
|
||||
|
||||
if ($(this).attr('href').charAt(0) === '#') {
|
||||
var objectTop = $($(this).attr('href')).offset().top;
|
||||
|
||||
setTimeout(function() {
|
||||
$('html').scrollTop(objectTop - depth);
|
||||
}, 100);
|
||||
}
|
||||
if (scrn < scrn_check) {
|
||||
depth = 120;
|
||||
}
|
||||
});
|
||||
|
||||
if (objt_mt > 0) {
|
||||
depth = depth + objt_mt
|
||||
}
|
||||
|
||||
if ($(this).attr('href').charAt(0) === '#') {
|
||||
var objectTop = $($(this).attr('href')).offset().top;
|
||||
|
||||
setTimeout(function () {
|
||||
$('html').scrollTop(objectTop - depth);
|
||||
}, 100);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
{{ end }}
|
||||
});
|
||||
</script>
|
||||
{{ end }}
|
||||
@@ -1,45 +1,44 @@
|
||||
{{ define "title" }}
|
||||
{{ .Title }} – {{ .Site.Title }}
|
||||
{{ .Title }} – {{ .Site.Title }}
|
||||
{{ end }}
|
||||
|
||||
{{ define "hero" }}
|
||||
<section class="hero">
|
||||
<h5 class="text-white">Rancher 2.x Docs</h5>
|
||||
{{ with .Params.Title }}
|
||||
<h1 class="m-t-0">{{ . }}</h1>
|
||||
{{end}}
|
||||
<h5 class="text-white">Rancher 2.x Docs</h5>
|
||||
{{ with .Params.Title }}
|
||||
<h1 class="m-t-0">{{ . }}</h1>
|
||||
{{end}}
|
||||
|
||||
{{ with .Params.Author }}
|
||||
<span class="byline bg-link">{{ . }}</span>
|
||||
{{end}}
|
||||
{{ with .Params.Author }}
|
||||
<span class="byline bg-link">{{ . }}</span>
|
||||
{{end}}
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
{{ define "main" }}
|
||||
|
||||
<div class="wrapper">
|
||||
<div class="row m-t-sm">
|
||||
<div class="row m-t-sm">
|
||||
|
||||
<aside class="col-sm-3 col-xs-12 p-l-0">
|
||||
{{ partial "docs-side-nav.html" . }}
|
||||
</aside>
|
||||
<aside class="col-sm-3 col-xs-12 p-l-0">
|
||||
{{ partial "docs-side-nav.html" . }}
|
||||
</aside>
|
||||
|
||||
<article class="{{ if ($.Scratch.Get "showSidebar") }} col-sm-6 {{else}} col-md-9 p-r-lg {{end}} col-xs-12">
|
||||
|
||||
<div class="main-content ">
|
||||
<article class="{{ if ($.Scratch.Get "showSidebar") }} col-sm-6 {{else}} col-md-9 p-r-lg {{end}} col-xs-12">
|
||||
|
||||
<div class="main-content ">
|
||||
{{ .Content }}
|
||||
|
||||
</div>
|
||||
|
||||
<div class="p-v-sm">{{ partial "page-edit.html" . }}</div>
|
||||
</article>
|
||||
<!-- <div class="offset-watch invisible"></div>
|
||||
<div class="p-v-sm">{{ partial "page-edit.html" . }}</div>
|
||||
</article>
|
||||
<!-- <div class="offset-watch invisible"></div>
|
||||
<aside class="col-sm-3 col-xs-12 unstyled toc-container">
|
||||
<h4 class="m-b-0">On this page</h4>
|
||||
{{ .TableOfContents }}
|
||||
</aside> -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
</div>
|
||||
{{ end }}
|
||||
Reference in New Issue
Block a user