Build: (6742ae8) Add 32-Bit Cafe Back to School code jam button

articles/accessible-footnotes/index.html

@@ -482,6 +482,8 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
     
 
     <article class="content">
+        <p class="center-text"><a href="https://32bit.cafe/~xandra/events/codejam5/" class="inline-img"><img src="/assets/images/articles/accessible-footnotes/32bitcafe-backtoschool.png" alt="32-Bit Cafe &quot;Back to School&quot; Code Jam button"></a></p>
+<p class="center-text">(32-Bit Cafe &quot;Back to School&quot; button made by <a href="https://ribo.zone/">Loren</a>)</p>
 <p><a href="https://32bit.cafe/">32-Bit Cafe</a> is holding its fifth community code jam, titled <a href="https://32bit.cafe/~xandra/events/codejam5/">&quot;Back to School&quot;</a>, from 4 to 17 August 2024. I have been looking forward to participating in 32-Bit Cafe's community code jam for the first time, so I am excited. This motivates me to finally write a how-to article I have been meaning to do for a while: how to implement accessible footnotes on Leilukin's Hub, or at least, I tried to do so to the best of my abilities.</p>
 <p>On <a href="https://discourse.32bit.cafe/">32-Bit Cafe's Discourse forum</a>, I made a <a href="https://discourse.32bit.cafe/t/handling-citations-and-or-footnotes/1061/2?u=leilukin">post on 28 June 2024</a> in response to <a href="https://solaria.neocities.org/">solaria</a>'s thread <a href="https://discourse.32bit.cafe/t/handling-citations-and-or-footnotes/1061">&quot;Handling Citations and/or Footnotes&quot;</a> to share my methods of adding footnotes on my website. Now, I am writing an extended version of that post of mine in the form of this article, so I could share what I learned about web page footnotes on my website as well.</p>
 <p>(Note: This article assumes a foundational familiarity with HTML and CSS)</p>

assets/css/general.css

@@ -10,7 +10,6 @@ body {
 
 main {
     width: 100%;
-    display: grid;
     font-size: var(--fs-main);
 }
 

assets/css/utility.css

@@ -4,11 +4,6 @@
 .inline-img { display: inline-block; }
 .update-info { margin-top: 3em; }
 
-.center-el {
-    display: grid;
-    place-content: center;
-}
-
 .indent-text {
     padding: 1em 0 1em 2em;
     display: grid;

feed.xml

@@ -4,7 +4,7 @@
     <subtitle>Leilukin&#39;s personal website.</subtitle>
     <link href="https://leilukin.com/feed.xml" rel="self"/>
     <link href="https://leilukin.com"/>
-    <updated>2024-08-06T11:52:37Z</updated>
+    <updated>2024-08-06T12:16:54Z</updated>
     <id>https://leilukin.com/</id>
     <author>
         <name>Leilukin</name>
@@ -27,7 +27,9 @@
             <link href="https://leilukin.com/articles/accessible-footnotes/"/>
             <updated>2024-08-06T00:00:00Z</updated>
             <id>https://leilukin.com/articles/accessible-footnotes/</id>
-            <content type="html">&lt;p&gt;&lt;a href=&quot;https://32bit.cafe/&quot;&gt;32-Bit Cafe&lt;/a&gt; is holding its fifth community code jam, titled &lt;a href=&quot;https://32bit.cafe/~xandra/events/codejam5/&quot;&gt;&amp;quot;Back to School&amp;quot;&lt;/a&gt;, from 4 to 17 August 2024. I have been looking forward to participating in 32-Bit Cafe&#39;s community code jam for the first time, so I am excited. This motivates me to finally write a how-to article I have been meaning to do for a while: how to implement accessible footnotes on Leilukin&#39;s Hub, or at least, I tried to do so to the best of my abilities.&lt;/p&gt;
+            <content type="html">&lt;p class=&quot;center-text&quot;&gt;&lt;a href=&quot;https://32bit.cafe/~xandra/events/codejam5/&quot; class=&quot;inline-img&quot;&gt;&lt;img src=&quot;https://leilukin.com/assets/images/articles/accessible-footnotes/32bitcafe-backtoschool.png&quot; alt=&quot;32-Bit Cafe &amp;quot;Back to School&amp;quot; Code Jam button&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
+&lt;p class=&quot;center-text&quot;&gt;(32-Bit Cafe &amp;quot;Back to School&amp;quot; button made by &lt;a href=&quot;https://ribo.zone/&quot;&gt;Loren&lt;/a&gt;)&lt;/p&gt;
+&lt;p&gt;&lt;a href=&quot;https://32bit.cafe/&quot;&gt;32-Bit Cafe&lt;/a&gt; is holding its fifth community code jam, titled &lt;a href=&quot;https://32bit.cafe/~xandra/events/codejam5/&quot;&gt;&amp;quot;Back to School&amp;quot;&lt;/a&gt;, from 4 to 17 August 2024. I have been looking forward to participating in 32-Bit Cafe&#39;s community code jam for the first time, so I am excited. This motivates me to finally write a how-to article I have been meaning to do for a while: how to implement accessible footnotes on Leilukin&#39;s Hub, or at least, I tried to do so to the best of my abilities.&lt;/p&gt;
 &lt;p&gt;On &lt;a href=&quot;https://discourse.32bit.cafe/&quot;&gt;32-Bit Cafe&#39;s Discourse forum&lt;/a&gt;, I made a &lt;a href=&quot;https://discourse.32bit.cafe/t/handling-citations-and-or-footnotes/1061/2?u=leilukin&quot;&gt;post on 28 June 2024&lt;/a&gt; in response to &lt;a href=&quot;https://solaria.neocities.org/&quot;&gt;solaria&lt;/a&gt;&#39;s thread &lt;a href=&quot;https://discourse.32bit.cafe/t/handling-citations-and-or-footnotes/1061&quot;&gt;&amp;quot;Handling Citations and/or Footnotes&amp;quot;&lt;/a&gt; to share my methods of adding footnotes on my website. Now, I am writing an extended version of that post of mine in the form of this article, so I could share what I learned about web page footnotes on my website as well.&lt;/p&gt;
 &lt;p&gt;(Note: This article assumes a foundational familiarity with HTML and CSS)&lt;/p&gt;
 &lt;div class=&quot;heading-wrapper h2&quot;&gt;