From 5a4faee76933ae8c215a3b5b9a5c59d2f5190b5d Mon Sep 17 00:00:00 2001
From: Adrian Victor <adrianvictor@disroot.org>
Date: Sat, 4 Jul 2026 15:14:58 -0300
Subject: [PATCH] Add additional credits to about page, add internetometer to
 aside as widget.

---
 _data/i18n.cjs                              | 8 ++++++--
 _includes/widgets/internetometer-aside.html | 7 +++++++
 index.njk                                   | 2 ++
 misc/about/en.json                          | 4 +++-
 misc/about/index.njk                        | 9 +++++++--
 misc/about/pt.json                          | 4 +++-
 playground.njk                              | 2 +-
 static/main.css                             | 4 ++++
 8 files changed, 33 insertions(+), 7 deletions(-)
 create mode 100644 _includes/widgets/internetometer-aside.html

diff --git a/_data/i18n.cjs b/_data/i18n.cjs
index 39d68e5..f9c62f1 100644
--- a/_data/i18n.cjs
+++ b/_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"
   }
 };
\ No newline at end of file
diff --git a/_includes/widgets/internetometer-aside.html b/_includes/widgets/internetometer-aside.html
new file mode 100644
index 0000000..9d6a324
--- /dev/null
+++ b/_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>
\ No newline at end of file
diff --git a/index.njk b/index.njk
index f96285e..6c0a4b8 100644
--- a/index.njk
+++ b/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>
diff --git a/misc/about/en.json b/misc/about/en.json
index 97056e1..fe064ce 100644
--- a/misc/about/en.json
+++ b/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."
 }
\ No newline at end of file
diff --git a/misc/about/index.njk b/misc/about/index.njk
index 2f3dd9f..d10ada7 100644
--- a/misc/about/index.njk
+++ b/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>
\ No newline at end of file
diff --git a/misc/about/pt.json b/misc/about/pt.json
index b8abc8d..2e7ca43 100644
--- a/misc/about/pt.json
+++ b/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."
 }
\ No newline at end of file
diff --git a/playground.njk b/playground.njk
index c4b7605..3cdadba 100644
--- a/playground.njk
+++ b/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>
\ No newline at end of file
+<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>
\ No newline at end of file
diff --git a/static/main.css b/static/main.css
index 934004d..edfc1ff 100644
--- a/static/main.css
+++ b/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;