141 lines
3.4 KiB
JavaScript
141 lines
3.4 KiB
JavaScript
const postMapping = new Map([
|
|
[
|
|
"software",
|
|
[
|
|
"my cp setup",
|
|
"from github pages to aws",
|
|
"designing this website",
|
|
// "working in the terminal",
|
|
],
|
|
],
|
|
["operating systems", ["building an os"]],
|
|
[
|
|
"algorithms",
|
|
[
|
|
"competitive programming log",
|
|
"leetcode daily",
|
|
"practice makes perfect",
|
|
"extrema circular buffer",
|
|
"models of production",
|
|
],
|
|
],
|
|
]);
|
|
|
|
function refresh(e) {
|
|
if (window.location.pathname !== "/") e.preventDefault();
|
|
|
|
const topics = document.querySelectorAll(".topic a");
|
|
|
|
topics.forEach((topic) => {
|
|
topic.classList.remove("active");
|
|
topic.style.color = "";
|
|
});
|
|
|
|
document.getElementById("posts").innerHTML = "";
|
|
|
|
clearPrompt(500);
|
|
}
|
|
|
|
function renderPosts(topic) {
|
|
const posts = document.getElementById("posts");
|
|
posts.innerHTML = "";
|
|
|
|
// Normalize topic for lookup (in case it has spaces, like "operating systems")
|
|
const normalizedTopic = topic.trim();
|
|
|
|
// Get posts for this topic
|
|
const topicPosts = postMapping.get(normalizedTopic);
|
|
|
|
if (!topicPosts) {
|
|
console.error(`No posts found for topic: ${normalizedTopic}`);
|
|
return;
|
|
}
|
|
|
|
topicPosts.forEach((postName) => {
|
|
if (typeof postName !== "string") return;
|
|
|
|
const post = document.createElement("div");
|
|
post.classList.add("post");
|
|
|
|
const link = document.createElement("a");
|
|
const postLink = postName.toLowerCase().replace(/\s+/g, "-");
|
|
|
|
// Convert topic to URL-friendly format
|
|
const topicSlug = normalizedTopic.toLowerCase().replace(/\s+/g, "-");
|
|
link.href = `/posts/${topicSlug}/${postLink}.html`;
|
|
link.textContent = postName;
|
|
|
|
link.style.textDecoration = "underline";
|
|
|
|
post.appendChild(link);
|
|
posts.appendChild(post);
|
|
});
|
|
}
|
|
|
|
let typing = false;
|
|
|
|
function typechars(e) {
|
|
e.preventDefault();
|
|
|
|
if (e.target.classList.contains("active")) return;
|
|
if (typing) return;
|
|
typing = true;
|
|
|
|
const topic = e.target.textContent;
|
|
const terminalText = ` /${topic.toLowerCase()}`;
|
|
const terminalPrompt = document.querySelector(".terminal-prompt");
|
|
const delay =
|
|
terminalPrompt.innerHTML.length > TERMINAL_PROMPT.length ? 250 : 500;
|
|
|
|
clearPrompt(delay, () => {
|
|
let i = 0;
|
|
function typechar() {
|
|
if (i < terminalText.length) {
|
|
terminalPrompt.innerHTML += terminalText.charAt(i++);
|
|
setTimeout(typechar, delay / terminalText.length);
|
|
} else {
|
|
renderPosts(topic);
|
|
typing = false;
|
|
}
|
|
}
|
|
|
|
typechar();
|
|
});
|
|
}
|
|
|
|
window.addEventListener("beforeunload", () => {
|
|
document.querySelector(".terminal-prompt").innerHTML = TERMINAL_PROMPT;
|
|
});
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
const topics = document.querySelectorAll(".topic a");
|
|
|
|
topics.forEach((topic) => {
|
|
const topicName = topic.parentElement.className.split(" ")[1];
|
|
|
|
topic.addEventListener("mouseenter", () => {
|
|
topic.style.color = getTopicColor(topicName);
|
|
});
|
|
|
|
topic.addEventListener("mouseleave", () => {
|
|
if (!topic.classList.contains("active")) {
|
|
topic.style.color = "";
|
|
}
|
|
});
|
|
|
|
topic.addEventListener("click", (e) => {
|
|
e.preventDefault();
|
|
|
|
if (topic.classList.contains("active")) return;
|
|
|
|
topics.forEach((t) => {
|
|
t.classList.remove("active");
|
|
t.style.color = "";
|
|
});
|
|
|
|
topic.classList.add("active");
|
|
document.getElementById("posts").innerHTML = "";
|
|
topic.style.color = getTopicColor(topicName);
|
|
});
|
|
});
|
|
});
|