Fix mobile layout

5 files changed, 25 insertions, 11 deletions

diff --git a/html/assets/style.css b/html/assets/style.css
index d4f5b9c..7b4de1a 100644
--- a/html/assets/style.css
+++ b/html/assets/style.css
@@ -130,6 +130,14 @@ img.rss
     margin: auto;
 }
 
+.youtube-video iframe
+{
+    max-width: 728px;
+    max-height: 410px;
+    width: 728px;
+    height: 410px;
+}
+
 .contact-list, .social-media-list 
 {
     list-style: none;
@@ -173,7 +181,7 @@ img.rss
 .page-info-container
 {
    display: flex;
-   width: 700px;
+   max-width: 700px;
    margin: auto;
 }
 
@@ -227,7 +235,7 @@ img.rss
 
 .page-title-header-container 
 {
-    width: 1000px;
+    max-width: 1000px;
     margin: auto;
     display: block;
 }
@@ -353,6 +361,12 @@ a.header-link
         margin-left: auto;
         margin-right: auto;
     }
+
+    .youtube-video iframe
+    {
+        width: 100%;
+        height: 56%;
+    }
 }
 
 .animated-box::before 
diff --git a/html/feed.xml b/html/feed.xml
index a32c55a..67d9043 100644
--- a/html/feed.xml
+++ b/html/feed.xml
@@ -1,2 +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>Thu, 09 Feb 2023 15:38:08 -0000</lastBuildDate><item><title>Generating Video</title><link>https://fryzekconcepts.com/notes/generating-video.html</link><description>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...</description><pubDate>Tue, 07 Apr 2020 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/generating-video.html</guid></item><item><title>N64Brew GameJam 2021</title><link>https://fryzekconcepts.com/notes/n64brew-gamejam-2021.html</link><description>So this year myself and two others decided to participate together in the N64Brew homebrew GameJam where we were supposed to build a homebrew game that would run on a real Nintendo 64. The game jam took place from October 8th until December 8th and was the second GameJam in N64Brew history. Unfortunately we never ended up finishing the game but we did build a really cool tech demo. Our project was called Bug Game and if you want to check it out you can find it here. To play the game   a...</description><pubDate>Fri, 10 Dec 2021 05:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/n64brew-gamejam-2021.html</guid></item><item><title>Rasterizing Triangles</title><link>https://fryzekconcepts.com/notes/rasterizing-triangles.html</link><description>Lately I’ve been trying to implement a software renderer following the algorithm described by Juan Pineda in A Parallel Algorithm for Polygon Rasterization. For those unfamiliar with the paper it describes an algorithm to rasterize triangles that has an extremely nice quality that you simply need to preform a few additions per pixel to see if the next pixel is inside the triangle. It achieves this quality by defining an edge function that has the following property:This property is  nice  a...</description><pubDate>Sun, 03 Apr 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/rasterizing-triangles.html</guid></item><item><title>Baremetal RISC-V</title><link>https://fryzekconcepts.com/notes/baremetal-risc-v.html</link><description>After re-watching suckerpinch’s Reverse Emulation video I got inspired to try and replicate what he did but instead do it on an N64. Now my idea here is not to preform reverse emulation on the N64 itself but instead to use the SBC as a cheap way to make a dev focused flash cart. Seeing that sukerpinch was able to meet the timings of the NES bus made me think it might be possible to meet the N64 bus timings taking an approach similar to his.Why RISC-V Baremetal? - The answer here is more    I...</description><pubDate>Thu, 09 Jun 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/baremetal-risc-v.html</guid></item><item><title>Digital Garden</title><link>https://fryzekconcepts.com/notes/digital_garden.html</link><description>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...</description><pubDate>Sun, 30 Oct 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/digital_garden.html</guid></item><item><title>2022 Graphics Team Contributions at Igalia</title><link>https://fryzekconcepts.com/notes/2022_igalia_graphics_team.html</link><description>This year I started a new job working with Igalia’s Graphics Team. For those of you who don’t know Igalia they are a worker-owned employee-run cooperative model consultancy focused on open source software.As a new member of the team I thought it would be a great idea to summarize the incredible amount of work the team completed in 2022. If you’re interested keep reading!Vulkan 1.2 Conformance on RPi 4 - One of the big milestones for the team in 2022 was achieving Vulkan 1.2 conformance...</description><pubDate>Thu, 02 Feb 2023 05:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/2022_igalia_graphics_team.html</guid></item></channel></rss>
\ No newline at end of file
+<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>Thu, 09 Feb 2023 17:09:55 -0000</lastBuildDate><item><title>Generating Video</title><link>https://fryzekconcepts.com/notes/generating-video.html</link><description>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...</description><pubDate>Tue, 07 Apr 2020 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/generating-video.html</guid></item><item><title>N64Brew GameJam 2021</title><link>https://fryzekconcepts.com/notes/n64brew-gamejam-2021.html</link><description>So this year myself and two others decided to participate together in the N64Brew homebrew GameJam where we were supposed to build a homebrew game that would run on a real Nintendo 64. The game jam took place from October 8th until December 8th and was the second GameJam in N64Brew history. Unfortunately we never ended up finishing the game but we did build a really cool tech demo. Our project was called Bug Game and if you want to check it out you can find it here. To play the game   a...</description><pubDate>Fri, 10 Dec 2021 05:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/n64brew-gamejam-2021.html</guid></item><item><title>Rasterizing Triangles</title><link>https://fryzekconcepts.com/notes/rasterizing-triangles.html</link><description>Lately I’ve been trying to implement a software renderer following the algorithm described by Juan Pineda in A Parallel Algorithm for Polygon Rasterization. For those unfamiliar with the paper it describes an algorithm to rasterize triangles that has an extremely nice quality that you simply need to preform a few additions per pixel to see if the next pixel is inside the triangle. It achieves this quality by defining an edge function that has the following property:This property is  nice  a...</description><pubDate>Sun, 03 Apr 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/rasterizing-triangles.html</guid></item><item><title>Baremetal RISC-V</title><link>https://fryzekconcepts.com/notes/baremetal-risc-v.html</link><description>After re-watching suckerpinch’s Reverse Emulation video I got inspired to try and replicate what he did but instead do it on an N64. Now my idea here is not to preform reverse emulation on the N64 itself but instead to use the SBC as a cheap way to make a dev focused flash cart. Seeing that sukerpinch was able to meet the timings of the NES bus made me think it might be possible to meet the N64 bus timings taking an approach similar to his.Why RISC-V Baremetal? - The answer here is more    I...</description><pubDate>Thu, 09 Jun 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/baremetal-risc-v.html</guid></item><item><title>Digital Garden</title><link>https://fryzekconcepts.com/notes/digital_garden.html</link><description>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...</description><pubDate>Sun, 30 Oct 2022 04:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/digital_garden.html</guid></item><item><title>2022 Graphics Team Contributions at Igalia</title><link>https://fryzekconcepts.com/notes/2022_igalia_graphics_team.html</link><description>This year I started a new job working with Igalia’s Graphics Team. For those of you who don’t know Igalia they are a worker-owned employee-run cooperative model consultancy focused on open source software.As a new member of the team I thought it would be a great idea to summarize the incredible amount of work the team completed in 2022. If you’re interested keep reading!Vulkan 1.2 Conformance on RPi 4 - One of the big milestones for the team in 2022 was achieving Vulkan 1.2 conformance...</description><pubDate>Thu, 02 Feb 2023 05:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/2022_igalia_graphics_team.html</guid></item></channel></rss>
\ No newline at end of file
diff --git a/html/graphics_feed.xml b/html/graphics_feed.xml
index 739b6ac..830dae7 100644
--- a/html/graphics_feed.xml
+++ b/html/graphics_feed.xml
@@ -1,2 +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>Thu, 09 Feb 2023 15:38:08 -0000</lastBuildDate><item><title>2022 Graphics Team Contributions at Igalia</title><link>https://fryzekconcepts.com/notes/2022_igalia_graphics_team.html</link><description>This year I started a new job working with Igalia’s Graphics Team. For those of you who don’t know Igalia they are a worker-owned employee-run cooperative model consultancy focused on open source software.As a new member of the team I thought it would be a great idea to summarize the incredible amount of work the team completed in 2022. If you’re interested keep reading!Vulkan 1.2 Conformance on RPi 4 - One of the big milestones for the team in 2022 was achieving Vulkan 1.2 conformance...</description><pubDate>Thu, 02 Feb 2023 05:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/2022_igalia_graphics_team.html</guid></item></channel></rss>
\ No newline at end of file
+<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>Thu, 09 Feb 2023 17:09:55 -0000</lastBuildDate><item><title>2022 Graphics Team Contributions at Igalia</title><link>https://fryzekconcepts.com/notes/2022_igalia_graphics_team.html</link><description>This year I started a new job working with Igalia’s Graphics Team. For those of you who don’t know Igalia they are a worker-owned employee-run cooperative model consultancy focused on open source software.As a new member of the team I thought it would be a great idea to summarize the incredible amount of work the team completed in 2022. If you’re interested keep reading!Vulkan 1.2 Conformance on RPi 4 - One of the big milestones for the team in 2022 was achieving Vulkan 1.2 conformance...</description><pubDate>Thu, 02 Feb 2023 05:00:00 -0000</pubDate><guid>https://fryzekconcepts.com/notes/2022_igalia_graphics_team.html</guid></item></channel></rss>
\ No newline at end of file
diff --git a/html/notes/2022_igalia_graphics_team.html b/html/notes/2022_igalia_graphics_team.html
index 13127e0..bbaa419 100644
--- a/html/notes/2022_igalia_graphics_team.html
+++ b/html/notes/2022_igalia_graphics_team.html
@@ -50,7 +50,7 @@
 <h2 id="vulkan-1.3-support-on-turnip">Vulkan 1.3 support on Turnip</h2>
 <p>Igalia has been heavily supporting the Open-Source Turnip Vulkan driver for Qualcomm Adreno GPUs, and in 2022 we helped it achieve Vulkan 1.3 conformance. Danylo Piliaiev on the graphics team here at Igalia, wrote a great <a href="https://blogs.igalia.com/dpiliaiev/turnip-vulkan-1-3/">blog post</a> on this achievement! One of the biggest challenges for the Turnip driver is that it is a completely reverse-engineered driver that has been built without access to any hardware documentation or reference driver code.</p>
 <p>With Vulkan 1.3 conformance has also come the ability to run more commercial games on Adreno GPUs through the use of the DirectX translation layers. If you would like to see more of this check out this <a href="https://blogs.igalia.com/dpiliaiev/turnip-july-2022-update/">post</a> from Danylo where he talks about getting “The Witcher 3”, “The Talos Principle”, and “OMD2” running on the A660 GPU. Outside of Vulkan 1.3 support he also talks about some of the extensions that were implemented to allow “Zink” (the OpenGL over Vulkan driver) to run Turnip, and bring OpenGL 4.6 support to Adreno GPUs.</p>
-<p><div class="youtube-video"><iframe width="728px" height="410px" src="https://www.youtube.com/embed/oVFWy25uiXA"></iframe></div></p>
+<p><div class="youtube-video"><iframe src="https://www.youtube.com/embed/oVFWy25uiXA"></iframe></div></p>
 <h2 id="vulkan-extensions">Vulkan Extensions</h2>
 <p>Several developers on the Graphics Team made several key contributions to Vulkan Extensions and the Vulkan conformance test suite (CTS). My colleague Ricardo Garcia made an excellent <a href="https://rg3.name/202212122137.html">blog post</a> about those contributions. Below I’ve listed what Igalia did for each of the extensions:</p>
 <ul>
@@ -91,19 +91,19 @@
 <p>X.Org Developers Conference is one of the big conferences for us here at the Graphics Team. Last year at XDC 2022 our Team presented 5 talks in Minneapolis, Minnesota. XDC 2022 took place towards the end of the year in October, so it provides some good context on how the team closed out the year. If you didn’t attend or missed their presentation, here’s a breakdown:</p>
 <h3 id="replacing-the-geometry-pipeline-with-mesh-shaders-ricardo-garcía"><a href="https://indico.freedesktop.org/event/2/contributions/48/">“Replacing the geometry pipeline with mesh shaders”</a> (Ricardo García)</h3>
 <p>Ricardo presents what exactly mesh shaders are in Vulkan. He made many contributions to this extension including writing 1000s of CTS tests for this extension with a <a href="https://rg3.name/202210222107.html">blog post</a> on his presentation that should check out!</p>
-<p><div class="youtube-video"><iframe width="728px" height="410px" src="https://www.youtube.com/embed/aRNJ4xj_nDs"></iframe></div></p>
+<p><div class="youtube-video"><iframe src="https://www.youtube.com/embed/aRNJ4xj_nDs"></iframe></div></p>
 <h3 id="status-of-vulkan-on-raspberry-pi-iago-toral"><a href="https://indico.freedesktop.org/event/2/contributions/68/">“Status of Vulkan on Raspberry Pi”</a> (Iago Toral)</h3>
 <p>Iago goes into detail about the current status of the Raspberry Pi Vulkan driver. He talks about achieving Vulkan 1.2 conformance, as well as some of the challenges the team had to solve due to hardware limitations of the Broadcom GPU.</p>
-<p><div class="youtube-video"><iframe width="728px" height="410px" src="https://www.youtube.com/embed/GM9IojyzCVM"></iframe></div></p>
+<p><div class="youtube-video"><iframe src="https://www.youtube.com/embed/GM9IojyzCVM"></iframe></div></p>
 <h3 id="enable-hardware-acceleration-for-gl-applications-without-glamor-on-xorg-modesetting-driver-jose-maría-casanova-christopher-michael"><a href="https://indico.freedesktop.org/event/2/contributions/60/">“Enable hardware acceleration for GL applications without Glamor on Xorg modesetting driver”</a> (Jose María Casanova, Christopher Michael)</h3>
 <p>Chema and Christopher talk about the challenges they had to solve to enable hardware acceleration on the Raspberry Pi without Glamor.</p>
-<p><div class="youtube-video"><iframe width="728px" height="410px" src="https://www.youtube.com/embed/Bo_MOM7JTeQ"></iframe></div></p>
+<p><div class="youtube-video"><iframe src="https://www.youtube.com/embed/Bo_MOM7JTeQ"></iframe></div></p>
 <h3 id="im-not-an-amd-expert-but-melissa-wen"><a href="https://indico.freedesktop.org/event/2/contributions/50/">“I’m not an AMD expert, but…”</a> (Melissa Wen)</h3>
 <p>In this non-technical presentation, Melissa talks about techniques developers can use to understand and debug drivers without access to hardware documentation.</p>
-<p><div class="youtube-video"><iframe width="728px" height="410px" src="https://www.youtube.com/embed/CMm-yhsMB7U"></iframe></div></p>
+<p><div class="youtube-video"><iframe src="https://www.youtube.com/embed/CMm-yhsMB7U"></iframe></div></p>
 <h3 id="async-page-flip-in-atomic-api-andré-almeida"><a href="https://indico.freedesktop.org/event/2/contributions/61/">“Async page flip in atomic API”</a> (André Almeida)</h3>
 <p>André talks about the work that has been done to enable asynchronous page flipping in DRM’s atomic API with an introduction to the topic by explaining about what exactly is asynchronous page flip, and why you would want it.</p>
-<p><div class="youtube-video"><iframe width="728px" height="410px" src="https://www.youtube.com/embed/qayPPIfrqtE"></iframe></div></p>
+<p><div class="youtube-video"><iframe src="https://www.youtube.com/embed/qayPPIfrqtE"></iframe></div></p>
 <h2 id="fosdem-2022">FOSDEM 2022</h2>
 <p>Another important conference for us is FOSDEM, and last year we presented 3 of the 5 talks in the graphics dev room. FOSDEM took place in early February 2022, these talks provide some good context of where the team started in 2022.</p>
 <h3 id="the-status-of-turnip-driver-development-hyunjun-ko"><a href="https://archive.fosdem.org/2022/schedule/event/turnip/">The status of Turnip driver development</a> (Hyunjun Ko)</h3>
diff --git a/tools/note.lua b/tools/note.lua
index d684aaa..8a790fc 100644
--- a/tools/note.lua
+++ b/tools/note.lua
@@ -18,7 +18,7 @@ function Image(image)
         local s_begin, s_end = string.find(image.src, "youtube:")
         if s_begin ~= nil then
             local url = "https://www.youtube.com/embed/" .. string.sub(image.src, s_end+1, -1)
-            local video = pandoc.RawInline("html", string.format("<div class=\"youtube-video\"><iframe width=\"728px\" height=\"410px\" src=\"%s\"></iframe></div>", url))
+            local video = pandoc.RawInline("html", string.format("<div class=\"youtube-video\"><iframe src=\"%s\"></iframe></div>", url))
             return {video}
         end
     else