GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-24 05:14:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Revert content deletion

Browse Source
This commit is contained in:
Aiden Bai 2022-04-30 13:58:10 -07:00
parent 7f5b18baa8
commit c695cef262
No known key found for this signature in database
GPG Key ID: D37584388675FF3A
4 changed files with 35 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
.prettierrc.json
View File

@ -1,19 +1,6 @@
{
"arrowParens": "always",
"bracketSameLine": false,
"bracketSpacing": true,
"embeddedLanguageFormatting": "auto",
"htmlWhitespaceSensitivity": "css",
"insertPragma": false,
"jsxSingleQuote": false,
"printWidth": 100,
"proseWrap": "preserve",
"quoteProps": "as-needed",
"requirePragma": false,
"semi": true,
"singleQuote": false,
"tabWidth": 2,
"trailingComma": "es5",
"useTabs": false,
"vueIndentScriptAndStyle": false
"trailingComma": "all",
"tabWidth": 2
}

31
assets/js/darkmode.js
View File

@ -1,29 +1,28 @@
const userPref = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark'
const currentTheme = localStorage.getItem('theme') ?? userPref
const userPref = window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
const currentTheme = localStorage.getItem("theme") ?? userPref;
if (currentTheme) {
document.documentElement.setAttribute('saved-theme', currentTheme);
document.documentElement.setAttribute("saved-theme", currentTheme);
}
const switchTheme = (e) => {
if (e.target.checked) {
document.documentElement.setAttribute('saved-theme', 'dark')
localStorage.setItem('theme', 'dark')
document.documentElement.setAttribute("saved-theme", "dark");
localStorage.setItem("theme", "dark");
} else {
document.documentElement.setAttribute("saved-theme", "light");
localStorage.setItem("theme", "light");
}
else {
document.documentElement.setAttribute('saved-theme', 'light')
localStorage.setItem('theme', 'light')
}
}
};
window.addEventListener('DOMContentLoaded', () => {
window.addEventListener("DOMContentLoaded", () => {
// Darkmode toggle
const toggleSwitch = document.querySelector('#darkmode-toggle')
const toggleSwitch = document.querySelector("#darkmode-toggle");
// listen for toggle
toggleSwitch.addEventListener('change', switchTheme, false)
toggleSwitch.addEventListener("change", switchTheme, false);
if (currentTheme === 'dark') {
toggleSwitch.checked = true
if (currentTheme === "dark") {
toggleSwitch.checked = true;
}
})
});

11
assets/js/graph.js
View File

@ -1,6 +1,5 @@
async function drawGraph(url, baseUrl, pathColors, depth, enableDrag, enableLegend, enableZoom) {
if (!document.getElementById("graph-container")) return;
document.getElementById("graph-container").textContent = "";
const container = document.getElementById("graph-container");
const { index, links, content } = await fetchData;
const curPage = url.replace(baseUrl, "");
@ -8,6 +7,10 @@ async function drawGraph(url, baseUrl, pathColors, depth, enableDrag, enableLege
const parseIdsFromLinks = (links) => [
...new Set(links.flatMap((link) => [link.source, link.target])),
];
// links is mutated by d3
// we want to use links later on, so we make a copy and pass
// that one to d3
const copyLinks = JSON.parse(JSON.stringify(links));
const neighbours = new Set();
@ -77,8 +80,8 @@ async function drawGraph(url, baseUrl, pathColors, depth, enableDrag, enableLege
.on("end", enableDrag ? dragended : noop);
};
const height = Math.max(document.getElementById("graph-container").offsetHeight, 250);
const width = document.getElementById("graph-container").offsetWidth;
const height = Math.max(container.offsetHeight, 250);
const width = container.offsetWidth;
const simulation = d3
.forceSimulation(data.nodes)

14
layouts/partials/head.html
View File

@ -51,7 +51,13 @@
window.navigate = navigate;
router(".singlePage");
const callback = () => {
requestAnimationFrame(() => {
const draw = () => {
const container = document.getElementById("graph-container");
// retry if the graph is not ready
if (!container) return requestAnimationFrame(draw);
// clear the graph in case there is anything within it
container.textContent = "";
drawGraph(
{{strings.TrimRight "/" .Page.Permalink}},
{{strings.TrimRight "/" .Site.BaseURL}},
@ -60,9 +66,11 @@
{{$.Site.Data.graphConfig.enableDrag}},
{{$.Site.Data.graphConfig.enableLegend}},
{{$.Site.Data.graphConfig.enableZoom}}
)}
);
);
};
requestAnimationFrame(draw);
};
// We need on initial load, then subsequent redirs
window.addEventListener("million:navigate", callback);
window.addEventListener("DOMContentLoaded", callback);
</script>