diff options
| author | altaf-creator <dev@altafcreator.com> | 2026-04-30 22:01:53 +0800 |
|---|---|---|
| committer | altaf-creator <dev@altafcreator.com> | 2026-04-30 22:01:53 +0800 |
| commit | db1c6676a13798ee57dbac429a1d5045b60356fb (patch) | |
| tree | 5ff305c09686de50bbcac404c1954e42c26ba494 /scripts/blog.js | |
| parent | 97fa8f57fbefcbfa6b3e56c31a1e5b60ef1a9e37 (diff) | |
quite a big commit
Diffstat (limited to 'scripts/blog.js')
| -rw-r--r-- | scripts/blog.js | 120 |
1 files changed, 0 insertions, 120 deletions
diff --git a/scripts/blog.js b/scripts/blog.js deleted file mode 100644 index bbded40..0000000 --- a/scripts/blog.js +++ /dev/null @@ -1,120 +0,0 @@ -var evaluatedTags = ""; -const clamp = (val, min, max) => Math.min(Math.max(val, min), max) - -function postList(n = 0) { - fetch("/data/posts.json") - .then((response) => response.json()) - .then((data) => { - n = clamp(n, 0, data.posts.length); - if (n < 1) { - n = data.posts.length; - } - - // i ❤ for loops - for (var i = data.posts.length - 1; i >= 0; i--) { - if (i >= data.posts.length - n) { - postCard(data.posts[i]); - } - } - }); -} - -function postCard(post) { - var blogContainer = document.getElementById("blog-container"); - - var title = post.title; - var date = post.date; - var author = post.author; - var tags = post.tags; - var thumbnail = post.thumbnail; - var id = post.id; - - evaluatedTags = ""; - tags.forEach(createTags) - - var template = ` - <div class="card" tabindex="9999"> - <img src="${thumbnail}" - alt=""> - <div> - <div class="flex-container-normal chip-container"> - ${evaluatedTags} - </div> - <a href="/blog/post.html?post=${id}" class="link">${title}</a> - <p>${date}</p> - </div> - </div> - ` - - blogContainer.innerHTML += template; -} - -function createTags(tag) { - evaluatedTags += `<span class="chip">${tag}</span>` -} - -function getUrlVars() { - var vars = [], hash; - var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); - for (var i = 0; i < hashes.length; i++) { - hash = hashes[i].split('='); - vars.push(hash[0]); - vars[hash[0]] = hash[1]; - } - return vars; -} - -// DEPENDENCIES -// * /scripts/scroll.js -function loadPost(n) { - const md = markdownit({ - 'html': true - }) - - fetch("/data/posts.json") - .then((response) => response.json()) - .then((data) => { - var post = data.posts[n]; - - var banner = document.getElementById("banner"); - var title = document.getElementById("title"); - var date = document.getElementById("date"); - var author = document.getElementById("author"); - var tags = document.getElementById("tag-container"); - var description = document.getElementById("description"); - var content = document.getElementById("content"); - - banner.src = post.banner; - title.innerHTML = post.title; - date.innerHTML = post.date; - author.innerHTML = post.author; - description.innerHTML = post.description; - post.tags.forEach(createTags); - tags.innerHTML = evaluatedTags; - - document.title = `Blog / ${post.title} • altaf-creator`; - - fetch(post.path) - .then((response) => response.text()) - .then((data) => { - data = data.replaceAll("-+-+-+", ` -<section class="normal-section"> -<div class="center-grid"> -<div class="div-sizing" id="content"> -`) - data = data.replaceAll("+-+-+-", ` -</div> -</div> -</section> -`) - - console.log(data); - - - var result = md.render(data); - result = result.replaceAll("<a", `<a class="link"`); - result = result.replaceAll("<img", `<img style="max-width: 100%;"`); - content.innerHTML = result; - }).then(() => addNodes()); - }); -} |
