hugopoi/cupper-hugo-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

config for hide header links

Browse Source
This commit is contained in:
zwbetz-gh 2020-06-11 13:12:51 -05:00
parent 5e2ff37e94
commit e9a24f95ec
2 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
assets/js/template-dom-scripts.js
View File

@ -50,34 +50,35 @@
}) })
}()); }());
/* Add "link here" links to <h2> headings */ {{ if not .Site.Params.hideHeaderLinks }}
(function () { /* Add "link here" links to <h2> headings */
var headings = document.querySelectorAll('main > h2'); (function () {
var headings = document.querySelectorAll('main > h2');
Array.prototype.forEach.call(headings, function (heading) { Array.prototype.forEach.call(headings, function (heading) {
var id = heading.getAttribute('id'); var id = heading.getAttribute('id');
if (id) { if (id) {
var newHeading = heading.cloneNode(true); var newHeading = heading.cloneNode(true);
newHeading.setAttribute('tabindex', '-1'); newHeading.setAttribute('tabindex', '-1');
var container = document.createElement('div'); var container = document.createElement('div');
container.setAttribute('class', 'h2-container'); container.setAttribute('class', 'h2-container');
container.appendChild(newHeading); container.appendChild(newHeading);
heading.parentNode.insertBefore(container, heading); heading.parentNode.insertBefore(container, heading);
var link = document.createElement('a'); var link = document.createElement('a');
link.setAttribute('href', '#' + id); link.setAttribute('href', '#' + id);
var headingText = heading.textContent; link.innerHTML = '<svg aria-hidden="true" class="link-icon" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
link.innerHTML = '<svg aria-hidden="true" class="link-icon" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
container.appendChild(link); container.appendChild(link);
heading.parentNode.removeChild(heading); heading.parentNode.removeChild(heading);
} }
}) })
}()); }());
{{ end }}
/* Enable scrolling by keyboard of code samples */ /* Enable scrolling by keyboard of code samples */
(function () { (function () {

1
exampleSite/config.yaml
View File

@ -25,6 +25,7 @@ params:
codePenUser: someUser codePenUser: someUser
katex: true katex: true
darkThemeAsDefault: false darkThemeAsDefault: false
hideHeaderLinks: false
# A list of custom css files can be provided, which must be placed inside # A list of custom css files can be provided, which must be placed inside
# 'static/'. # 'static/'.
# This is useful to override just specific css classes, instead of copying # This is useful to override just specific css classes, instead of copying