added more translations to the startpage

pass/lang/de/index.json

 {
   "hero": {
-    "title": "Ihr Zugang zum Besten Datenschutz bei der Websuche"
+    "title": "Ihr Zugang zum Besten Datenschutz bei der Websuche",
+    "description": "Mit einem MetaGer Schlüssel können Sie die Internetsuche so genießen, wie sie immer sein sollte:",
+    "advantages": {
+      "ads": "Ohne Werbung",
+      "tracking": "Ohne Tracking Links",
+      "logging": "Ohne Logging",
+      "compromise": "Ohne Kompromisse"
+    },
+    "searchbarplaceholder": "Anonym im Internet",
+    "calltoaction": "So funktioniert es"
+  },
+  "advantages": {
+    "ads": {
+      "heading": "Ohne Werbeanzeigen",
+      "description": "Kein Dienst kann kostenlos betrieben werden. Wenn ein Dienst im Internet kostenlos zur Verfügung steht, wird er in der Regel durch Werbeeinnahmen finanziert. MetaGer ist da keine Ausnahme. Selbst die datenschutzfreundlichste Werbung kann Ihre Daten nicht mehr schützen, wenn auf einen Werbelink geklickt wird. Mit einem MetaGer Schlüssel ist nun aber Schluss damit:",
+      "ads": "Werbung",
+      "tracking": "Tracking Links"
+    }
   }
 }

pass/views/index.ejs

@@ -4,14 +4,13 @@
   <div class="container">
     <h1><%= req.t('hero.title') _%></h1>
     <p>
-      Mit einem MetaGer Schlüssel können Sie die Internetsuche so genießen, wie
-      sie immer sein sollte:
+      <%= req.t('hero.description') _%>
     </p>
     <ul>
-      <li>Ohne Werbung</li>
-      <li>Ohne Tracking Links</li>
-      <li>Ohne Logging</li>
-      <li>Ohne Kompromisse</li>
+      <li><%= req.t('hero.advantages.ads') _%></li>
+      <li><%= req.t('hero.advantages.tracking') _%></li>
+      <li><%= req.t('hero.advantages.logging') _%></li>
+      <li><%= req.t('hero.advantages.compromise') _%></li>
     </ul>
     <div class="search-logo">
       <img class="metager-logo" src="<%= baseDir _%>/images/metager.svg" alt="" />
@@ -19,31 +18,24 @@
         <button>
           <img src="<%= baseDir _%>/images/key-verified.svg" alt="" />
         </button>
-        <input type="text" name="eingabe" id="eingabe" value="Anonym im Internet" disabled />
+        <input type="text" name="eingabe" id="eingabe" value="<%= req.t('hero.searchbarplaceholder') _%>" disabled />
         <button>
           <img src="<%= baseDir _%>/images/icon-lupe.svg" alt="Suchen" />
         </button>
       </div>
     </div>
-    <a class="call-to-action button" href="#how-it-works">So funktioniert es</a>
+    <a class="call-to-action button" href="#how-it-works"><%= req.t('hero.calltoaction') _%></a>
   </div>
 </div>
 <div id="advantages">
   <div class="advantage" id="no-ads">
     <img src="<%= baseDir _%>/images/hand.svg" alt="Image depicting money" />
     <div class="text">
-      <h2>Ohne Werbeanzeigen</h2>
-      <p>
-        Kein Dienst kann kostenlos betrieben werden. Wenn ein Dienst im Internet
-        kostenlos zur Verfügung steht, wird er in der Regel durch Werbeeinnahmen
-        finanziert. MetaGer ist da keine Ausnahme. Selbst die
-        datenschutzfreundlichste Werbung kann Ihre Daten nicht mehr schützen,
-        wenn auf einen Werbelink geklickt wird. Mit einem MetaGer Schlüssel ist
-        nun aber Schluss damit:
-      </p>
+      <h2><%= req.t('advantages.ads.heading') _%></h2>
+      <p><%= req.t('advantages.ads.description') _%></p>
       <div class="relevant-items">
-        <div>Werbung</div>
-        <div>Tracking Links</div>
+        <div><%= req.t('advantages.ads.ads') _%></div>
+        <div><%= req.t('advantages.ads.tracking') _%></div>
       </div>
     </div>
   </div>