Add RSS feed

4 files changed, 89 insertions, 7 deletions

diff --git a/html/assets/rss.svg b/html/assets/rss.svg
new file mode 100644
index 0000000..15cdd0c
--- /dev/null
+++ b/html/assets/rss.svg
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+
+<svg
+   version="1.1"
+   id="Capa_1"
+   viewBox="0 0 455.731 455.731"
+   xml:space="preserve"
+   sodipodi:docname="rss.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs17" /><sodipodi:namedview
+   id="namedview15"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   showgrid="false"
+   inkscape:zoom="0.46024959"
+   inkscape:cx="-66.268391"
+   inkscape:cy="145.57319"
+   inkscape:window-width="1499"
+   inkscape:window-height="749"
+   inkscape:window-x="2140"
+   inkscape:window-y="200"
+   inkscape:window-maximized="0"
+   inkscape:current-layer="Capa_1" />
+<g
+   id="g12"
+   transform="translate(0,64.710518)">
+	
+	<g
+   id="g10">
+		<path
+   style="fill:#1a81ef;fill-opacity:1"
+   d="M 296.208,159.16 C 234.445,97.397 152.266,63.382 64.81,63.382 v 64.348 c 70.268,0 136.288,27.321 185.898,76.931 49.609,49.61 76.931,115.63 76.931,185.898 h 64.348 C 391.986,303.103 357.971,220.923 296.208,159.16 Z"
+   id="path4" />
+		<path
+   style="fill:#1a81ef;fill-opacity:1"
+   d="m 64.143,172.273 v 64.348 c 84.881,0 153.938,69.056 153.938,153.939 h 64.348 c 0,-120.364 -97.922,-218.287 -218.286,-218.287 z"
+   id="path6" />
+		<circle
+   style="fill:#1a81ef;fill-opacity:1"
+   cx="109.833"
+   cy="346.26001"
+   r="46.088001"
+   id="circle8" />
+	</g>
+</g>
+</svg>
diff --git a/html/assets/style.css b/html/assets/style.css
index 06345df..4c7cf48 100644
--- a/html/assets/style.css
+++ b/html/assets/style.css
@@ -89,6 +89,19 @@ blockquote
     overflow-wrap: anywhere;
 }
 
+img.rss:hover
+{
+    transform: scale(120%);
+}
+
+img.rss
+{
+    height: 1em;
+    width: 1em;
+    display: inline;
+    margin-left: 10px;
+}
+
 .main-container
 {
     margin: 0;
@@ -259,7 +272,7 @@ main
 {
     display: flex;
     flex-wrap: wrap;
-    justify-content: center;
+    justify-content: start;
 }
 
 .note-box 
@@ -293,6 +306,7 @@ main
     margin-top: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
+    margin-right: 10px
 }
 
 .note-box img 
@@ -329,6 +343,12 @@ main
     {
         display: initial;
     }
+
+    .note-link
+    {
+        margin-left: auto;
+        margin-right: auto;
+    }
 }
 
 .animated-box::before 
diff --git a/html/feed.xml b/html/feed.xml
new file mode 100644
index 0000000..5716b68
--- /dev/null
+++ b/html/feed.xml
@@ -0,0 +1,2 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title>Fryzek Concepts</title><atom:link href="https://fryzekconcepts.com/feed.xml" rel="self" type="application/rss+xml"/><link>https://fryzekconcepts.com</link><description>Lucas is a developer working on cool things</description><lastBuildDate>Sat, 21 Jan 2023 03:57:34 -0000</lastBuildDate><item><title>Generating Video</title><link>https://fryzekconcepts.com/notes/generating-video</link><description>One thing I’m very interested in is computer graphics. This could be complex 3D graphics or  2D</description><pubDate>Sun, 30 Oct 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/generating-video</guid></item><item><title>N64Brew GameJam 2021</title><link>https://fryzekconcepts.com/notes/n64brew-gamejam-2021</link><description>So this year myself and two others decided to participate together in the N64Brew homebrew  where</description><pubDate>Sun, 30 Oct 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/n64brew-gamejam-2021</guid></item><item><title>Baremetal RISC-V</title><link>https://fryzekconcepts.com/notes/baremetal-risc-v</link><description>After re-watching suckerpinch’s Reverse Emulation video I got inspired to try and replicate what</description><pubDate>Sun, 30 Oct 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/baremetal-risc-v</guid></item><item><title>Digital Garden</title><link>https://fryzekconcepts.com/notes/digital_garden</link><description>After reading Maggie Appleton page on digital gardens I was inspired to convert my own website into</description><pubDate>Sun, 30 Oct 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/digital_garden</guid></item><item><title>Rasterizing Triangles</title><link>https://fryzekconcepts.com/notes/rasterizing-triangles</link><description>Lately I’ve been trying to implement a software renderer following the algorithm described by</description><pubDate>Sun, 30 Oct 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/rasterizing-triangles</guid></item></channel></rss>
\ No newline at end of file
diff --git a/html/index.html b/html/index.html
index 3a84a5f..6ff7569 100644
--- a/html/index.html
+++ b/html/index.html
@@ -37,39 +37,43 @@
     <h1 class=title-header> is a developer working on cool things. </h1>
 </div>
 
-<h2 class="main-heading">Notes</h2>
+<h2 class="main-heading">Notes
+    <a class="rss" href="/posts.xml">
+        <img class="rss" src="/assets/rss.svg">
+    </a>
+</h2>
 <div class="notes-container">
         <a href="/notes/n64brew-gamejam-2021.html" class="note-link">
         <div class="note-box">
             <img src="/assets/2021-12-10-n64brew-gamejam-2021/bug_3.png">
             <h2>N64Brew GameJam 2021</h2>
-            <p>So this year, myself and two others decided to participate together in the N64Brew homebrew  where ...</p>
+            <p>So this year, myself and two others decided to participate together in the N64Brew homebrew  where                                                                                                                                                                                                                                                                                                                                                                                                                 ...</p>
         </div>
     </a>
         <a href="/notes/digital_garden.html" class="note-link">
         <div class="note-box">
             <h2>Digital Garden</h2>
-            <p>After reading Maggie Appleton page on digital gardens I was inspired to convert my own website into...</p>
+            <p>After reading Maggie Appleton page on digital gardens I was inspired to convert my own website into a digital garden.I have many half baked ideas that I seem to be able to finish. Some of them get to a published state like  and , but many of them never make it to the published state. The idea of digital garden seems very appealing to me, as it encourages you to post on a topic even if you haven’t made it publishable yet.How this site works - I wanted a bit of challenge when putting together  ...</p>
         </div>
     </a>
         <a href="/notes/rasterizing-triangles.html" class="note-link">
         <div class="note-box">
             <img src="/assets/2022-04-03-rasterizing-triangles/Screenshot-from-2022-04-03-13-43-13.png">
             <h2>Rasterizing Triangles</h2>
-            <p>Lately I’ve been trying to implement a software renderer following the algorithm described by    ...</p>
+            <p>Lately I’ve been trying to implement a software renderer following the algorithm described by                                                                                                                                                                                                                                                                                                                                                                                                                    ...</p>
         </div>
     </a>
         <a href="/notes/baremetal-risc-v.html" class="note-link">
         <div class="note-box">
             <img src="/assets/2022-06-09-baremetal-risc-v/PXL_20220609_121350403.jpg">
             <h2>Baremetal RISC-V</h2>
-            <p>After re-watching suckerpinch’s Reverse Emulation video I got inspired to try and replicate what ...</p>
+            <p>After re-watching suckerpinch’s Reverse Emulation video I got inspired to try and replicate what                                                                                                                                                                                                                                                                                                                                                                                                                 ...</p>
         </div>
     </a>
         <a href="/notes/generating-video.html" class="note-link">
         <div class="note-box">
             <h2>Generating Video</h2>
-            <p>One thing I’m very interested in is computer graphics. This could be complex 3D graphics or  2D  ...</p>
+            <p>One thing I’m very interested in is computer graphics. This could be complex 3D graphics or simple 2D graphics. The idea of getting a computer to display visual data fascinates me. One fundamental part of showing visual data is interfacing with a computer monitor. This can be accomplished by generating a video signal that the monitor understands. Below I have written instructions on how an FPGA can be used to generate a video signal. I have specifically worked with the iCEBreaker FPGA but the...</p>
         </div>
     </a>
     </div>