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

This commit is contained in:
helenclx 2024-08-06 12:16:58 +00:00
parent a197a4f4dd
commit 2b7827bd30
5 changed files with 7 additions and 9 deletions

View File

@ -482,6 +482,8 @@ drop-shadow(0.1rem 0.1rem 0.2rem rgba(30, 30, 30, 0.8))
<article class="content"> <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><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>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> <p>(Note: This article assumes a foundational familiarity with HTML and CSS)</p>

View File

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

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

View File

@ -4,7 +4,7 @@
<subtitle>Leilukin&#39;s personal website.</subtitle> <subtitle>Leilukin&#39;s personal website.</subtitle>
<link href="https://leilukin.com/feed.xml" rel="self"/> <link href="https://leilukin.com/feed.xml" rel="self"/>
<link href="https://leilukin.com"/> <link href="https://leilukin.com"/>
<updated>2024-08-06T11:52:37Z</updated> <updated>2024-08-06T12:16:54Z</updated>
<id>https://leilukin.com/</id> <id>https://leilukin.com/</id>
<author> <author>
<name>Leilukin</name> <name>Leilukin</name>
@ -27,7 +27,9 @@
<link href="https://leilukin.com/articles/accessible-footnotes/"/> <link href="https://leilukin.com/articles/accessible-footnotes/"/>
<updated>2024-08-06T00:00:00Z</updated> <updated>2024-08-06T00:00:00Z</updated>
<id>https://leilukin.com/articles/accessible-footnotes/</id> <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;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;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; &lt;div class=&quot;heading-wrapper h2&quot;&gt;