Add additional credits to about page, add internetometer to aside as widget.

_data/i18n.cjs

@@ -93,7 +93,9 @@ module.exports = {
     next: "next",
     about: "about",
     thisWebsiteDoesNotTrackYou: "This website does not track you.",
-    mrnandoChannel: "Mr. Nando's channel"
+    mrnandoChannel: "Mr. Nando's channel",
+    liked: "liked",
+    changes: "changes"
   },
   pt: {
     language: "português",
@@ -162,6 +164,8 @@ module.exports = {
     next: "próximo",
     about: "sobre",
     thisWebsiteDoesNotTrackYou: "Esse website não rastreia você.",
-    mrnandoChannel: "Canal do Mr. Nando"
+    mrnandoChannel: "Canal do Mr. Nando",
+    liked: "curtiu",
+    changes: "mudanças"
   }
 };

_includes/widgets/internetometer-aside.html

@@ -0,0 +1,7 @@
+<div>
+    <div>
+        <h1 class="negativeMargin">{{ i18n[langKey].liked | smartTitle }}?</h1>
+        <hr style="margin-bottom: .4em;">
+    </div>
+    <a href='http://internetometer.com/give/52060'><img src='http://internetometer.com/image/52060.png'/></a>
+</div>

index.njk

@@ -227,6 +227,8 @@ layout: base.njk
         {% include 'widgets/droidring.html' %}
     </div>
 
+    {% include 'widgets/internetometer-aside.html' %}
+
     <footer class="end-text">
         <p>Adrian Victor, 2026</p>
         <p><a href="{{ ('/' ~ langKey ~ '/misc/about') | url }}">{{ i18n[langKey].thisWebsiteDoesNotTrackYou}}</a></p>

misc/about/en.json

@@ -16,5 +16,7 @@
     "clickSoundLabel": "Click sound effect",
     "thanksHeading": "Thanks",
     "eleventyDesc": "Static website generator, used in this website.",
-    "githubPagesDesc": "For web hosting."
+    "githubPagesDesc": "For web hosting.",
+    "recentChangesPluginDesc": "Plugin for listing recent commits.",
+    "inlineFaviconPluginDesc": "Support for inline link icons."
 }

misc/about/index.njk

@@ -31,18 +31,23 @@ background: "bear3.jpg"
         <dd>{{ t.eleventyDesc }}</dd>
         <dt>GitHub Pages</dt>
         <dd>{{ t.githubPagesDesc }}</dd>
+        <dt><a href="https://www.npmjs.com/package/eleventy-plugin-recent-changes">eleventy-plugin-recent-changes</a> {{ i18n[langKey].by }} workeffortwaste</dt>
+        <dd>{{ t.recentChangesPluginDesc }}</dd>
+        <dt><a href="https://www.npmjs.com/package/eleventy-plugin-inline-link-favicon">eleventy-plugin-inline-link-favicon</a> {{ i18n[langKey].by }} bmuenzenmeyer</dt>
+        <dd>{{ t.inlineFaviconPluginDesc }}</dd>
     </dl>
 </main>
 <aside>
     <div id="aboutChangelog">
         <div>
-            <h1 class="nomargin negativeMargin">Changelog</h1>
+            <h1 class="nomargin negativeMargin">{{ i18n[langKey].changes | smartTitle }}</h1>
             <hr style="margin-bottom: .4em;">
         </div>
         <ul>
           {%- for commit in collections.recentChanges %}
-                <li class="doubleLine"><b>{{ commit.abbrevHash }}</b> {{ commit.subject }}</li>
+                <li class="doubleLine"><a class="textColored" href="https://github.com/adrianvic/adrianvic.github.io/commit/{{ commit.hash }}"><b>{{ commit.abbrevHash }}</b> {{ commit.subject }}</a></li>
           {%- endfor %}
         </ul>
     </div>
+    {% include 'widgets/internetometer-aside.html' %}
 </aside>

misc/about/pt.json

@@ -16,5 +16,7 @@
     "clickSoundLabel": "Efeito sonoro de clique",
     "thanksHeading": "Agradecimentos",
     "eleventyDesc": "Gerador de sites estáticos, usado neste website.",
-    "githubPagesDesc": "Pela hospedagem do website."
+    "githubPagesDesc": "Pela hospedagem do website.",
+    "recentChangesPluginDesc": "Plugin para listagem de commits recentes.",
+    "inlineFaviconPluginDesc": "Suporte para icones em links."
 }

playground.njk

@@ -86,4 +86,4 @@ function myFunction() {
 </ul>
 
 <h2>Link with favicon</h2>
-<p>Here's a link to {% ai "https://github.com/adrianivc" %}my github page{% endai %}. Thanks to <a href="https://www.npmjs.com/package/eleventy-plugin-recent-changes">bmuenzenmeyer's eleventy-plugin-inline-link-favicon</a> <3</p>
+<p>Here's a link to {% ai "https://github.com/adrianivc" %}my github page{% endai %}. Thanks to <a href="https://www.npmjs.com/package/eleventy-plugin-inline-link-favicon">bmuenzenmeyer's eleventy-plugin-inline-link-favicon</a> <3</p>

static/main.css

@@ -274,6 +274,10 @@ footer a {
     -webkit-box-orient: vertical;
 }
 
+.textColored {
+    color: white;
+}
+
 .notificationBox {
     transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
     width: fit-content;