From 9434a5ddaecfce549cbbb449cc9e91158367de80 Mon Sep 17 00:00:00 2001
From: Anson <anson@ansonbiggs.com>
Date: Tue, 27 Jul 2021 19:05:14 -0700
Subject: [PATCH] blog posts automatically populate on resume

---
 index.html | 44 ++++++++++++++++++++++++++++++++++++++++++++
 print.css  |  5 +++++
 style.css  |  4 ++++
 3 files changed, 53 insertions(+)

diff --git a/index.html b/index.html
index 8456ab9..673ffc5 100644
--- a/index.html
+++ b/index.html
@@ -138,5 +138,49 @@
         </ul>
       </li>
     </ul>
+    <div id="noprint">
+      <h2>Projects</h2>
+      <p>
+        Below are some projects that I have worked on where I found something
+        that was interesting enough to make a writeup and post.
+      </p>
+      <script>
+        const RSS_URL = `https://projects.ansonbiggs.com/index.xml`;
+
+        fetch(RSS_URL)
+          .then((response) => response.text())
+          .then((str) =>
+            new window.DOMParser().parseFromString(str, "text/xml")
+          )
+          .then((data) => {
+            console.log(data);
+            const items = data.querySelectorAll("item");
+            let html = ``;
+            items.forEach((el) => {
+              html += `
+              <article id="noprint">
+                <header><h3>
+                  <a href="${
+                    el.querySelector("link").innerHTML
+                  }" target="_blank" rel="noopener">
+                  ${el.querySelector("title").innerHTML}
+                </a>
+              </header></h3>
+              <figure>
+              <img src="${el
+                .querySelector("content")
+                .getAttribute("url")}" alt="Post Thumbnail">
+              </figure>
+                <figcaption>${
+                  el.querySelector("description").innerHTML
+                }</figcaption>
+              </article>
+              <hr>
+            `;
+            });
+            document.body.insertAdjacentHTML("beforeend", html);
+          });
+      </script>
+    </div>
   </body>
 </html>
diff --git a/print.css b/print.css
index c583535..7c1d210 100644
--- a/print.css
+++ b/print.css
@@ -6,3 +6,8 @@ body {
 h2::after {
   margin: 0;
 }
+
+#noprint {
+  display: none;
+  visibility: hidden;
+}
diff --git a/style.css b/style.css
index 1a32afc..cb475d3 100644
--- a/style.css
+++ b/style.css
@@ -20,6 +20,10 @@ p {
   margin-left: 1em;
 }
 
+article > p {
+  margin-left: 0;
+}
+
 body {
   margin: auto 15% 5em 10%;
 }