diff --git a/index.html b/index.html index 64db73f..43fb438 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ Barrett Ruth - +
diff --git a/posts/from-github-pages-to-aws.html b/posts/from-github-pages-to-aws.html new file mode 100644 index 0000000..3b3e704 --- /dev/null +++ b/posts/from-github-pages-to-aws.html @@ -0,0 +1,16 @@ + + + + + + + + + Barrett Ruth + + +
main
+
foot
+ + + diff --git a/scripts/index.js b/scripts/index.js index 380da68..61937c5 100644 --- a/scripts/index.js +++ b/scripts/index.js @@ -62,14 +62,25 @@ function renderPosts(topic) { postMapping.get(topic).forEach((postName) => { const post = document.createElement("div"); post.classList.add("post"); - post.textContent = postName; + + const link = document.createElement("a"); + post.classList.add("post"); + link.href = `/posts/${postName.replace(/\s+/g, "-").toLowerCase()}.html`; + link.textContent = postName; + + post.appendChild(link); posts.appendChild(post); }); } +let typing = false; + function typechars(e) { e.preventDefault(); + if (typing) return; + typing = true; + const topic = e.target.textContent; const terminalText = ` ${topic.toLowerCase()}/`; const terminalPrompt = document.querySelector(".prompt"); @@ -84,6 +95,7 @@ function typechars(e) { setTimeout(typechar, delay / terminalText.length); } else { renderPosts(topic); + typing = false; } } diff --git a/styles/index.css b/styles/index.css index f618d7b..c78a8dd 100644 --- a/styles/index.css +++ b/styles/index.css @@ -35,6 +35,8 @@ body { height: 100%; display: flex; flex-direction: column; +} +.graph { background-image: linear-gradient( to right, rgba(200, 200, 200, 0.4) 1px,