Drawwell/SandpointsTheme
Drawwell/SandpointsTheme
3
1
Fork 1
Code Issues 11 Pull requests Releases Wiki Activity

start with preview none and change regarding url

Browse source
This commit is contained in:
Marcell Mars 2020-12-18 23:17:40 +01:00
parent 9738d858fd
commit acab84a3b2
3 changed files with 114 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/css/site.css
View file

@ -307,6 +307,10 @@ body {
color: black; color: black;
} }
#preview {
display: none;
}
sup, sup,
sub { sub {
vertical-align: baseline; vertical-align: baseline;

116
assets/js/sandpoints.js
View file

@ -1,83 +1,115 @@
window.addEventListener('scroll', function(e) { window.addEventListener("scroll", function (e) {
if (document.querySelector('body').clientWidth > 767) { if (document.querySelector("body").clientWidth > 767) {
let rightcolumn = document.querySelector('.rightcolumn'); let rightcolumn = document.querySelector(".rightcolumn");
let mantletitle = document.querySelector('.mantletitle') || document.querySelector('.crusttitle') || false; let mantletitle =
document.querySelector(".mantletitle") ||
document.querySelector(".crusttitle") ||
false;
if (!mantletitle) { if (!mantletitle) {
return return;
} }
let mantlebar = document.querySelector('.mantlebar') let mantlebar = document.querySelector(".mantlebar");
let grid = document.querySelector('.grid') let grid = document.querySelector(".grid");
let gridrect = mantletitle.getBoundingClientRect(); let gridrect = mantletitle.getBoundingClientRect();
if ((document.querySelector('body').clientHeight - (grid.clientHeight + mantletitle.clientHeight + 32)) < window.innerHeight) { if (
return document.querySelector("body").clientHeight -
(grid.clientHeight + mantletitle.clientHeight + 32) <
window.innerHeight
) {
return;
} }
if (gridrect.top < 20 && !grid.classList.contains('moved')) { if (gridrect.top < 20 && !grid.classList.contains("moved")) {
grid.classList.add('moved'); grid.classList.add("moved");
mantlebar.style.display = "inline"; mantlebar.style.display = "inline";
mantletitle.style.visibility = "hidden"; mantletitle.style.visibility = "hidden";
} else if (gridrect.top > 21 && grid.classList.contains('moved')) { } else if (gridrect.top > 21 && grid.classList.contains("moved")) {
grid.classList.remove('moved'); grid.classList.remove("moved");
mantletitle.style.visibility = "visible"; mantletitle.style.visibility = "visible";
mantlebar.style.display = "none"; mantlebar.style.display = "none";
} }
} else { } else {
let rightcolumn = document.querySelector('.rightcolumn'); let rightcolumn = document.querySelector(".rightcolumn");
let mantletitle = document.querySelector('.mantletitle') || document.querySelector('.crusttitle') || false; let mantletitle =
document.querySelector(".mantletitle") ||
document.querySelector(".crusttitle") ||
false;
if (!mantletitle) { if (!mantletitle) {
return return;
} }
let mantlebar = document.querySelector('.mantlebar') let mantlebar = document.querySelector(".mantlebar");
let grid = document.querySelector('.grid') let grid = document.querySelector(".grid");
let gridrect = mantletitle.getBoundingClientRect(); let gridrect = mantletitle.getBoundingClientRect();
if (gridrect.top < 20 && !grid.classList.contains('moved')) { if (gridrect.top < 20 && !grid.classList.contains("moved")) {
grid.classList.add('moved'); grid.classList.add("moved");
mantlebar.style.display = "inline"; mantlebar.style.display = "inline";
mantletitle.style.visibility = "hidden"; mantletitle.style.visibility = "hidden";
} else if (gridrect.top > 21 && grid.classList.contains('moved')) { } else if (gridrect.top > 21 && grid.classList.contains("moved")) {
grid.classList.remove('moved'); grid.classList.remove("moved");
mantletitle.style.visibility = "visible"; mantletitle.style.visibility = "visible";
mantlebar.style.display = "none"; mantlebar.style.display = "none";
} }
} }
}) });
window.addEventListener('DOMContentLoaded', (e) => { window.addEventListener("DOMContentLoaded", (e) => {
let par = document.querySelector("#TableOfContents > ol:first-child > li:first-child"); let preview = document.querySelector("#preview");
if (
location.pathname.split("/").includes("_preview") ||
location.hash.startsWith("#/_edit")
) {
preview.style.display = "block";
}
let par = document.querySelector(
"#TableOfContents > ol:first-child > li:first-child"
);
let s = document.createElement("span"); let s = document.createElement("span");
s.appendChild(par.cloneNode(true)) s.appendChild(par.cloneNode(true));
par.remove() par.remove();
document.querySelector("#TableOfContents > ol:first-child").insertBefore(s, document.querySelector("#TableOfContents > ol:first-child").firstChild) document
.querySelector("#TableOfContents > ol:first-child")
.insertBefore(
s,
document.querySelector("#TableOfContents > ol:first-child").firstChild
);
if (document.querySelector(".soundcite")) { if (document.querySelector(".soundcite")) {
let relPath = "../".repeat(relPathDepth - 1); let relPath = "../".repeat(relPathDepth - 1);
var popcorn = document.createElement('script'); var popcorn = document.createElement("script");
popcorn.src = `${relPath}js/popcorn.min.js`; popcorn.src = `${relPath}js/popcorn.min.js`;
document.body.appendChild(popcorn); document.body.appendChild(popcorn);
var soundcite = document.createElement('script'); var soundcite = document.createElement("script");
soundcite.src = `${relPath}js/soundcite.min.js`; soundcite.src = `${relPath}js/soundcite.min.js`;
document.body.appendChild(soundcite); document.body.appendChild(soundcite);
} }
document.querySelectorAll('#TableOfContents a, .anchorz, .footnote-backref, .footnote-ref').forEach(i => { document
i.addEventListener('click', e => { .querySelectorAll(
"#TableOfContents a, .anchorz, .footnote-backref, .footnote-ref"
)
.forEach((i) => {
i.addEventListener("click", (e) => {
setTimeout(() => { setTimeout(() => {
window.scrollBy({top: document.querySelector('.header').clientHeight * -1.25, behavior: 'smooth'})}, 50); window.scrollBy({
}) top: document.querySelector(".header").clientHeight * -1.25,
}) behavior: "smooth",
}) });
}, 50);
});
});
});
toggleAllLinks = function () { toggleAllLinks = function () {
document.querySelectorAll('details').forEach(i => { document.querySelectorAll("details").forEach((i) => {
if (i.open) { if (i.open) {
i.removeAttribute('open'); i.removeAttribute("open");
} else { } else {
i.setAttribute('open', true); i.setAttribute("open", true);
}
})
} }
});
};

2
layouts/partials/header.html
View file

@ -27,7 +27,7 @@
{{ end }} {{ end }}
{{ if eq hugo.Environment "gitea" }} {{ if eq hugo.Environment "gitea" }}
<div class="headiter"> <div class="headiter" id="preview">
<a class="edit-button" target="_blank" href="{{ $.Site.Params.sandpointsGiteaUrl }}/_edit/master/content/{{ .File }}">EDIT_THIS</a> <a class="edit-button" target="_blank" href="{{ $.Site.Params.sandpointsGiteaUrl }}/_edit/master/content/{{ .File }}">EDIT_THIS</a>
{{ with $scratch.core }}<a class="edit-button" target="_blank" href="{{ $.Site.Params.sandpointsGiteaUrl }}/_new/master/content/{{ index . 0 }}/">ADD_{{ index . 0 | upper }}</a>{{ end }} {{ with $scratch.core }}<a class="edit-button" target="_blank" href="{{ $.Site.Params.sandpointsGiteaUrl }}/_new/master/content/{{ index . 0 }}/">ADD_{{ index . 0 | upper }}</a>{{ end }}
{{ with $scratch.mantle }}<a class="edit-button" target="_blank" href="{{ $.Site.Params.sandpointsGiteaUrl }}/_new/master/content/{{ index . 0 }}/">ADD_{{ index . 0 | upper }}</a>{{ end }} {{ with $scratch.mantle }}<a class="edit-button" target="_blank" href="{{ $.Site.Params.sandpointsGiteaUrl }}/_new/master/content/{{ index . 0 }}/">ADD_{{ index . 0 | upper }}</a>{{ end }}