major improvements

strings refactoring
improved og tags (see #57)

src/en/all-donations.html

@@ -1,7 +1,8 @@
 ---
 layout: base.njk
 key: all-donations
-title: Unterstützen
+title: Donate
+summary: Support sp-codes with a donation - help us to provide the services for the community in the long term.
 ---
 <h1><i class="i-hand-holding-heart"></i> All Donations</h1>
 

src/en/contact.html

@@ -2,6 +2,7 @@
 layout: base.njk
 key: contact
 title: Contact
+summary: Contact information for admins or moderation of sp-codes.
 eleventyNavigation:
   key: contact
   title: Contact

src/en/donate.html

@@ -2,6 +2,7 @@
 layout: base.njk
 key: donate
 title: Donate
+summary: Support sp-codes with a donation - help us to provide the services for the community in the long term.
 eleventyNavigation:
   key: donate
   title: Donate
@@ -26,8 +27,8 @@ eleventyNavigation:
             <div>If you want to transfer some money to me, just write me a short <a href="/en/contact">message</a>. I
                 will then send you my bank details as soon as possible. I am especially happy about a standing order.
                 <div class="mt-3 text-center">
-                    <img alt="Bank transfer {{ strings.donations.supporters[locale] }}"
-                         src="https://shields.sp-codes.de/badge/{{ strings.donations.supporters[locale] }}-{{ donations | banktransfers }}-active">
+                    <img alt="Bank transfer {{ strings.donations.supporters }}"
+                         src="https://shields.sp-codes.de/badge/{{ strings.donations.supporters }}-{{ donations | banktransfers }}-active">
                 </div>
             </div>
         </div>
@@ -36,8 +37,8 @@ eleventyNavigation:
             <div>If you want to send me some cash, feel free to send it to the address provided in the <a
                     href="/en/imprint">imprint</a>.
                 <div class="mt-3 text-center">
-                    <img alt="Cash {{ strings.donations.supporters[locale] }}"
-                         src="https://shields.sp-codes.de/badge/{{ strings.donations.supporters[locale] }}-{{ donations | cash }}-inactive">
+                    <img alt="Cash {{ strings.donations.supporters }}"
+                         src="https://shields.sp-codes.de/badge/{{ strings.donations.supporters }}-{{ donations | cash }}-inactive">
                 </div>
             </div>
         </div>

src/en/en.json

@@ -1,3 +1,47 @@
 {
-  "locale": "en"
+  "locale": "en",
+  "strings": {
+    "locale": "en",
+    "menu": {
+      "title": "Menu",
+      "imprint": "Imprint",
+      "privacy": "Privacy",
+      "code": "Code",
+      "stats": "Stats"
+    },
+    "state": {
+      "title": "State",
+      "operational": "Online",
+      "outage": "Outage",
+      "maintenance": "Maintenance"
+    },
+    "donations": {
+      "supporters": "Supporters",
+      "date": "Date",
+      "amount": "Amount",
+      "via": "Via",
+      "from": "Form",
+      "banktransfer": "Bank transfer",
+      "opencollective": "Open Collective",
+      "total": "Total",
+      "name": "Name",
+      "type": "Type",
+      "provider": "Provider",
+      "location": "Location",
+      "month": "Month",
+      "year": "Year"
+    },
+    "service": {
+      "overview": "Back to overview"
+    },
+    "article": {
+      "seriesParts": "All parts of this series",
+      "relatedService": "Related Service",
+      "questions": "Do you have a question?",
+      "questionsContent": "<p>Join the Matrix group and let's discuss. I look forward to your feedback!</p><a href=\"https://matrix.to/#/#sp-codes:matrix.sp-codes.de?via=matrix.sp-codes.de\">#sp-codes:matrix.sp-codes.de</a>",
+      "aboutMe": "About me",
+      "aboutMeContent": "<p>My name is Samuel Philipp and I am a software engineer from Magdeburg, Germany. In my spare time, I host various free <a href=\"/en/services/\">services</a>. Here I write articles about security and privacy.</p><a href=\"https://samuel-philipp.com\">Read more</a>",
+      "yourOpinion": "Send me your opinion"
+    }
+  }
 }

src/en/imprint.html

@@ -1,6 +1,7 @@
 ---
 layout: base.njk
-title: sp-codes
+title: Impressum
+summary: Imprint of sp-codes - Information on legal owner and contact details.
 ---
 <h1><i class="i-info-circle"></i> Imprint</h1>
 <div class="mb-4">

src/en/index.html

@@ -2,12 +2,12 @@
 layout: base.njk
 key: home
 title: Home
+summary: sp-codes provides various open source tools for general use. All services are for free and without advertising.
 eleventyNavigation:
   key: home
   title: Home
   icon: i-home
 ---
-
 <div class="row py-lg-5">
     <div class="col-12 col-lg-4 mb-4 mb-lg-0 fill-col-inner">
         <div class="logo huge animated">
@@ -76,7 +76,7 @@ eleventyNavigation:
         <h1 class="text-center">Tool Overview</h1>
         <p class="text-center"><a href="/{{locale}}/services">View all services</a></p>
         <div class="row justify-content-center">
-            {% include "services-extended.html" %}
+            {% include "services.html" %}
         </div>
     </div>
 </div>

src/en/privacy.html

@@ -1,6 +1,7 @@
 ---
 layout: base.njk
 title: Privacy
+summary: Privacy policy of sp-codes - Information on data processing.
 ---
 <h1><i class="i-user-secret"></i> Privacy</h1>
 <p>Sorry, this document is only available in German so far. Read it <a href="/de/privacy">here</a>.</p>

src/en/services.html

@@ -2,6 +2,7 @@
 layout: base.njk
 key: services
 title: Services
+summary: sp-codes provides various open source tools for general use. All services are for free and without advertising.
 eleventyNavigation:
   key: services
   title: Services
@@ -26,5 +27,5 @@ eleventyNavigation:
 </h3>
 
 <div class="row justify-content-center">
-    {% include "services-extended.html" %}
+    {% include "services.html" %}
 </div>