diff options
Diffstat (limited to 'scripts')
-rw-r--r-- | scripts/blog.js | 167 | ||||
-rw-r--r-- | scripts/scroll.js | 2 |
2 files changed, 86 insertions, 83 deletions
diff --git a/scripts/blog.js b/scripts/blog.js index cef9a28..8f36fdb 100644 --- a/scripts/blog.js +++ b/scripts/blog.js @@ -2,112 +2,115 @@ 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 = n - 1; i >= 0; i--) { - console.log("dkfjlaafjsdk" + i) - postCard(data.posts[i]); - } - }); + 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 = n - 1; i >= 0; i--) { + console.log("dkfjlaafjsdk" + i) + 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; + 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>` + 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; + 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 content = document.getElementById("content"); - - banner.src = post.banner; - title.innerHTML = post.title; - date.innerHTML = post.date; - author.innerHTML = post.author; - post.tags.forEach(createTags); - tags.innerHTML = evaluatedTags; - - fetch(post.path) - .then((response) => response.text()) + const md = markdownit({ + 'html': true + }) + + fetch("/data/posts.json") + .then((response) => response.json()) .then((data) => { - data = data.replaceAll("-+-+-+", ` + 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 content = document.getElementById("content"); + + banner.src = post.banner; + title.innerHTML = post.title; + date.innerHTML = post.date; + author.innerHTML = post.author; + 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("+-+-+-", ` + data = data.replaceAll("+-+-+-", ` </div> </div> </section> `) - console.log(data); + console.log(data); - var result = md.render(data); - content.innerHTML = result; - }).then(() => addNodes()); - }); + var result = md.render(data); + result = result.replaceAll("<a", `<a class="link"`); + content.innerHTML = result; + }).then(() => addNodes()); + }); } diff --git a/scripts/scroll.js b/scripts/scroll.js index f745db4..ac2be07 100644 --- a/scripts/scroll.js +++ b/scripts/scroll.js @@ -1,6 +1,6 @@ document.addEventListener('scroll', function () {
progress();
- hideSidebar();
+ // hideSidebar();
});
function progress() {
|