remove about in archive, talks wrap bug fix, toc bug fixed, example site update
This commit is contained in:
zzossig
parent
73a84262e1
commit
00dc092011
14
README.ko.md
14
README.ko.md
|
|
@ -347,6 +347,7 @@ commento = false
|
|||
gitlab = ""
|
||||
mastodon = ""
|
||||
jianshu = ""
|
||||
zhihu = ""
|
||||
|
||||
[donationOptions]
|
||||
enable = false # if set, the donation button will show up on the single page.
|
||||
|
|
@ -513,7 +514,7 @@ description: Talks Page
|
|||
---
|
||||
```
|
||||
|
||||
2. 또 다른 파일을 만들어 줍니다. 이곳에 링크 값을 넣을 겁니다.
|
||||
2. 또 다른 파일을 만들어 줍니다. 이곳에 내용을 넣어주세요.
|
||||
|
||||
root/content/talks/myLinks.md
|
||||
|
||||
|
|
@ -529,17 +530,8 @@ series:
|
|||
-
|
||||
categories:
|
||||
-
|
||||
links:
|
||||
- link: "https://google.com"
|
||||
title: "Video Link Title"
|
||||
type: "video"
|
||||
- link: "https://naver.com"
|
||||
title: "PPT Link Title"
|
||||
type: "ppt"
|
||||
- link: "https://yahoo.com"
|
||||
title: "Event Link Title"
|
||||
type: "event"
|
||||
---
|
||||
```
|
||||
|
||||
3. 마지막으로 메뉴만 다음 과 같이 만들어 주면 됩니다.
|
||||
|
||||
|
|
|
|||
13
README.md
13
README.md
|
|
@ -341,6 +341,7 @@ commento = false
|
|||
gitlab = ""
|
||||
mastodon = ""
|
||||
jianshu = ""
|
||||
zhihu = ""
|
||||
|
||||
[donationOptions]
|
||||
enable = false # if set, the donation button will show up on the single page.
|
||||
|
|
@ -507,7 +508,7 @@ description: Talks Page
|
|||
---
|
||||
```
|
||||
|
||||
2. Next, make some files under the `talks` folder you have created in step 1. If you want to make other links block, then make another file under the `talks` folder.
|
||||
2. Next, make some files under the `talks` folder you have created in step 1. If you want to make other link post, then make another file under the `talks` folder.
|
||||
|
||||
root/content/talks/myLinks.md
|
||||
|
||||
|
|
@ -523,16 +524,6 @@ series:
|
|||
-
|
||||
categories:
|
||||
-
|
||||
links:
|
||||
- link: "https://google.com"
|
||||
title: "Video Link Title"
|
||||
type: "video"
|
||||
- link: "https://naver.com"
|
||||
title: "PPT Link Title"
|
||||
type: "ppt"
|
||||
- link: "https://yahoo.com"
|
||||
title: "Event Link Title"
|
||||
type: "event"
|
||||
---
|
||||
```
|
||||
|
||||
|
|
|
|||
|
|
@ -87,8 +87,8 @@
|
|||
border-bottom-left-radius: 0.25rem;
|
||||
font-size: 0.8rem;
|
||||
width: 50%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
|
||||
@include truncate(50px);
|
||||
|
|
@ -107,8 +107,8 @@
|
|||
border-bottom-right-radius: 0.25rem;
|
||||
font-size: 0.8rem;
|
||||
width: 50%;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
text-align: center;
|
||||
|
||||
@include truncate(50px);
|
||||
|
|
@ -133,13 +133,14 @@
|
|||
position: absolute;
|
||||
left: 3rem;
|
||||
width: 0.25rem;
|
||||
height: 20px;
|
||||
height: 30px;
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed('archive-hover-line-color');
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 769px) {
|
||||
height: 24px;
|
||||
top: 50%;
|
||||
@include translateY(-50%);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -73,6 +73,11 @@
|
|||
|
||||
h1,
|
||||
h2 {
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
font-weight: 900;
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
@include themify($themes) {
|
||||
color: themed("single-contents-title-color");
|
||||
}
|
||||
|
|
@ -95,10 +100,6 @@
|
|||
h2 {
|
||||
font-size: 2.2rem;
|
||||
margin: 3.2rem 0 1.5rem 0;
|
||||
padding: 0;
|
||||
color: inherit;
|
||||
font-weight: 900;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
h3 {
|
||||
|
|
|
|||
|
|
@ -1,63 +1,48 @@
|
|||
.talk {
|
||||
&__li {
|
||||
margin: 0.75rem 0 0.75rem 4rem;
|
||||
z-index: 0;
|
||||
|
||||
@include transition(margin-left, 0.1s, ease);
|
||||
@include flexbox();
|
||||
@include align-items(flex-start);
|
||||
|
||||
@media only screen and (max-width: 769px) {
|
||||
margin-left: 0;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
&__date {
|
||||
border-radius: 0.25rem;
|
||||
min-width: 100px;
|
||||
max-width: 100px;
|
||||
margin-right: 1rem;
|
||||
font-size: 16px;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
|
||||
@include animation('slide-in-left .2s .4s 1 ease both');
|
||||
@include truncate(100px);
|
||||
@include animation('slide-in-left .2s .5s 1 ease both');
|
||||
@include themify($themes) {
|
||||
color: themed('archive-meta-color');
|
||||
background-color: themed('archive-type-background-color');
|
||||
}
|
||||
}
|
||||
|
||||
&__type {
|
||||
border-radius: 0.25rem;
|
||||
min-width: 100px;
|
||||
max-width: 100px;
|
||||
margin-top: 0.25rem;
|
||||
font-size: 14px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
|
||||
@include animation('slide-in-left .2s .6s 1 ease both');
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include justify-content(center);
|
||||
@include themify($themes) {
|
||||
color: themed('archive-type-color');
|
||||
background-color: themed('archive-type-background-color');
|
||||
}
|
||||
}
|
||||
|
||||
&__title {
|
||||
@include truncate2($grid-max-width);
|
||||
|
||||
&--margin {
|
||||
margin-right: 0.5rem;
|
||||
margin-right: 0.5rem;
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
|
||||
@include truncate2($grid-max-width);
|
||||
@include on-event {
|
||||
&::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 100px;
|
||||
width: 0.2rem;
|
||||
height: 24px;
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed('archive-hover-line-color');
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 769px) {
|
||||
top: 50%;
|
||||
@include translateY(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 769px) {
|
||||
&::before {
|
||||
content: '';
|
||||
|
|
@ -78,28 +63,4 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__links {
|
||||
@include flexbox();
|
||||
@include flex-direction(column);
|
||||
|
||||
li {
|
||||
padding-left: 0.5em;
|
||||
margin: 0.25rem 0 0.25rem -3.75rem;
|
||||
|
||||
@include flexbox();
|
||||
@include align-items(center);
|
||||
@include truncate2(650px);
|
||||
@media only screen and (max-width: 769px) {
|
||||
margin-left: -6.8rem;
|
||||
@include truncate2(350px);
|
||||
}
|
||||
}
|
||||
|
||||
&--item {
|
||||
padding-left: 0.5rem;
|
||||
margin: 0.25rem 0;
|
||||
@include flexbox();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -3,6 +3,9 @@ author = "Hugo Authors"
|
|||
title = "Emoji Support"
|
||||
date = 2019-12-16T12:00:06+09:00
|
||||
description = "Guide to emoji usage in Hugo"
|
||||
draft = false
|
||||
enableToc = false
|
||||
enableTocContent = false
|
||||
tags = [
|
||||
"emoji",
|
||||
"gamoji",
|
||||
|
|
|
|||
|
|
@ -7,6 +7,11 @@ libraries:
|
|||
- katex
|
||||
---
|
||||
|
||||
{{< box >}}
|
||||
We need goldmark katex entension which is not yet we have:
|
||||
[https://github.com/gohugoio/hugo/issues/6544](https://github.com/gohugoio/hugo/issues/6544)
|
||||
{{< /box >}}
|
||||
|
||||
Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.
|
||||
<!--more-->
|
||||
|
||||
|
|
|
|||
|
|
@ -1,58 +0,0 @@
|
|||
+++
|
||||
author = "Hugo Authors"
|
||||
title = "Placeholder Text"
|
||||
date = 2019-03-09T12:00:06+09:00
|
||||
description = "Lorem Ipsum Dolor Si Amet"
|
||||
tags = [
|
||||
"markdown",
|
||||
"text",
|
||||
]
|
||||
+++
|
||||
|
||||
Lorem est tota propiore conpellat pectoribus de
|
||||
pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice
|
||||
subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
|
||||
caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis
|
||||
lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
|
||||
|
||||
1. Exierant elisi ambit vivere dedere
|
||||
2. Duce pollice
|
||||
3. Eris modo
|
||||
4. Spargitque ferrea quos palude
|
||||
|
||||
Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus
|
||||
silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria
|
||||
tractus malis.
|
||||
|
||||
1. Comas hunc haec pietate fetum procerum dixit
|
||||
2. Post torum vates letum Tiresia
|
||||
3. Flumen querellas
|
||||
4. Arcanaque montibus omnes
|
||||
5. Quidem et
|
||||
|
||||
# Vagus elidunt
|
||||
|
||||
<svg class="canon" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>
|
||||
|
||||
[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
|
||||
|
||||
## Mane refeci capiebant unda mulcebat
|
||||
|
||||
Victa caducifer, malo vulnere contra
|
||||
dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere
|
||||
furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
|
||||
|
||||
Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli
|
||||
Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare
|
||||
Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert
|
||||
ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae
|
||||
vulnus haerentia iuste et exercebat, sui et.
|
||||
|
||||
Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem
|
||||
Propoetides **parte**.
|
||||
|
||||
{{< css.inline >}}
|
||||
<style>
|
||||
.canon { background: white; width: 100%; height: auto;}
|
||||
</style>
|
||||
{{< /css.inline >}}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: "Syntax highlighting"
|
||||
date: 2017-10-11T10:33:41+09:00
|
||||
date: 2019-10-11T10:33:41+09:00
|
||||
description: "Syntax highlighting test"
|
||||
tags:
|
||||
- hugo
|
||||
|
|
@ -19,7 +19,7 @@ line
|
|||
* * *
|
||||
line
|
||||
|
||||
# Code Syntax Highlighting
|
||||
## Code Syntax Highlighting
|
||||
|
||||
Verify the following code blocks render as code blocks and highlight properly.
|
||||
|
||||
|
|
|
|||
|
|
@ -2,6 +2,9 @@
|
|||
title: "Chart support"
|
||||
date: 2019-11-18T12:00:06+09:00
|
||||
description: "Simple yet flexible JavaScript charting for designers & developers"
|
||||
draft: false
|
||||
enableToc: false
|
||||
enableTocContent: false
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
|
|
|
|||
|
|
@ -3,6 +3,9 @@ title: "Flowchart support"
|
|||
date: 2019-11-14T12:00:06+09:00
|
||||
description: "flowchart.js is a flowchart DSL and SVG render that runs in the browser and terminal.
|
||||
Nodes and connections are defined in separately so that nodes can be reused and connections can be quickly changed."
|
||||
draft: false
|
||||
enableToc: false
|
||||
enableTocContent: false
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
|
|
|
|||
|
|
@ -2,6 +2,9 @@
|
|||
title: "JS Sequence Diagram support"
|
||||
date: 2019-11-18T12:00:06+09:00
|
||||
description: "Generates UML sequence diagrams from simple text"
|
||||
draft: false
|
||||
enableToc: false
|
||||
enableTocContent: false
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
|
|
|
|||
|
|
@ -2,6 +2,9 @@
|
|||
title: "Katex support"
|
||||
date: 2019-11-15T12:00:06+09:00
|
||||
description: "KaTeX is a fast, easy-to-use JavaScript library for TeX math rendering on the web."
|
||||
draft: false
|
||||
enableToc: false
|
||||
enableTocContent: false
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
|
|
@ -13,6 +16,11 @@ libraries:
|
|||
featured_image: "feature2/mathbook.png"
|
||||
---
|
||||
|
||||
{{< box >}}
|
||||
We need goldmark katex entension which is not yet we have:
|
||||
[https://github.com/gohugoio/hugo/issues/6544](https://github.com/gohugoio/hugo/issues/6544)
|
||||
{{< /box >}}
|
||||
|
||||
|
||||
The following
|
||||
|
||||
|
|
@ -2,6 +2,9 @@
|
|||
title: "MathJax support"
|
||||
date: 2019-11-16T12:00:06+09:00
|
||||
description: "A JavaScript display engine for mathematics that works in all browsers.No more setup for readers. It just works."
|
||||
draft: false
|
||||
enableToc: false
|
||||
enableTocContent: false
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
|
|
|
|||
|
|
@ -2,6 +2,9 @@
|
|||
title: "Mermaid support"
|
||||
date: 2019-11-17T12:00:06+09:00
|
||||
description: "Generate diagrams, charts, graphs or flows from markdown-like text via javascript."
|
||||
draft: false
|
||||
enableToc: false
|
||||
enableTocContent: false
|
||||
tags:
|
||||
- diagram
|
||||
series:
|
||||
|
|
|
|||
|
|
@ -2,6 +2,9 @@
|
|||
title: "Viz support"
|
||||
date: 2019-11-18T21:00:06+09:00
|
||||
description: "A hack to put Graphviz on the web."
|
||||
draft: false
|
||||
enableToc: false
|
||||
enableTocContent: false
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
|
|
|
|||
|
|
@ -2,6 +2,9 @@
|
|||
title: "Wavedrom support"
|
||||
date: 2019-11-18T18:00:06+09:00
|
||||
description: "WaveDrom is a Free and Open Source online digital timing diagram (waveform) rendering engine that uses javascript, HTML5 and SVG to convert a WaveJSON input text description into SVG vector graphics."
|
||||
draft: false
|
||||
enableToc: false
|
||||
enableTocContent: false
|
||||
tags:
|
||||
-
|
||||
series:
|
||||
|
|
|
|||
|
|
@ -1,621 +0,0 @@
|
|||
{{ if .Site.Params.custom_js }}
|
||||
{{ range .Site.Params.custom_js }}
|
||||
{{ $custom_template := resources.Get . }}
|
||||
{{ if $custom_template }}
|
||||
{{ $custom_js := $custom_template | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $custom_js.RelPermalink }}"></script>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
||||
{{ $fuse := resources.Get "js/fuse.min.js" | resources.Fingerprint }}
|
||||
<script defer src="{{ $fuse.RelPermalink }}"></script>
|
||||
{{ $getParents := resources.Get "js/helper/getParents.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $getParents.RelPermalink }}"></script>
|
||||
{{ $fadeinout := resources.Get "js/helper/fadeinout.js" | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ $fadeinout.RelPermalink }}"></script>
|
||||
|
||||
<script>
|
||||
"use strict";
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// ========================= go to top =========================
|
||||
var gttBtn = document.getElementById("gtt");
|
||||
gttBtn.style.display = "none";
|
||||
gttBtn.addEventListener('click', function () {
|
||||
scrollToTop(250);
|
||||
});
|
||||
|
||||
function scrollToTop(scrollDuration) {
|
||||
var scrollStep = -window.scrollY / (scrollDuration / 15);
|
||||
var scrollInterval = setInterval(function () {
|
||||
if (window.scrollY != 0) {
|
||||
window.scrollBy(0, scrollStep);
|
||||
}
|
||||
else clearInterval(scrollInterval);
|
||||
}, 15);
|
||||
}
|
||||
|
||||
var scrollFunction = function () {
|
||||
if (document.body.scrollTop > 250 || document.documentElement.scrollTop > 250) {
|
||||
gttBtn.style.display = "block";
|
||||
} else {
|
||||
gttBtn.style.display = "none";
|
||||
}
|
||||
}
|
||||
// ============================================================
|
||||
|
||||
|
||||
// ========================== scroll ==========================
|
||||
var lastScrollTop = window.pageYOffset || document.documentElement.scrollTop;
|
||||
var tableOfContentsElem = document.getElementById('TableOfContents');
|
||||
var tocElem = document.querySelector('.toc');
|
||||
var toggleTocElem = document.getElementById('toggle-toc');
|
||||
var singleContentsElem = document.querySelector('.single__contents');
|
||||
var navbar = document.querySelector('.navbar');
|
||||
|
||||
window.onscroll = function () {
|
||||
scrollFunction();
|
||||
|
||||
var st = window.pageYOffset || document.documentElement.scrollTop;
|
||||
if (st > lastScrollTop) { // scroll down
|
||||
if (st < 250) {
|
||||
gttBtn.style.display = "none";
|
||||
} else {
|
||||
gttBtn.style.display = "block";
|
||||
}
|
||||
|
||||
if (st < 45) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (!navbar.classList.contains('navbar--hide')) {
|
||||
navbar.classList.add('navbar--hide');
|
||||
} else if (navbar.classList.contains('navbar--show')) {
|
||||
navbar.classList.remove('navbar--show');
|
||||
}
|
||||
|
||||
singleContentsElem ?
|
||||
singleContentsElem.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(function(elem) {
|
||||
if (toggleTocElem && !toggleTocElem.checked) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (document.documentElement.scrollTop >= elem.offsetTop) {
|
||||
var id = elem.getAttribute('id');
|
||||
tocElem.querySelectorAll('a').forEach(function (elem) {
|
||||
elem.classList.remove('active');
|
||||
});
|
||||
tocElem.querySelector('a[href="#' + id + '"]').classList.add('active');
|
||||
|
||||
document.querySelectorAll('#TableOfContents > ul > li').forEach(function(liElem) {
|
||||
liElem.querySelectorAll('ul').forEach(function(ulElem) {
|
||||
ulElem.style.display = 'none';
|
||||
});
|
||||
});
|
||||
|
||||
var curElem = tableOfContentsElem.querySelector(`[href="#${id}"]`);
|
||||
if (curElem.nextElementSibling) {
|
||||
curElem.nextElementSibling.style.display = 'block';
|
||||
}
|
||||
getParents(curElem, 'ul').forEach(function(elem) {
|
||||
elem.style.display = 'block';
|
||||
});
|
||||
}
|
||||
}) : null;
|
||||
} else { // scroll up
|
||||
if (st < 250) {
|
||||
gttBtn.style.display = "none";
|
||||
}
|
||||
|
||||
if (navbar.classList.contains('navbar--hide')) {
|
||||
navbar.classList.remove('navbar--hide');
|
||||
} else if (!navbar.classList.contains('navbar--show')) {
|
||||
navbar.classList.add('navbar--show');
|
||||
}
|
||||
|
||||
singleContentsElem ?
|
||||
singleContentsElem.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(function(elem) {
|
||||
if (toggleTocElem && !toggleTocElem.checked) {
|
||||
return null;
|
||||
}
|
||||
|
||||
if (document.documentElement.scrollTop >= elem.offsetTop) {
|
||||
var id = elem.getAttribute('id');
|
||||
tocElem.querySelectorAll('a').forEach(function (elem) {
|
||||
elem.classList.remove('active');
|
||||
});
|
||||
tocElem.querySelector('a[href="#' + id + '"]').classList.add('active');
|
||||
|
||||
document.querySelectorAll('#TableOfContents > ul > li').forEach(function (liElem) {
|
||||
liElem.querySelectorAll('ul').forEach(function (ulElem) {
|
||||
ulElem.style.display = 'none';
|
||||
});
|
||||
});
|
||||
|
||||
var curElem = tableOfContentsElem.querySelector(`[href="#${id}"]`);
|
||||
if (curElem.nextElementSibling) {
|
||||
curElem.nextElementSibling.style.display = 'block';
|
||||
}
|
||||
getParents(curElem, 'ul').forEach(function (elem) {
|
||||
elem.style.display = 'block';
|
||||
});
|
||||
}
|
||||
}) : null;
|
||||
|
||||
if (tableOfContentsElem && document.documentElement.scrollTop < 250) {
|
||||
tableOfContentsElem.querySelectorAll('ul > li').forEach(function (liElem) {
|
||||
liElem.querySelectorAll('ul').forEach(function (ulElem) {
|
||||
ulElem.style.display = 'none';
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
lastScrollTop = st <= 0 ? 0 : st;
|
||||
};
|
||||
// ============================================================
|
||||
|
||||
|
||||
// ========================== navbar ==========================
|
||||
var navbarBurgerElem = document.querySelector('.navbar__burger');
|
||||
var navbarMenuElem = document.querySelector('.navbar__menu');
|
||||
navbarBurgerElem ?
|
||||
navbarBurgerElem.addEventListener('click', function () {
|
||||
if (navbarBurgerElem.classList.contains('is-active')) {
|
||||
navbarBurgerElem.classList.remove('is-active');
|
||||
navbarMenuElem.classList.remove('is-active');
|
||||
} else {
|
||||
navbarBurgerElem.classList.add('is-active');
|
||||
navbarMenuElem.classList.add('is-active');
|
||||
}
|
||||
}) : null;
|
||||
// ============================================================
|
||||
|
||||
|
||||
// ====================== mobile search =======================
|
||||
var mobileSearchInputElem = document.querySelector('#search-mobile');
|
||||
var mobileSearchClassElem = document.querySelector('.mobile-search');
|
||||
var mobileSearchBtnElem = document.querySelector('#mobileSearchBtn');
|
||||
var mobileSearchCloseBtnElem = document.querySelector('#search-mobile-close');
|
||||
var mobileSearchContainer = document.querySelector('#search-mobile-container');
|
||||
var mobileSearchResultsElem = document.querySelector('#search-mobile-results');
|
||||
var htmlElem = document.querySelector('html');
|
||||
|
||||
if (mobileSearchClassElem) {
|
||||
mobileSearchClassElem.style.display = 'none';
|
||||
}
|
||||
|
||||
mobileSearchBtnElem ?
|
||||
mobileSearchBtnElem.addEventListener('click', function () {
|
||||
if (mobileSearchContainer) {
|
||||
mobileSearchContainer.style.display = 'block';
|
||||
}
|
||||
|
||||
if (mobileSearchInputElem) {
|
||||
mobileSearchInputElem.focus();
|
||||
}
|
||||
|
||||
if (htmlElem) {
|
||||
htmlElem.style.overflowY = 'hidden';
|
||||
}
|
||||
}) : null;
|
||||
|
||||
mobileSearchCloseBtnElem ?
|
||||
mobileSearchCloseBtnElem.addEventListener('click', function() {
|
||||
if (mobileSearchContainer) {
|
||||
mobileSearchContainer.style.display = 'none';
|
||||
}
|
||||
|
||||
if (mobileSearchInputElem) {
|
||||
mobileSearchInputElem.value = '';
|
||||
}
|
||||
|
||||
if (mobileSearchResultsElem) {
|
||||
while (mobileSearchResultsElem.firstChild) {
|
||||
mobileSearchResultsElem.removeChild(mobileSearchResultsElem.firstChild);
|
||||
}
|
||||
}
|
||||
|
||||
if (htmlElem) {
|
||||
htmlElem.style.overflowY = 'visible';
|
||||
}
|
||||
}) : null;
|
||||
|
||||
mobileSearchInputElem ?
|
||||
mobileSearchInputElem.addEventListener('keydown', function(e) {
|
||||
if (e.key === 'Escape') {
|
||||
if (mobileSearchContainer) {
|
||||
mobileSearchContainer.style.display = 'none';
|
||||
}
|
||||
|
||||
if (mobileSearchInputElem) {
|
||||
mobileSearchInputElem.value = '';
|
||||
}
|
||||
|
||||
if (mobileSearchResultsElem) {
|
||||
while (mobileSearchResultsElem.firstChild) {
|
||||
mobileSearchResultsElem.removeChild(mobileSearchResultsElem.firstChild);
|
||||
}
|
||||
}
|
||||
if (htmlElem) {
|
||||
htmlElem.style.overflowY = 'visible';
|
||||
}
|
||||
}
|
||||
}) : null;
|
||||
// ============================================================
|
||||
|
||||
|
||||
// ======================= theme change =======================
|
||||
var localTheme = localStorage.getItem('theme');
|
||||
var rootEleme = document.getElementById('root');
|
||||
var selectThemeElem = document.querySelectorAll('.select-theme');
|
||||
var selectThemeItemElem = document.querySelectorAll('.select-theme__item');
|
||||
|
||||
if (localTheme) {
|
||||
selectThemeItemElem ?
|
||||
selectThemeItemElem.forEach(function (elem) {
|
||||
if (elem.text.trim() === localTheme) {
|
||||
elem.classList.add('is-active');
|
||||
} else {
|
||||
elem.classList.remove('is-active');
|
||||
}
|
||||
}) : null;
|
||||
}
|
||||
|
||||
selectThemeItemElem ?
|
||||
selectThemeItemElem.forEach(function (v, i) {
|
||||
v.addEventListener('click', function (e) {
|
||||
var selectedThemeVariant = e.target.text.trim();
|
||||
localStorage.setItem('theme', selectedThemeVariant);
|
||||
|
||||
rootEleme.removeAttribute('class');
|
||||
rootEleme.classList.add(`theme__${selectedThemeVariant}`);
|
||||
selectThemeElem.forEach(function(rootElem) {
|
||||
rootElem.querySelectorAll('a').forEach(function (elem) {
|
||||
if (elem.classList) {
|
||||
if (elem.text.trim() === selectedThemeVariant) {
|
||||
if (!elem.classList.contains('is-active')) {
|
||||
elem.classList.add('is-active');
|
||||
}
|
||||
} else {
|
||||
if (elem.classList.contains('is-active')) {
|
||||
elem.classList.remove('is-active');
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
if (window.mermaid) {
|
||||
if (selectedThemeVariant === "dark" || selectedThemeVariant === "hacker") {
|
||||
mermaid.initialize({ theme: 'dark' });
|
||||
location.reload();
|
||||
} else {
|
||||
mermaid.initialize({ theme: 'default' });
|
||||
location.reload();
|
||||
}
|
||||
}
|
||||
|
||||
var utterances = document.querySelector('iframe');
|
||||
if (utterances) {
|
||||
utterances.contentWindow.postMessage({
|
||||
type: 'set-theme',
|
||||
theme: selectedThemeVariant === "dark" || selectedThemeVariant === "hacker" ? 'photon-dark' : 'github-light',
|
||||
}, 'https://utteranc.es');
|
||||
}
|
||||
});
|
||||
}) : null;
|
||||
// ============================================================
|
||||
|
||||
|
||||
// ========================== search ==========================
|
||||
{{ if .Site.IsMultiLingual }}
|
||||
var baseurl = "{{.Site.BaseURL}}{{.Site.LanguagePrefix}}";
|
||||
{{ else }}
|
||||
var baseurl = "{{.Site.BaseURL}}";
|
||||
{{ end }}
|
||||
|
||||
var searchResults = null;
|
||||
var searchMenu = null;
|
||||
var searchText = null;
|
||||
|
||||
{{ $enableSearchHighlight := ($.Param "enableSearchHighlight") }}
|
||||
var enableSearchHighlight = JSON.parse({{ $enableSearchHighlight | jsonify }});
|
||||
|
||||
var fuse = null;
|
||||
|
||||
function endsWith(str, suffix) {
|
||||
return str.indexOf(suffix, str.length - suffix.length) !== -1;
|
||||
}
|
||||
|
||||
function initFuse() {
|
||||
if (!endsWith(baseurl, "/")) {
|
||||
baseurl = baseurl + '/';
|
||||
};
|
||||
|
||||
var xhr = new XMLHttpRequest();
|
||||
xhr.open('GET', baseurl + "index.json");
|
||||
xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
|
||||
xhr.onload = function () {
|
||||
if (xhr.status === 200) {
|
||||
fuse = new Fuse(JSON.parse(xhr.response.toString('utf-8')), {
|
||||
keys: ['title', 'description', 'content'],
|
||||
includeMatches: enableSearchHighlight,
|
||||
shouldSort: true,
|
||||
threshold: 0.4,
|
||||
location: 0,
|
||||
distance: 100,
|
||||
maxPatternLength: 32,
|
||||
minMatchCharLength: 1,
|
||||
});
|
||||
}
|
||||
else {
|
||||
console.error(`[${xhr.status}]Error:`, xhr.statusText);
|
||||
}
|
||||
};
|
||||
xhr.send();
|
||||
}
|
||||
|
||||
function renderSearchResults(results) { // [{}, {}, ...] or [{item: {}, matches: []}, ...]
|
||||
searchResults = document.getElementById('search-results');
|
||||
searchMenu = document.getElementById('search-menu');
|
||||
searchResults.setAttribute('class', 'dropdown is-active');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'dropdown-content search-content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${result.title}</div><div class="menu-item__desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerText = 'No results found';
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
while (searchMenu.hasChildNodes()) {
|
||||
searchMenu.removeChild(
|
||||
searchMenu.lastChild
|
||||
);
|
||||
}
|
||||
searchMenu.appendChild(content);
|
||||
}
|
||||
|
||||
function renderSearchHighlightResults(results) {
|
||||
searchResults = document.getElementById('search-results');
|
||||
searchMenu = document.getElementById('search-menu');
|
||||
searchResults.setAttribute('class', 'dropdown is-active');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'dropdown-content search-content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.item.uri);
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerHTML = `<div class="menu-item"><div class="menu-item__title">📄 ${generateHighlightedText(result.item.title, result.matches[0].indices)}</div><div class="menu-item__desc">${result.matches[1] ? generateHighlightedText(result.item.description, result.matches[1].indices) : result.matches[2] ? generateHighlightedText(result.item.content, result.matches[2].indices) : ''}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
item.setAttribute('class', 'dropdown-item');
|
||||
item.innerText = 'No results found';
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
while (searchMenu.hasChildNodes()) {
|
||||
searchMenu.removeChild(
|
||||
searchMenu.lastChild
|
||||
);
|
||||
}
|
||||
searchMenu.appendChild(content);
|
||||
}
|
||||
|
||||
function renderSearchResultsMobile(results) {
|
||||
searchResults = document.getElementById('search-mobile-results');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'mobile-search__content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.uri);
|
||||
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${result.title}</div><div class="mobile-search__item--desc">${result.description ? result.description : result.content}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
let wrap = document.getElementById('search-mobile-results');
|
||||
while (wrap.firstChild) {
|
||||
wrap.removeChild(wrap.firstChild)
|
||||
}
|
||||
searchResults.appendChild(content);
|
||||
}
|
||||
|
||||
function renderSearchHighlightResultsMobile(results) {
|
||||
searchResults = document.getElementById('search-mobile-results');
|
||||
|
||||
var content = document.createElement('div');
|
||||
content.setAttribute('class', 'mobile-search__content');
|
||||
|
||||
if (results.length > 0) {
|
||||
results.forEach(function (result) {
|
||||
var item = document.createElement('a');
|
||||
item.setAttribute('href', result.item.uri);
|
||||
item.innerHTML = `<div class="mobile-search__item"><div class="mobile-search__item--title">📄 ${generateHighlightedText(result.item.title, result.matches[0].indices)}</div><div class="mobile-search__item--desc">${result.matches[1] ? generateHighlightedText(result.item.description, result.matches[1].indices) : result.matches[2] ? generateHighlightedText(result.item.content, result.matches[2].indices) : ''}</div></div>`;
|
||||
content.appendChild(item);
|
||||
});
|
||||
} else {
|
||||
var item = document.createElement('span');
|
||||
content.appendChild(item);
|
||||
}
|
||||
|
||||
let wrap = document.getElementById('search-mobile-results');
|
||||
while (wrap.firstChild) {
|
||||
wrap.removeChild(wrap.firstChild)
|
||||
}
|
||||
searchResults.appendChild(content);
|
||||
}
|
||||
|
||||
function generateHighlightedText(text, regions) {
|
||||
if(!regions) return text;
|
||||
|
||||
var content = '', nextUnhighlightedRegionStartingIndex = 0;
|
||||
|
||||
regions.forEach(function(region) {
|
||||
content += '' +
|
||||
text.substring(nextUnhighlightedRegionStartingIndex, region[0]) +
|
||||
'<span class="search__highlight">' +
|
||||
text.substring(region[0], region[1] + 1) +
|
||||
'</span>' +
|
||||
'';
|
||||
nextUnhighlightedRegionStartingIndex = region[1] + 1;
|
||||
});
|
||||
|
||||
content += text.substring(nextUnhighlightedRegionStartingIndex);
|
||||
|
||||
return content;
|
||||
};
|
||||
|
||||
initFuse();
|
||||
|
||||
var searchElem = document.getElementById('search');
|
||||
var searchMobile = document.getElementById('search-mobile');
|
||||
|
||||
searchElem.addEventListener('input', function(e) {
|
||||
if (!e.target.value) {
|
||||
document.getElementById('search-results').setAttribute('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
|
||||
if (window.innerWidth < 770) {
|
||||
return null;
|
||||
}
|
||||
|
||||
searchText = e.target.value;
|
||||
var results = fuse.search(e.target.value);
|
||||
if (enableSearchHighlight) {
|
||||
renderSearchHighlightResults(results);
|
||||
} else {
|
||||
renderSearchResults(results);
|
||||
}
|
||||
});
|
||||
|
||||
searchElem.addEventListener('blur', function() {
|
||||
if (window.innerWidth < 770) {
|
||||
return null;
|
||||
}
|
||||
setTimeout(function () {
|
||||
document.getElementById('search-results').setAttribute('class', 'dropdown');
|
||||
}, 100);
|
||||
});
|
||||
|
||||
searchElem.addEventListener('click', function(e) {
|
||||
if (window.innerWidth < 770) {
|
||||
return null;
|
||||
}
|
||||
if (!e.target.value) {
|
||||
document.getElementById('search-results').setAttribute('class', 'dropdown');
|
||||
return null;
|
||||
}
|
||||
|
||||
searchText = e.target.value;
|
||||
var results = fuse.search(e.target.value);
|
||||
if (enableSearchHighlight) {
|
||||
renderSearchHighlightResults(results);
|
||||
} else {
|
||||
renderSearchResults(results);
|
||||
}
|
||||
});
|
||||
|
||||
function indexInParent(node) {
|
||||
var children = node.parentNode.childNodes;
|
||||
var num = 0;
|
||||
for (var i = 0; i < children.length; i++) {
|
||||
if (children[i] == node) return num;
|
||||
if (children[i].nodeType == 1) num++;
|
||||
}
|
||||
return -1;
|
||||
}
|
||||
|
||||
var searchMenuElem = document.getElementById("search-menu");
|
||||
var activeItem = document.querySelector('#search-menu .dropdown-item.is-active');
|
||||
var activeIndex = null;
|
||||
var items = null;
|
||||
var searchContainerMaxHeight = 350;
|
||||
|
||||
searchElem.addEventListener('keydown', function(e) {
|
||||
if (window.innerWidth < 770) {
|
||||
return null;
|
||||
}
|
||||
|
||||
var items = document.querySelectorAll('#search-menu .dropdown-item');
|
||||
|
||||
if (e.key === 'ArrowDown') {
|
||||
if (activeIndex === null) {
|
||||
activeIndex = 0;
|
||||
items[activeIndex].classList.remove('is-active');
|
||||
} else {
|
||||
items[activeIndex].classList.remove('is-active');
|
||||
activeIndex = activeIndex === items.length - 1 ? 0 : activeIndex + 1;
|
||||
}
|
||||
items[activeIndex].classList.add('is-active');
|
||||
|
||||
let overflowedPixel = items[activeIndex].offsetTop + items[activeIndex].clientHeight - searchContainerMaxHeight;
|
||||
if (overflowedPixel > 0) {
|
||||
document.querySelector(".search-content").scrollTop = overflowedPixel;
|
||||
} else if (activeIndex === 0) {
|
||||
document.querySelector(".search-content").scrollTop = 0;
|
||||
}
|
||||
} else if (e.key === 'ArrowUp') {
|
||||
if (activeIndex === null) {
|
||||
activeIndex = items.length - 1;
|
||||
items[activeIndex].classList.remove('is-active');
|
||||
} else {
|
||||
items[activeIndex].classList.remove('is-active');
|
||||
activeIndex = activeIndex === 0 ? items.length - 1 : activeIndex - 1;
|
||||
}
|
||||
items[activeIndex].classList.add('is-active');
|
||||
|
||||
let overflowedPixel = items[activeIndex].offsetTop + items[activeIndex].clientHeight - searchContainerMaxHeight;
|
||||
document.querySelector(".search-content").scrollTop = items[activeIndex].offsetTop;
|
||||
} else if (e.key === 'Enter') {
|
||||
var currentItemLink = items[activeIndex].getAttribute('href');
|
||||
if (currentItemLink) {
|
||||
location.href = currentItemLink;
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
searchMobile.addEventListener('input', function(e) {
|
||||
if (!e.target.value) {
|
||||
let wrap = document.getElementById('search-mobile-results');
|
||||
while (wrap.firstChild) {
|
||||
wrap.removeChild(wrap.firstChild);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
searchText = e.target.value;
|
||||
var results = fuse.search(e.target.value);
|
||||
renderSearchResultsMobile(results);
|
||||
if (enableSearchHighlight) {
|
||||
renderSearchHighlightResultsMobile(results);
|
||||
} else {
|
||||
renderSearchResultsMobile(results);
|
||||
}
|
||||
});
|
||||
// ============================================================
|
||||
});
|
||||
</script>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -10,7 +10,7 @@
|
|||
</span>
|
||||
<main class="main archive">
|
||||
<div class="archive__container">
|
||||
{{ $pages := (where .Site.RegularPages "Section" "!=" "talks") }}
|
||||
{{ $pages := (where (where .Site.RegularPages "Type" "!=" "about") "Section" "!=" "talks") }}
|
||||
{{ $paginator := .Paginate ($pages.GroupByDate (.Site.Params.archiveGroupByDate | default "2006")) .Site.Params.archivePaginate }}
|
||||
|
||||
{{ range ($paginator).PageGroups }}
|
||||
|
|
|
|||
|
|
@ -107,7 +107,8 @@
|
|||
tocElem.querySelectorAll('a').forEach(function (elem) {
|
||||
elem.classList.remove('active');
|
||||
});
|
||||
tocElem.querySelector('a[href="#' + id + '"]').classList.add('active');
|
||||
tocElem.querySelector('a[href="#' + id + '"]') ?
|
||||
tocElem.querySelector('a[href="#' + id + '"]').classList.add('active') : null;
|
||||
|
||||
tableOfContentsElem.querySelectorAll('ul > li').forEach(function (liElem) {
|
||||
liElem.querySelectorAll('ul').forEach(function (ulElem) {
|
||||
|
|
@ -116,12 +117,13 @@
|
|||
});
|
||||
|
||||
var curElem = tableOfContentsElem.querySelector(`[href="#${id}"]`);
|
||||
if (curElem.nextElementSibling) {
|
||||
if (curElem && curElem.nextElementSibling) {
|
||||
curElem.nextElementSibling.style.display = 'block';
|
||||
}
|
||||
getParents(curElem, 'ul') ?
|
||||
getParents(curElem, 'ul').forEach(function (elem) {
|
||||
elem.style.display = 'block';
|
||||
});
|
||||
}) : null;
|
||||
}
|
||||
}
|
||||
}) : null;
|
||||
|
|
@ -148,7 +150,8 @@
|
|||
tocElem.querySelectorAll('a').forEach(function (elem) {
|
||||
elem.classList.remove('active');
|
||||
});
|
||||
tocElem.querySelector('a[href="#' + id + '"]').classList.add('active');
|
||||
tocElem.querySelector('a[href="#' + id + '"]') ?
|
||||
tocElem.querySelector('a[href="#' + id + '"]').classList.add('active') : null;
|
||||
|
||||
tableOfContentsElem.querySelectorAll('ul > li').forEach(function (liElem) {
|
||||
liElem.querySelectorAll('ul').forEach(function (ulElem) {
|
||||
|
|
@ -157,12 +160,13 @@
|
|||
});
|
||||
|
||||
var curElem = tableOfContentsElem.querySelector(`[href="#${id}"]`);
|
||||
if (curElem.nextElementSibling) {
|
||||
if (curElem && curElem.nextElementSibling) {
|
||||
curElem.nextElementSibling.style.display = 'block';
|
||||
}
|
||||
getParents(curElem, 'ul') ?
|
||||
getParents(curElem, 'ul').forEach(function (elem) {
|
||||
elem.style.display = 'block';
|
||||
});
|
||||
}) : null;
|
||||
}
|
||||
}
|
||||
}) : null;
|
||||
|
|
@ -338,28 +342,37 @@
|
|||
var siteBaseURL = JSON.parse({{ $siteBaseURL | jsonify }});
|
||||
var siteBaseChecker = /\/\w+\//i;
|
||||
var isSlug = siteBaseChecker.test(siteBaseURL);
|
||||
|
||||
var isThemeSite = location.origin.includes('themes.gohugo.io');
|
||||
|
||||
{{ if .Site.IsMultiLingual }}
|
||||
var hasLangPostfix = location.pathname.includes("/{{.Site.Language.Lang}}");
|
||||
if (hasLangPostfix) {
|
||||
if (isSlug) {
|
||||
baseurl = location.origin + siteBaseURL.match(siteBaseChecker)[0] + "{{.Site.Language.Lang}}";
|
||||
if (isThemeSite) {
|
||||
baseurl = "{{.Site.BaseURL}}{{.Site.LanguagePrefix}}";
|
||||
} else {
|
||||
var hasLangPostfix = location.pathname.includes("/{{.Site.Language.Lang}}");
|
||||
if (hasLangPostfix) {
|
||||
if (isSlug) {
|
||||
baseurl = location.origin + siteBaseURL.match(siteBaseChecker)[0] + "{{.Site.Language.Lang}}";
|
||||
} else {
|
||||
baseurl = location.origin + "/{{.Site.Language.Lang}}";
|
||||
}
|
||||
} else {
|
||||
baseurl = location.origin + "/{{.Site.Language.Lang}}";
|
||||
if (isSlug) {
|
||||
baseurl = location.origin + siteBaseURL.match(siteBaseChecker)[0];
|
||||
} else {
|
||||
baseurl = location.origin;
|
||||
}
|
||||
}
|
||||
}
|
||||
{{ else }}
|
||||
if (isThemeSite) {
|
||||
baseurl = "{{.Site.BaseURL}}";
|
||||
} else {
|
||||
if (isSlug) {
|
||||
baseurl = location.origin + siteBaseURL.match(siteBaseChecker)[0];
|
||||
} else {
|
||||
baseurl = location.origin;
|
||||
}
|
||||
}
|
||||
}
|
||||
{{ else }}
|
||||
if (isSlug) {
|
||||
baseurl = location.origin + siteBaseURL.match(siteBaseChecker)[0];
|
||||
} else {
|
||||
baseurl = location.origin;
|
||||
}
|
||||
{{ end }}
|
||||
|
||||
var searchResults = null;
|
||||
|
|
|
|||
|
|
@ -147,9 +147,10 @@
|
|||
curElem.nextElementSibling.style.display = 'block';
|
||||
}
|
||||
if (curElem) {
|
||||
getParents(curElem, 'ul') ?
|
||||
getParents(curElem, 'ul').forEach(function (elem) {
|
||||
elem.style.display = 'block';
|
||||
});
|
||||
}) : null;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -17,25 +17,11 @@
|
|||
<span class="archive__key">{{ .Key }}</span>
|
||||
<ul class="archive__ul">
|
||||
{{ range .Pages }}
|
||||
<li class="talk__li">
|
||||
<li class="archive__li">
|
||||
<span class="talk__date">
|
||||
{{ .PublishDate.Format (i18n "talks-dateformat") }}
|
||||
</span>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="{{ .Permalink }}" class="talk__title talk__title--margin">{{ .Title }}</a>
|
||||
</li>
|
||||
<li class="talk__links">
|
||||
<ul>
|
||||
{{ range .Params.links }}
|
||||
<li class="talk__links--li">
|
||||
<span class="talk__type">{{ .type | default "talks" }}</span>
|
||||
<a href="{{ .link | safeURL }}" title="{{ .link }}" target="_blank" rel="noreferrer" class="talk__title talk__title--margin p2">{{ .title | default .link }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<a href="{{ .Permalink }}" class="talk__title">{{ .Title }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
|
|
|
|||
Loading…
Reference in New Issue