Added new box style for page headers, support for hint when hovering interactible elements, add support for expanding 88x31 pictures on click, updated index look and feel/text, switch to macros for reusable elements, fix ccd path, rename main.js to music to better reflect it's purpose and update i18n.js export global strings.

misc/bookmarks/index.njk

@@ -8,12 +8,13 @@ tags: misc
 background: towers.jpg
 backgroundOpacity: .2
 ---
+{% from "macros.njk" import i88x31 with context %}
 
 <main>
   <div class="box pageHeaderBox">
     <h1>{{ t.pageTitle }}</h1>
     <p>{{ t.intro }}</p>
-    <img class="i88x31" src="/static/images/88x31/BOOKMARKthispageNOW.png" alt="">
+    {{ i88x31("BOOKMARKthispageNOW.png") }}
   </div>
   <hr>
   {% for sectionName, section in c.links %}
@@ -24,7 +25,7 @@ backgroundOpacity: .2
     <dd>
       {% if link.88x31 %}
       {% for 88x31 in link.88x31 %}
-      <img class="i88x31" style="margin-top: .6em;" src="/static/images/88x31/{{ 88x31 }}">
+      {{ i88x31(88x31) }}
       {% endfor %}
       <br>
       {% endif %}