add language attribute

siimsams · Jul 29, 2023 · 95c88b3 · 95c88b3
1 parent 75261c3
commit 95c88b3
Show file tree

Hide file tree

Showing 9 changed files with 24 additions and 20 deletions.
diff --git a/src/en/index.html b/src/en/index.html
@@ -1,11 +1,11 @@
 <!doctype html>
-<html>
+<html lang="en">
 
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link href=".././input.css" rel="stylesheet">
   <title>Tori Adventure Center</title>
+  <link href=".././input.css" rel="stylesheet">
   <!-- Favicons -->
   <link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
@@ -172,7 +172,7 @@ <h2 class="text-center text-4xl">Order Trip</h2>
             <textarea name="message" id="message" cols="30" rows="6" class="w-full border-[3px] border-black border-solid" required></textarea>
           </div>
           <input id="hiddentoken" type="hidden" name="token">
-          <button type="button" class="g-recaptcha w-full px-10 py-2 border-[3px] border-black border-solid" data-sitekey="6Lf97qkaAAAAAEm2DF9a2gyaRilWaekl7Zu4_FlB" data-callback="onSubmit" data-action="submit">Send Order</button>
+          <button title="Send message" type="button" class="g-recaptcha w-full px-10 py-2 border-[3px] border-black border-solid" data-sitekey="6Lf97qkaAAAAAEm2DF9a2gyaRilWaekl7Zu4_FlB" data-callback="onSubmit" data-action="submit">Send Order</button>
         </form>
         <div id="success" class="h-[622px] flex flex-col justify-center items-center hidden">
           <img class="h-[400px] w-[400px]" src=".././media/circle_green_checkmark.svg">
@@ -189,10 +189,10 @@ <h2 class="text-center text-4xl">Or give us a call</h2>
     </div>
     <div id="location" class="flex flex-col md:col-span-1 pb-6">
       <h2 class="text-center text-4xl mb-4">Location</h2>
-      <iframe class="flex-grow w-full min-h-[400px]" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d8343.075522572108!2d24.8108362!3d58.4815636!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46ece6573013f239%3A0xd97fc28347415a84!2sTori%20Matkakeskus!5e0!3m2!1sen!2see!4v1688407668603!5m2!1sen!2see" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+      <iframe title="location on google map" class="flex-grow w-full min-h-[400px]" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d8343.075522572108!2d24.8108362!3d58.4815636!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46ece6573013f239%3A0xd97fc28347415a84!2sTori%20Matkakeskus!5e0!3m2!1sen!2see!4v1688407668603!5m2!1sen!2see" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     </div>
   </section>
-  <script src="https://www.google.com/recaptcha/api.js"></script>
+  <script async src="https://www.google.com/recaptcha/api.js"></script>
   <script>
     const menuButton = document.getElementById('menuButton');
     const openIcon = document.getElementById('openIcon');

diff --git a/src/en/more_info.html b/src/en/more_info.html
@@ -1,11 +1,11 @@
 <!doctype html>
-<html>
+<html lang="en">
 
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link href=".././input.css" rel="stylesheet">
   <title>Tori Adventure Center</title>
+  <link href=".././input.css" rel="stylesheet">
   <!-- Favicons -->
   <link rel="apple-touch-icon" sizes="180x180" href="../apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">

diff --git a/src/index.html b/src/index.html
@@ -1,11 +1,11 @@
 <!doctype html>
-<html>
+<html lang="ee">
 
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link href="./input.css" rel="stylesheet">
   <title>Tori Matkakeskus</title>
+  <link href="./input.css" rel="stylesheet">
   <!-- Favicons -->
   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
@@ -172,7 +172,7 @@ <h2 class="text-center text-4xl">Telli matk</h2>
             <textarea name="message" id="message" cols="30" rows="6" class="w-full border-[3px] border-black border-solid" required></textarea>
           </div>
           <input id="hiddentoken" type="hidden" name="token">
-          <button type="button" class="g-recaptcha w-full px-10 py-2 border-[3px] border-black border-solid" data-sitekey="6Lf97qkaAAAAAEm2DF9a2gyaRilWaekl7Zu4_FlB" data-callback="onSubmit" data-action="submit">Saada tellimus</button>
+          <button title="Send message" type="button" class="g-recaptcha w-full px-10 py-2 border-[3px] border-black border-solid" data-sitekey="6Lf97qkaAAAAAEm2DF9a2gyaRilWaekl7Zu4_FlB" data-callback="onSubmit" data-action="submit">Saada tellimus</button>
         </form>
         <div id="success" class="h-[622px] flex flex-col justify-center items-center hidden">
           <img class="h-[400px] w-[400px]" src="./media/circle_green_checkmark.svg">
@@ -189,10 +189,10 @@ <h2 class="text-center text-4xl">Või helista meile</h2>
     </div>
     <div id="location" class="flex flex-col md:col-span-1 pb-6">
       <h2 class="text-center text-4xl mb-4">Asukoht</h2>
-      <iframe class="flex-grow w-full min-h-[400px]" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d8343.075522572108!2d24.8108362!3d58.4815636!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46ece6573013f239%3A0xd97fc28347415a84!2sTori%20Matkakeskus!5e0!3m2!1sen!2see!4v1688407668603!5m2!1sen!2see" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+      <iframe title="location on google map" class="flex-grow w-full min-h-[400px]" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d8343.075522572108!2d24.8108362!3d58.4815636!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46ece6573013f239%3A0xd97fc28347415a84!2sTori%20Matkakeskus!5e0!3m2!1sen!2see!4v1688407668603!5m2!1sen!2see" allowfullscreen loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     </div>
   </section>
-  <script src="https://www.google.com/recaptcha/api.js"></script>
+  <script async src="https://www.google.com/recaptcha/api.js"></script>
   <script>
     const menuButton = document.getElementById('menuButton');
     const openIcon = document.getElementById('openIcon');

diff --git a/src/more_info.html b/src/more_info.html
@@ -1,11 +1,11 @@
 <!doctype html>
-<html>
+<html lang="ee">
 
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link href="./input.css" rel="stylesheet">
   <title>Tori Matkakeskus</title>
+  <link href="./input.css" rel="stylesheet">
   <!-- Favicons -->
   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">

diff --git a/www/index.html b/www/index.html
@@ -1,11 +1,11 @@
 <!doctype html>
-<html>
+<html data-attr-t data-attr-t-interpolate lang-t="{{language.language}}">
 
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link href="./input.css" rel="stylesheet">
   <title data-t>title</title>
+  <link href="./input.css" rel="stylesheet">
   <!-- Favicons -->
   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
@@ -185,6 +185,7 @@ <h2 class="text-center text-4xl" data-t>orderTrip.title</h2>
           </div>
           <input id="hiddentoken" type="hidden" name="token">
           <button 
+            title="Send message"
             type="button" 
             class="g-recaptcha w-full px-10 py-2 border-[3px] border-black border-solid" 
             data-sitekey="6Lf97qkaAAAAAEm2DF9a2gyaRilWaekl7Zu4_FlB" 
@@ -207,12 +208,12 @@ <h2 class="text-center text-4xl" data-t>contactUs.title</h2>
     </div>
     <div id="location" class="flex flex-col md:col-span-1 pb-6">
       <h2 class="text-center text-4xl mb-4" data-t>menu.location</h2>
-      <iframe class="flex-grow w-full min-h-[400px]"
+      <iframe title="location on google map" class="flex-grow w-full min-h-[400px]"
         src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d8343.075522572108!2d24.8108362!3d58.4815636!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46ece6573013f239%3A0xd97fc28347415a84!2sTori%20Matkakeskus!5e0!3m2!1sen!2see!4v1688407668603!5m2!1sen!2see"
         allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
     </div>
   </section>
-  <script src="https://www.google.com/recaptcha/api.js"></script>
+  <script async src="https://www.google.com/recaptcha/api.js"></script>
   <script>
     const menuButton = document.getElementById('menuButton');
     const openIcon = document.getElementById('openIcon');

diff --git a/www/locales/ee.json b/www/locales/ee.json
@@ -1,6 +1,7 @@
 {
   "title": "Tori Matkakeskus",
   "language": {
+    "language": "ee",
     "est": {
       "title":"EST",
       "class":"underline", 

diff --git a/www/locales/en.json b/www/locales/en.json
@@ -1,6 +1,7 @@
 {
   "title": "Tori Adventure Center",
   "language": {
+    "language": "en",
     "est": {
       "title": "EST",
       "class": "hover:underline",

diff --git a/www/locales/ru.json b/www/locales/ru.json
@@ -1,6 +1,7 @@
 {
   "title": "Туристический центр Тори",
   "language": {
+    "language": "ru",
     "est": {
       "title": "ЭСТ",
       "class": "hover:underline",

diff --git a/www/more_info.html b/www/more_info.html
@@ -1,11 +1,11 @@
 <!doctype html>
-<html>
+<html data-attr-t data-attr-t-interpolate lang-t="{{language.language}}">
 
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link href="./input.css" rel="stylesheet">
   <title data-t>title</title>
+  <link href="./input.css" rel="stylesheet">
   <!-- Favicons -->
   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">