mirror of
https://github.com/kubesphere/website.git
synced 2025-12-26 00:12:48 +00:00
203 lines
8.5 KiB
HTML
203 lines
8.5 KiB
HTML
{{ $context := .context }}
|
||
{{ $parent := .parent }}
|
||
{{ $text := .text }}
|
||
{{ $LanguageCode := .context.Site.Params.LanguageCode }}
|
||
{{ $Site := .context.Site}}
|
||
<!DOCTYPE html>
|
||
<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
|
||
|
||
<head>
|
||
{{- partial "head.html" $context -}}
|
||
|
||
{{ $style := resources.Get "scss/content.scss" | toCSS | minify | fingerprint }}
|
||
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
|
||
|
||
{{ $style := resources.Get "scss/markdown.scss" | toCSS | minify | fingerprint }}
|
||
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
|
||
</head>
|
||
|
||
|
||
<body>
|
||
{{ if .Site.Params.addGoogleTag }}
|
||
<!-- Google Tag Manager (noscript) -->
|
||
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W9FLX4R" height="0" width="0"
|
||
style="display:none;visibility:hidden"></iframe></noscript>
|
||
<!-- End Google Tag Manager (noscript) -->
|
||
{{ end }}
|
||
{{ partial "header.html" $context }}
|
||
<section class="main-section">
|
||
<div class="common-layout">
|
||
<div class='breadcrumb'>
|
||
{{ $section := $context.FirstSection }}
|
||
<span><a href='{{ $parent | relLangURL }}/'>{{ i18n $text }}</a> > </span>
|
||
<span>{{ $context.Title }}</span>
|
||
</div>
|
||
<div class='main-div middle-div'>
|
||
<div class='author'>{{ $context.Params.author }}</div>
|
||
<span class='date'>{{ i18n "Published on" }}：{{ string $context.Params.createTime }}</span>
|
||
<span style="font-size: 14px; color: #919aa3;" id="busuanzi_container_page_pv">
|
||
{{i18n "Visitor-count"}}<span id="busuanzi_value_page_pv"></span>
|
||
</span>
|
||
<h1>{{ $context.Title }}</h1>
|
||
<div class="share-1">
|
||
{{ partial "share.html" $context }}
|
||
</div>
|
||
<div class='content'>
|
||
<div class='md-body'>
|
||
{{ $context.Content }}
|
||
</div>
|
||
</div>
|
||
<div class="share-2">
|
||
{{ partial "share.html" $context }}
|
||
</div>
|
||
</div>
|
||
<div class='aside'>
|
||
<div class="inner-div">
|
||
<div class='title'>{{ i18n "Table of Contents" }}</div>
|
||
<div class='tabs'>{{ $context.TableOfContents }}</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="SubscribeForm">
|
||
<div class="innerBox">
|
||
<img class="close" src="/images/home/close.svg" alt="close">
|
||
<p class="description">
|
||
{{ i18n "Receive the latest news, articles and updates from KubeSphere" }}
|
||
</p>
|
||
{{ if $Site.Params.useSendcloud }}
|
||
<div id="blog_formAddress" data-actionAddress="{{ $Site.Params.mailchimpSubscribeUrl }}"
|
||
data-useSendcloud="true" data-Lang="zh">
|
||
<input name="EMAIL" id="email-input-blog" type="text"
|
||
placeholder='{{ i18n "Please enter your email address" }}'>
|
||
<button id="email-submit-blog">{{ i18n "Subscribe" }}</button>
|
||
<span id="message_blog" data-message1='{{ i18n "email is required" }}'
|
||
data-message2='{{ i18n "Please enter a valid email address." }}'
|
||
data-message3='{{ i18n "Email address already exists." }}' style="color: red;">
|
||
</span>
|
||
<span id="message1_blog" style="color: #00a971;"
|
||
data-success='{{ i18n "Subscription is successful, we promise not to send you spam" }}'>
|
||
</span>
|
||
</div>
|
||
{{ else }}
|
||
<div id="blog_formAddress" data-useSendcloud="false">
|
||
<form action="{{ $Site.Params.mailchimpSubscribeUrl }}" method="post" target="_blank" novalidate>
|
||
<input name="EMAIL" id="email-input-blog" type="text"
|
||
placeholder='{{ i18n "Please enter your email address" }}'>
|
||
<button type="submit" id="email-submit-blog">{{ i18n "Subscribe" }}</button>
|
||
</form>
|
||
<span id="message_blog" data-message1='{{ i18n "email is required" }}'
|
||
data-message2='{{ i18n "Please enter a valid email address." }}'></span>
|
||
</div>
|
||
{{ end }}
|
||
</div>
|
||
</div>
|
||
{{ partial "footer.html" $context }}
|
||
{{ $aside := resources.Get "js/aside.js" }}
|
||
{{ $asideJS := $aside | resources.Fingerprint "sha512" }}
|
||
<script type="text/javascript" src="{{ $asideJS.RelPermalink }}" integrity="{{ $asideJS.Data.Integrity }}"></script>
|
||
|
||
{{ $tab := resources.Get "js/markdown-tab.js" }}
|
||
{{ $tabJS := $tab | resources.Fingerprint "sha512" }}
|
||
<script type="text/javascript" src="{{ $tabJS.RelPermalink }}" integrity="{{ $tabJS.Data.Integrity }}"></script>
|
||
|
||
<script>
|
||
let forbidForm = false;
|
||
var viewer = new Viewer(document.querySelector('.md-body'), {
|
||
url: 'src'
|
||
})
|
||
var blogBindSubmit = function () {
|
||
var input = $('#email-input-blog')
|
||
$('#email-submit-blog').click(function (event) {
|
||
event.stopPropagation()
|
||
var email = input.val()
|
||
var message1 = $('#message_blog').data('message1')
|
||
var message2 = $('#message_blog').data('message2')
|
||
var emailExisted = $('#message_blog').data('message3')
|
||
var successText = $('#message1_blog').data('success')
|
||
|
||
if (!email) {
|
||
event.preventDefault()
|
||
$('#message_blog').html(message1).show()
|
||
} else if (!validateEmail(email)) {
|
||
event.preventDefault()
|
||
$('#message_blog').html(message2).show()
|
||
} else {
|
||
var useSendcloud = $('#blog_formAddress').data('usesendcloud')
|
||
if (!useSendcloud) {
|
||
return
|
||
}
|
||
|
||
var address = $('#blog_formAddress').data('actionaddress')
|
||
$.post({
|
||
type: 'post',
|
||
url: address,
|
||
data: {
|
||
email: email.toString()
|
||
},
|
||
success: function (res) {
|
||
showSuccessMessage_blog(successText)
|
||
setTimeout(function () {
|
||
window.onscroll = ''
|
||
$('.SubscribeForm').hide()
|
||
$('#email-input-blog').val('')
|
||
}, 5000)
|
||
},
|
||
error: function (error, textStatus) {
|
||
showMessage_blog(emailExisted)
|
||
}
|
||
})
|
||
}
|
||
})
|
||
}
|
||
|
||
var validateEmail = function (email) {
|
||
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||
return reg.test(email)
|
||
}
|
||
|
||
var bindHideMessageBlog = function () {
|
||
$(window).click(function () {
|
||
$('#message_blog').hide()
|
||
})
|
||
}
|
||
|
||
var bindCloseBlog = function () {
|
||
$('.SubscribeForm .close').click(function (e) {
|
||
e.stopPropagation()
|
||
$('.SubscribeForm').fadeOut()
|
||
window.onscroll = ''
|
||
})
|
||
}
|
||
|
||
var showMessage_blog = function (message) {
|
||
$('#message_blog').html(message).show()
|
||
}
|
||
|
||
var showSuccessMessage_blog = function (message) {
|
||
$('#message1_blog').html(message).show()
|
||
}
|
||
|
||
window.onscroll = () => {
|
||
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
|
||
var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
|
||
var scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
|
||
if (forbidForm) {
|
||
window.onscroll = ''
|
||
}
|
||
if (scrollTop + windowHeight > (scrollHeight - 710)) {
|
||
$('.SubscribeForm').hide()
|
||
} else {
|
||
$('.SubscribeForm').show()
|
||
}
|
||
}
|
||
|
||
blogBindSubmit()
|
||
bindCloseBlog()
|
||
bindHideMessageBlog()
|
||
</script>
|
||
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js">
|
||
</script>
|
||
</body>
|
||
|
||
</html> |