Add about page

misc/about/en.json

@@ -0,0 +1,20 @@
+{
+    "pageTitle": "About this website",
+    "pageDescription": "Information, attributions and credits about this website.",
+    "introText1": "This website and blog is a project of Adrian Victor, made using the Eleventy static website generator. It's source code is available ",
+    "introRepoLinkText": "on this repository",
+    "introText2": " under the ",
+    "introLicenseLinkText": "Apache license",
+    "privacyText1": "The scripts loaded inside the website do save the preferences you set in the settings page",
+    "privacyText2": "and the music player status",
+    "privacyText3": "in your browser's local storage. External servers are queried exclusively for loading content used to display the current page. JavaScript is only used to enhance the navigation experience and is totally optional.",
+    "attributionsHeading": "Attributions",
+    "bgImageLabel": "Background image (bear.png)",
+    "bgImageCredit": "Abenakis @ Pixbay",
+    "badges88x31Label": "88x31 images",
+    "neocitiesCommunity": "Neocities community",
+    "clickSoundLabel": "Click sound effect",
+    "thanksHeading": "Thanks",
+    "eleventyDesc": "Static website generator, used in this website.",
+    "githubPagesDesc": "For web hosting."
+}

misc/about/index.njk

@@ -0,0 +1,34 @@
+---
+layout: base.njk
+pagination:
+  data: languages
+  size: 1
+  alias: langKey
+tags: misc
+backgroundOpacity: "0.3"
+background: "bear3.jpg"
+---
+<main>
+    <h1>{{ t.pageTitle }}</h1>
+    <p>{{ t.introText1 }} <a href="https://github.com/adrianvic/adrianvic.github.io">{{ t.introRepoLinkText }}</a> {{ t.introText2 }} <a href="{{ ('/static/LICENSE.txt') | url }}">{{ t.introLicenseLinkText }}</a>.</p>
+    <p>{{ t.privacyText1 }} <span class="noWrap">(<img class="lineHeight invertedc" src="{{ ('/static/images/gears.svg') | url }}">)</span> {{ t.privacyText2 }} <span class="noWrap">(<img class="lineHeight invertedc" src="{{ ('/static/images/sound-on.png') | url }}">)</span> {{ t.privacyText3 }}</p>
+    
+    <h2>{{ t.attributionsHeading }}</h2>
+    <dl>
+        <dt>{{ t.bgImageLabel }}</dt>
+        <dd>{{ t.bgImageCredit }}</dd>
+        <dt>{{ t.badges88x31Label }}</dt>
+        <dd><a href="https://88x31.nl/">88x31.nl</a></dd>
+        <dd><a href="https://neocities.org/browse">{{ t.neocitiesCommunity }}</a></dd>
+        <dt>{{ t.clickSoundLabel }}</dt>
+        <dd><a href="https://www.myinstants.com/en/instant/dog-clicker-7758/">lilypids @ Myinstants</a></dd>
+    </dl>
+
+    <h2>{{ t.thanksHeading }}</h2>
+    <dl>
+        <dt>Eleventy (11ty)</dt>
+        <dd>{{ t.eleventyDesc }}</dd>
+        <dt>GitHub Pages</dt>
+        <dd>{{ t.githubPagesDesc }}</dd>
+    </dl>
+</main>

misc/about/pt.json

@@ -0,0 +1,20 @@
+{
+    "pageTitle": "Sobre o website",
+    "pageDescription": "Informações, atribuições e créditos sobre esse website.",
+    "introText1": "Esse website e blog é um projeto de Adrian Victor, feito com a tecnologia do gerador de sites estáticos Eleventy. O código fonte está disponível",
+    "introRepoLinkText": "nesse repositório",
+    "introText2": "sob",
+    "introLicenseLinkText": "a licensa de código aberto Apache",
+    "privacyText1": "Os scripts carregados dentro do website salvam suas preferências indicadas na área de configuração",
+    "privacyText2": "e status do player de música",
+    "privacyText3": "no armazenamento local do seu navegador. Servidores externos são acessados exclusivamente para carregar conteúdo utilizado na exibição da página. JavaScript é usado apenas para melhorar a experiência de navegação e é totalmente opcional.",
+    "attributionsHeading": "Atribuições",
+    "bgImageLabel": "Imagem de fundo (bear.png)",
+    "bgImageCredit": "Abenakis @ Pixbay",
+    "badges88x31Label": "Imagens 88x31",
+    "neocitiesCommunity": "Comunidade do Neocities",
+    "clickSoundLabel": "Efeito sonoro de clique",
+    "thanksHeading": "Agradecimentos",
+    "eleventyDesc": "Gerador de sites estáticos, usado neste website.",
+    "githubPagesDesc": "Pela hospedagem do website."
+}