commit add357e0570c6f565c13631448c44e219ea3732f · pyrox.dev/blog

+9

src/_components/footnotes.vto

···

       1
       1
       +
       <hr class="border-overlay1 mb-2">

     

       2
       2
       +
       <ul>

     

       3
       3
       +
           {{ for fn of footnotes }}

     

       4
       4
       +
               <li class="fn" id="{{ fn.id }}">

     

       5
       5
       +
                   <span class="fn-label">{{ fn.rawId }}</span>: {{ fn.content }}

     

       6
       6
       +
                   <a href="#{{ fn.refId }}" class="fn-backref" aria-label="Back to reference"></a>

     

       7
       7
       +
               </li>

     

       8
       8
       +
           {{ /for }}

     

       9
       9
       +
       </ul>

+19

src/_components/head.vto

···

       25
       25
        
       <title>{{ title }}</title>

     

       26
       26
        
       {{ if !production }}

     

       27
       27
        
           <script defer="defer" src="/static/scripts/open-in-editor.js"></script>

     

       28
       28
       +
           {{# Load Sa11y #}}

     

       29
       29
       +
           <link rel="preconnect" href="https://cnd.jsdelivr.net">

     

       30
       30
       +
           <link

     

       31
       31
       +
               rel="stylesheet"

     

       32
       32
       +
               href="https://cdn.jsdelivr.net/gh/ryersondmp/sa11y@latest/dist/css/sa11y.min.css"

     

       33
       33
       +
           />

     

       34
       34
       +
           <script

     

       35
       35
       +
               src="https://cdn.jsdelivr.net/combine/gh/ryersondmp/sa11y@latest/dist/js/lang/en.umd.js,gh/ryersondmp/sa11y@latest/dist/js/sa11y.umd.min.js"

     

       36
       36
       +
           ></script>

     

       37
       37
       +
           <script>

     

       38
       38
       +
               Sa11y.Lang.addI18n(Sa11yLangEn.strings);

     

       39
       39
       +
             const sa11y = new Sa11y.Sa11y({

     

       40
       40
       +
               checkRoot: "body",

     

       41
       41
       +
               readabilityRoot: "main",

     

       42
       42
       +
               developerChecksOnByDefault: true,

     

       43
       43
       +
               showGoodLinkButton: false,

     

       44
       44
       +
               showGoodImageButton: false,

     

       45
       45
       +
             });

     

       46
       46
       +
           </script>

     

       28
       47
        
       {{ /if }}

+20

src/_components/table_of_contents.vto

···

       1
       1
       +
       <nav class="toc">

     

       2
       2
       +
           <h2 class="text-overlay1 mb-1">Table of Contents</h2>

     

       3
       3
       +
           <ol class="toc-l1">

     

       4
       4
       +
               {{ for item of toc }}

     

       5
       5
       +
                   <li>

     

       6
       6
       +
                       <a href="#{{ item.slug }}">{{ item.text }}</a>

     

       7
       7
       +
       

     

       8
       8
       +
                       {{ if item.children.length }}

     

       9
       9
       +
                           <ul>

     

       10
       10
       +
                               {{ for child of item.children }}

     

       11
       11
       +
                                   <li class="toc-l2">

     

       12
       12
       +
                                       <a href="#{{ child.slug }}">{{ child.text }}</a>

     

       13
       13
       +
                                   </li>

     

       14
       14
       +
                               {{ /for }}

     

       15
       15
       +
                           </ul>

     

       16
       16
       +
                       {{ /if }}

     

       17
       17
       +
                   </li>

     

       18
       18
       +
               {{ /for }}

     

       19
       19
       +
           </ol>

     

       20
       20
       +
       </nav>

+8 -4

src/_components/webring.vto

···

       2
       2
        
           class="mb-2 lg:mb-4 px-2 py-1 bg-surface0 text-center text-lg rounded-md w-full sm:w-1/2 xl:w-1/3"

     

       3
       3
        
       >

     

       4
       4
        
           <p><a href="{{ring.all}}" class="text-serif text-2xl text-mauve">{{ ring.name }}</a></p>

     

       5
       5
       -
           <a href="{{ring.previous}}" class="text-green">&lt; Previous</a> |

     

       5
       5
       +
           <a href="{{ring.previous}}" class="text-green" aria-label="Previous site in the {{ring.name}}"

     

       6
       6
       +
           >&lt; Previous</a> |

     

       6
       7
        
           {{ if ring.random }}

     

       7
       7
       -
               <a href="{{ring.random}}" class="text-peach">Random</a> |

     

       8
       8
       +
               <a href="{{ring.random}}" class="text-peach" aria-label="Random site in the {{ring.name}}"

     

       9
       9
       +
               >Random</a> |

     

       8
       10
        
           {{ /if }}

     

       9
       9
       -
           <a href="{{ring.all}}" class="text-sapphire">All</a> |

     

       10
       10
       -
           <a href="{{ring.next}}" class="text-maroon">Next &gt;</a>

     

       11
       11
       +
           <a href="{{ring.all}}" class="text-sapphire" aria-label="Site list for the {{ring.name}}"

     

       12
       12
       +
           >All</a> |

     

       13
       13
       +
           <a href="{{ring.next}}" class="text-maroon" aria-label="Next site in the {{ring.name}}"

     

       14
       14
       +
           >Next &gt;</a>

     

       11
       15
        
       </li>

+20 -2

src/_includes/layouts/blog-post.vto

···

       2
       2
        
           <main class="min-h-screen text-text justify-self-center w-full lg:w-1/2">

     

       3
       3
        
               <article class="h-entry">

     

       4
       4
        
                   <h1 class="text-5xl font-serif mt-8 p-name">{{ title }}</h1>

     

       5
       5
       -
                   <h2 class="text-2xl font-sans mt-4 text-subtext0">

     

       5
       5
       +
       

     

       6
       6
       +
                   <h2 class="mt-4 text-subtext0">

     

       6
       7
        
                       Published on

     

       7
       8
        
                       <time class="dt-published" datetime="{{ published |> date }}">

     

       8
       9
        
                           {{ published |> date('POST_DATE') }}

     

       9
       10
        
                       </time>

     

       10
       11
        
                   </h2>

     

       11
       11
       -
                   <h2 class="text-2xl font-sans mb-8 text-overlay1">

     

       12
       12
       +
       

     

       13
       13
       +
                   <h2 class="hidden text-overlay1">

     

       12
       14
        
                       By

     

       13
       15
        
                       <span class="inline p-author h-card">{{ author.name }}</span>

     

       14
       16
        
                   </h2>

     

       15
       17
        
       

     

       18
       18
       +
                   <h2 class="text-overlay1">

     

       19
       19
       +
                       {{ readingInfo.words }} words, about {{ readingInfo.minutes }}

     

       20
       20
       +
                       minute{{ if readingInfo.minutes != 1 }}s{{ /if }}

     

       21
       21
       +
                   </h2>

     

       22
       22
       +
       

     

       23
       23
       +
                   {{ if toc.length }}

     

       24
       24
       +
                       {{ await comp.table_of_contents({"toc": toc}) }}

     

       25
       25
       +
                   {{ else }}

     

       26
       26
       +
                       <div class="mb-8"></div>

     

       27
       27
       +
                   {{ /if }}

     

       28
       28
       +
       

     

       16
       29
        
                   <div class="e-content text-lg">

     

       17
       30
        
                       {{ content }}

     

       18
       31
        
                   </div>

     

       19
       32
        
               </article>

     

       33
       33
       +
               {{ if footnotes.length }}

     

       34
       34
       +
                   <section aria-label="Footnotes">

     

       35
       35
       +
                       {{ await comp.footnotes({"footnotes": footnotes }) }}

     

       36
       36
       +
                   </section>

     

       37
       37
       +
               {{ /if }}

     

       20
       38
        
           </main>

     

       21
       39
        
       {{ /layout }}