Add translation guide and move more HTML into the layout style

marcprux · marcprux · commit b767e91a2b17 · 2025-11-03T10:05:10.000-05:00
diff --git a/README.md b/README.md
@@ -15,7 +15,13 @@ It aims to inform on the impacts on consumers, developers, states and coordinate
 3. Make the changes.
 4. Create a pull request.
 
-**Contact**: info@keepandroidopen.org  
+## Translations Needed!
+
+To provide a translation into a new language like Spanish (language code: "es"):
+
+1. [Edit the index.md](https://github.com/keepandroidopen/keepandroidopen.github.io/edit/main/index.md) in a fork and re-name the file "index-es.md"
+2. Translate the markdown headers and page content. The most important text is at the beginning; the lists of links do not all need to be translated.
+3. Commit changes to your fork and file a Pull Request with your translation.
 
 ## License 
 
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -70,6 +70,43 @@
       width: 100%;
       border-top: 1px solid #dee2e6;
     }
+
+    .li-list {
+      list-style: none;
+      align-items: center;
+      vertical-align: middle;
+      background-repeat: no-repeat;
+      background-position: left center;
+      padding-left: 20px;
+      line-height: 1.2;
+      content: "➤ ";
+    }
+    
+    .li-list::before {
+      color: blue;
+      margin-right: 0.5em; 
+  }
+    
+    .li-money {
+      background-image: url('/img/money_bag.svg');
+    }
+
+    .li-terms {
+      background-image: url('/img/contract_edit.svg');
+    }
+
+    .li-id {
+      background-image: url('/img/id_card.svg');
+    }
+
+    .li-signing {
+      background-image: url('/img/fingerprint.svg');
+    }
+
+    .li-appids {
+      background-image: url('/img/receipt.svg');
+    }
+
   </style>
 </head>
 <body>
@@ -97,10 +134,10 @@ <h4 style="margin-top: 0; margin-bottom: 10px; font-size: 16px; ">
               </ul>
           </div>
           <div style="flex: 3; min-width: 300px; margin: 20px;">
-              <p>{{page.site_disclaimer}}</p>
-              <p>{{page.site_privacy}}</p>
+              <p>{{page.site_disclaimer | markdownify}}</p>
+              <p>{{page.site_privacy | markdownify}}</p>
               <p>
-                  {{page.site_copyright}} <a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0 Universal</a><img src="/img/cc.svg" alt="CC0 logo" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="/img/zero.svg" alt="CC0 zero logo" style="max-width: 1em;max-height:1em;margin-left: .2em;">
+                  {{page.site_copyright | markdownify | remove: '<p>' | remove: '</p>' | strip }} <a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0 1.0 Universal</a><img src="/img/cc.svg" alt="CC0 logo" style="max-width: 1em;max-height:1em;margin-left: .2em;"><img src="/img/zero.svg" alt="CC0 zero logo" style="max-width: 1em;max-height:1em;margin-left: .2em;">
               </p>
           </div>
           <div style="flex: 1; min-width: 200px; margin: 20px; text-align: center; justify-content: center; align-items: center;">
diff --git a/index-de.md b/index-de.md
@@ -10,19 +10,25 @@ contact_header: "Kontakt"
 contact_email: "E-Mail"
 site_problems_header: "Probleme melden"
 site_report_issues: "Melden Sie ein Problem auf der Website"
-site_disclaimer: "<strong>Haftungsausschluss</strong>: Diese Website ist eine gemeinschaftliche, nicht-kommerzielle Initiative. Sie dient ausschließlich Informations- und Bildungszwecken."
-site_privacy: "<strong>Datenschutz</strong>: Diese Website verwendet keine Cookies und führt weder Tracking noch Nutzerprotokollierung durch."
-site_copyright: "<strong>Urheberrechte</strong>: Keine. Dieses Werk steht unter der Lizenz"
+site_disclaimer: "**Haftungsausschluss**: Diese Website ist eine gemeinschaftliche, nicht-kommerzielle Initiative. Sie dient ausschließlich Informations- und Bildungszwecken."
+site_privacy: "**Datenschutz**: Diese Website verwendet keine Cookies und führt weder Tracking noch Nutzerprotokollierung durch."
+site_copyright: "**Urheberrechte**: Keine. Dieses Werk steht unter der Lizenz"
 ---
 
 Im August 2025 hat Google [angekündigt](https://developer.android.com/developer-verification), dass es ab dem folgenden Jahr nicht mehr möglich sein wird, Anwendungen für die Android-Plattform zu entwickeln, ohne sich zuvor bei Google registriert zu haben.
 Diese Registrierung umfasst:
 
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/money_bag.svg" alt="money_bag" /> Zahlung einer Gebühr an Google</div>  
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/contract_edit.svg" alt="contract_edit" /> Zustimmung zu den Nutzungsbedingungen von Google</div>  
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/id_card.svg" alt="id_card" /> Vorlage eines amtlichen Ausweises</div>  
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/fingerprint.svg" alt="fingerprint" /> Hochladen des Nachweises über den privaten Signaturschlüssel des Entwicklers</div>  
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/receipt.svg" alt="receipt" /> Liste aller aktuellen und zukünftigen App-Kennungen</div>
+- Zahlung einer Gebühr an Google
+{:.li-list .li-money}
+- Zustimmung zu den Nutzungsbedingungen von Google
+{:.li-list .li-terms}
+- Vorlage eines amtlichen Ausweises
+{:.li-list .li-id}
+- Hochladen des Nachweises über den privaten Signaturschlüssel des Entwicklers
+{:.li-list .li-signing}
+- Liste aller aktuellen und zukünftigen App-Kennungen
+{:.li-list .li-appids}
+
 
 ## Was das für Ihre Rechte bedeutet
 
diff --git a/index-fr.md b/index-fr.md
@@ -10,21 +10,26 @@ contact_header: "Contact"
 contact_email: "Email"
 site_problems_header: "Problèmes"
 site_report_issues: "Signaler un problème sur le site"
-site_disclaimer: "<strong>Avertissement :</strong> Ce site web est une initiative communautaire à but non lucratif. Il est exploité uniquement à des fins d’information et d’éducation."
-site_privacy: "<strong>Confidentialité :</strong> Ce site n’utilise aucun cookie et n’effectue aucun suivi ni enregistrement des utilisateurs."
-site_copyright: "<strong>Droits d'auteur :</strong> Aucun. Cette œuvre est sous licence"
+site_disclaimer: "**Avertissement :** Ce site web est une initiative communautaire à but non lucratif. Il est exploité uniquement à des fins d’information et d’éducation."
+site_privacy: "**Confidentialité :** Ce site n’utilise aucun cookie et n’effectue aucun suivi ni enregistrement des utilisateurs."
+site_copyright: "**Droits d'auteur :** Aucun. Cette œuvre est sous licence"
 ---
 
 En août 2025, Google a [annoncé](https://developer.android.com/developer-verification) que, dès l'année suivante,
 il ne sera plus possible de développer des applications pour la plateforme Android
 sans s'être préalablement enregistré auprès de Google.
 Cet enregistrement impliquera:
 
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/money_bag.svg" alt="money_bag" /> Paiement de frais à Google</div>
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/contract_edit.svg" alt="contract_edit" /> Acceptation des conditions d'utilisation de Google</div>
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/id_card.svg" alt="id_card" /> Fourniture d'une pièce d'identité officielle</div>
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/fingerprint.svg" alt="fingerprint" /> Téléchargement de la preuve de la clé de signature privée du développeur</div>
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/receipt.svg" alt="receipt" /> Liste de tous les identifiants d'application actuels et futurs</div>
+- Paiement de frais à Google
+{:.li-list .li-money}
+- Acceptation des conditions d'utilisation de Google
+{:.li-list .li-terms}
+- Fourniture d'une pièce d'identité officielle
+{:.li-list .li-id}
+- Téléchargement de la preuve de la clé de signature privée du développeur
+{:.li-list .li-signing}
+- Liste de tous les identifiants d'application actuels et futurs
+{:.li-list .li-appids}
 
 ## Ce que cela signifie pour vos droits
 
diff --git a/index-tr.md b/index-tr.md
@@ -10,22 +10,26 @@ contact_header: "İrtibat"
 contact_email: "E-posta"
 site_problems_header: "Sorunlar"
 site_report_issues: "Site Sorunlarını Raporlayın"
-site_disclaimer: "<strong>Disclaimer</strong>: Bu site kâr amacı gütmez ve topluluk tarafından yönetilen bir girişimdir. Sadece bigilendirme ve eğitim amaçları bulunur."
-site_privacy: "<strong>Mahremiyet Beyanı</strong>: Bu site hiçbir çerez kullanmaz ve kullanıcıları takip etmez veya kaydetmez."
-site_copyright: "<strong>Telif Hakkı</strong>: Yok. Bu çalışma kamu malıdır:"
+site_disclaimer: "**Disclaimer**: Bu site kâr amacı gütmez ve topluluk tarafından yönetilen bir girişimdir. Sadece bigilendirme ve eğitim amaçları bulunur."
+site_privacy: "**Mahremiyet Beyanı**: Bu site hiçbir çerez kullanmaz ve kullanıcıları takip etmez veya kaydetmez."
+site_copyright: "**Telif Hakkı**: Yok. Bu çalışma kamu malıdır:"
 ---
 
 Ağustos 2025 tarihinde Google, gelecek seneden itibaren önceden
 ile merkezi kayıt yaptırılmadan Android platformu için uygulama
 geliştirmenin mümkün olmayacağını beyan etmiştir.
 Bu kayıt, şunlara sebep olacaktır:
 
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/money_bag.svg" alt="money_bag" /> Google'a bir ücret ödenmesine</div> 
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/contract_edit.svg" alt="contract_edit" /> Google'ın Şart ve Koşullarına onay verilmesine</div> 
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/id_card.svg" alt="id_card" /> Hükümet tasdikli kimlik belgesi sağlanmasına</div> 
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/fingerprint.svg" alt="fingerprint" /> Geliştiricinin kişisel özel imzalama anahtarının kanıtının yüklenmesine</div> 
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/receipt.svg" alt="receipt" /> Tüm güncel ve gelecek uygulama kimliklerinin listelenmesine</div>
-
+- Google'a bir ücret ödenmesine
+{:.li-list .li-money}
+- Google'ın Şart ve Koşullarına onay verilmesine
+{:.li-list .li-terms}
+- Hükümet tasdikli kimlik belgesi sağlanmasına
+{:.li-list .li-id}
+- Geliştiricinin kişisel özel imzalama anahtarının kanıtının yüklenmesine
+{:.li-list .li-signing}
+- Tüm güncel ve gelecek uygulama kimliklerinin listelenmesine
+{:.li-list .li-appids}
 
 ## Bu, haklarınız için ne anlama gelir
 
diff --git a/index.md b/index.md
@@ -10,21 +10,26 @@ contact_header: "Contact"
 contact_email: "Email"
 site_problems_header: "Problems"
 site_report_issues: "Report Site Issues"
-site_disclaimer: "<strong>Disclaimer:</strong> This website is a community-driven noncommercial undertaking. It is operated solely for informational and educational purposes."
-site_privacy: "<strong>Privacy:</strong> This site uses no cookies and performs no user tracking or logging."
-site_copyright: "<strong>Copyright:</strong> None. This work is marked"
+site_disclaimer: "**Disclaimer:** This website is a community-driven noncommercial undertaking. It is operated solely for informational and educational purposes."
+site_privacy: "**Privacy:** This site uses no cookies and performs no user tracking or logging."
+site_copyright: "**Copyright:** None. This work is marked"
 ---
 
 In August 2025, Google [announced](https://developer.android.com/developer-verification) that starting next year,
 it will no longer be possible to develop apps for the Android platform
 without first registering centrally with Google.
 This registration will involve:
 
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/money_bag.svg" alt="money_bag" /> Paying a fee to Google</div>
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/contract_edit.svg" alt="contract_edit" /> Agreeing to Google's Terms and Conditions</div>
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/id_card.svg" alt="id_card" /> Providing government identification</div>
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/fingerprint.svg" alt="fingerprint" /> Uploading evidence of the developer's private signing key</div>
-<div style="align-items: center; vertical-align: middle;">➤ <img style="vertical-align: middle;" src="/img/receipt.svg" alt="receipt" /> Listing all current and future application identifiers</div>
+- Paying a fee to Google
+{:.li-list .li-money}
+- Agreeing to Google's Terms and Conditions
+{:.li-list .li-terms}
+- Providing government identification
+{:.li-list .li-id}
+- Uploading evidence of the developer's private signing key
+{:.li-list .li-signing}
+- Listing all current and future application identifiers
+{:.li-list .li-appids}
 
 ## What this means for your rights
 
