barrett/barrettruth.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(post): proper folding and markdown header styling

Browse source
This commit is contained in:
Barrett Ruth 2024-11-09 11:15:57 -05:00
parent 7a0ffdff52
commit 872ce457f2
1 changed files with 11 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

31
scripts/post.js
View file

@ -25,30 +25,21 @@ const makeFold = (h, i) => {
toggle.textContent = toggle.textContent === ">" ? "v" : ">";
content.style.display = toggle.textContent === ">" ? "none" : "block";
});
toggle.style.color = getTopicColor(urlToTopic());
const mdHeading = document.createElement("span");
console.log(
`header ${h.tagName} getting prefix ${tagToHeader.get(h.tagName)}, ${h.textContent}`,
);
const header = tagToHeader.has(h.tagName) ? tagToHeader.get(h.tagName) : "";
mdHeading.textContent = `${header} `;
mdHeading.style.color = getTopicColor(urlToTopic());
h.prepend(mdHeading);
h.prepend(toggle);
};
document.addEventListener("DOMContentLoaded", () => {
document.querySelectorAll("article h2").forEach((h2) => {
const mdHeading = document.createElement("span");
mdHeading.style.fontStyle = "normal";
mdHeading.style.color = getTopicColor(urlToTopic());
h2.prepend(mdHeading);
});
const setStyle = (h) => {
const mdHeading = document.createElement("span");
const header = tagToHeader.has(h.tagName) ? tagToHeader.get(h.tagName) : "";
mdHeading.textContent = `${header} `;
h.prepend(mdHeading);
};
document.querySelectorAll(".fold h2").forEach((x) => {
console.log("making h2 fold");
makeFold(x);
});
document.addEventListener("DOMContentLoaded", () => {
document.querySelectorAll(".post-article h2").forEach(setStyle);
document.querySelectorAll(".post-article h3").forEach(setStyle);
document.querySelectorAll(".fold h2").forEach(makeFold);
document.querySelectorAll(".fold h3").forEach(makeFold);
});