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/88x31/index.njk

@@ -8,6 +8,7 @@ pagination:
 pageTitle: 88x31
 tags: misc
 ---
+{% from "macros.njk" import i88x31 with context %}
 
 <main>
   <div class="box pageHeaderBox">
@@ -16,11 +17,11 @@ tags: misc
   </div>
   <hr>
     <h2>{{ t.me }}</h2>
-    <img class="i88x31" src="/static/images/88x31/tenkuma.gif">
+    {{ i88x31("tenkuma.gif") }}
   <h2>{{ t.others }}</h2>
   <div class="">
     {% for image in collections.88x31 %}
-    <img class="i88x31" src="{{ image.url }}">
+    {{ i88x31(image.fileSlug) }}
     {% endfor %}
   </div>
 </main>

misc/bookmarks/en.json

@@ -1,6 +1,6 @@
 {
 	"pageTitle": "Bookmarks",
-	"pageDescription": "Minha coleção de sites e páginas interessantes.",
+	"pageDescription": "My collection of interesting websites/pages.",
 	"profiles": "Profiles",
 	"downloads": "Downloads"
 }

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 %}