diff options
| -rw-r--r-- | html/assets/rss.svg | 56 | ||||
| -rw-r--r-- | html/assets/style.css | 22 | ||||
| -rw-r--r-- | html/feed.xml | 2 | ||||
| -rw-r--r-- | html/index.html | 16 | ||||
| -rw-r--r-- | makefile | 5 | ||||
| -rw-r--r-- | templates/front_page.html | 6 | ||||
| -rw-r--r-- | tools/front_page.lua | 6 | ||||
| -rw-r--r-- | tools/link_gen.lua | 19 | ||||
| -rwxr-xr-x | tools/rss_gen.py | 54 |
9 files changed, 172 insertions, 14 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> @@ -33,7 +33,10 @@ $(HTML_DIR)/%.html: $(PAGE_DIR)/%.md -M main_container="main-container-page" \ -o $@ -$(HTML_DIR)/index.html: $(HTML_DOCS) $(PAGE_FILES) +html/feed.xml: $(META_DOCS) + ./tools/rss_gen.py + +$(HTML_DIR)/index.html: $(HTML_DOCS) $(PAGE_FILES) html/feed.xml touch $(HTML_DIR)/.nojekyll pandoc -s --lua-filter=./tools/front_page.lua --template=./templates/main.html main.md \ --metadata=note_list:"$(SOURCE_FILES)" \ diff --git a/templates/front_page.html b/templates/front_page.html index 14a22f7..faa286f 100644 --- a/templates/front_page.html +++ b/templates/front_page.html @@ -13,7 +13,11 @@ <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="/feed.xml"> + <img class="rss" src="/assets/rss.svg"> + </a> +</h2> <div class="notes-container"> $for(notes)$ <a href="$it.link$" class="note-link"> diff --git a/tools/front_page.lua b/tools/front_page.lua index 9557a53..6a7cf4d 100644 --- a/tools/front_page.lua +++ b/tools/front_page.lua @@ -36,7 +36,11 @@ function Pandoc(doc) local header = pandoc.Header(2, note.title) table.insert(out_list, header) - table.insert(out_list, pandoc.Para(string.format("%s...", note.preview))) + if note["cover_image"] == nil then + table.insert(out_list, pandoc.Para(string.format("%s...", note.long_preview))) + else + table.insert(out_list, pandoc.Para(string.format("%s...", note.preview))) + end local out = pandoc.MetaBlocks(out_list) output:insert(pandoc.MetaMap({link=string.format("/notes/%s.html", note.note_name), note=out})) diff --git a/tools/link_gen.lua b/tools/link_gen.lua index fb53b53..04729d3 100644 --- a/tools/link_gen.lua +++ b/tools/link_gen.lua @@ -4,11 +4,13 @@ local meta_tools = require("tools/meta_tools") local meta = PANDOC_DOCUMENT.meta local preview = "" +local long_preview = "" local internal_links = {} local max_string_length = 100 +local max_long_string_length = 500 -local function append_str(buf, s) - if (#buf + #s) < max_string_length then +local function append_str(buf, s, max_length) + if (#buf + #s) < max_length then buf = buf .. s end @@ -66,6 +68,7 @@ function Doc(body, metadata, variables) end values["preview"] = preview + values["long_preview"] = long_preview for k,v in pairs(values) do output = output .. string.format("%s,%s\n", k, v) end @@ -73,13 +76,21 @@ function Doc(body, metadata, variables) return output end +function Header(s) + preview = append_str(preview, " - ", max_string_length) + long_preview = append_str(long_preview, " - ", max_long_string_length) + return "" +end + function Str(s) - preview = append_str(preview, s) + preview = append_str(preview, s, max_string_length) + long_preview = append_str(long_preview, s, max_long_string_length) return "" end function Space() - preview = append_str(preview, " ") + preview = append_str(preview, " ", max_long_string_length) + long_preview = append_str(long_preview, " ", max_long_string_length) return "" end diff --git a/tools/rss_gen.py b/tools/rss_gen.py new file mode 100755 index 0000000..c4cc1b0 --- /dev/null +++ b/tools/rss_gen.py @@ -0,0 +1,54 @@ +#!/usr/bin/env python3 + +from lxml import etree as ET +import datetime +import time +import email.utils +import os + +today = email.utils.formatdate() +url = "https://fryzekconcepts.com" +personal_author_string = "lucas.fryzek@fryzekconcepts.com (Lucas Fryzek)" + +xmlns_uris = {"atom" : "http://www.w3.org/2005/Atom"} + +rss = ET.Element("rss", version="2.0", nsmap=xmlns_uris) +channel = ET.SubElement(rss, "channel") +ET.SubElement(channel, "title").text = "Fryzek Concepts" +ET.SubElement(channel, "{{{}}}link".format(xmlns_uris["atom"]), href="{}/feed.xml".format(url), rel="self", type="application/rss+xml") +ET.SubElement(channel, "link").text = url +ET.SubElement(channel, "description").text = "Lucas is a developer working on cool things" +#ET.SubElement(channel, "pubData").text = today +ET.SubElement(channel, "lastBuildDate").text = today + +notes = [] + +build_dir = "./build" +for file in os.listdir(build_dir): + if file.endswith(".meta"): + path = os.path.join(build_dir, file) + f = open(path, "r") + note = {"name" : "".join(file.split(".")[:-1])} + for line in f: + line_split = line.strip().split(",") + note[line_split[0]] = "".join(line_split[1:]) + f.close() + + notes.append(note) + +for note in notes: + post_time = datetime.datetime.strptime("2022-10-30", "%Y-%m-%d") + post_rfc_time = email.utils.formatdate(timeval=time.mktime(post_time.timetuple())) + post_url = "{}/notes/{}".format(url, note["name"]) + item = ET.SubElement(channel, "item") + ET.SubElement(item, "title").text = note["title"] + ET.SubElement(item, "link").text = post_url + ET.SubElement(item, "description").text = note["preview"] + if "categories" in note: + ET.SubElement(item, "category").text = note["categories"] + + ET.SubElement(item, "pubDate").text = post_rfc_time + ET.SubElement(item, "guid").text = post_url + +tree = ET.ElementTree(rss) +tree.write("html/feed.xml", encoding='utf-8', xml_declaration=True) |
