Replace country flags with language switcher icon

frzb · Jan 13, 2025 · 9532fb9 · 9532fb9
1 parent f4eee69
commit 9532fb9
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 5 deletions.
diff --git a/input/templates/template.j2 b/input/templates/template.j2
@@ -53,12 +53,13 @@
     </head>
     <body class="bg-slate-100 font-ubuntu font-normal">
             <!-- Language Links -->
-    <div class="max-w-4xl mx-auto top-3 right-3 space-x-2 text-right">
-        <a href="./index.html" class="no-underline">🇬🇧 English</a>
-        <a href="./index_de.html" class="no-underline">🇩🇪 Deutsch</a>
+    <div class="max-w-4xl mx-auto top-3 right-3 space-x-2 flex sm:p-0 p-3 items-center justify-end">
+        <a href="./index.html" class="no-underline">English</a>
+        <img src="./static/icons/language-icon.svg"  class="h-10    w-10" alt="Select Language">
+        <a href="./index_de.html" class="no-underline">Deutsch</a>
     </div>
         <!-- Main Container -->
-        <div class="max-w-4xl mx-auto sm:p-6 p-3 bg-white shadow-lg rounded-lg mt-5 mb-10">
+        <div class="max-w-4xl mx-auto sm:p-6 p-3 pt-0 bg-white shadow-lg rounded-lg mt-5 mb-10">
             <!-- Parent Container -->
             <div class="flex flex-col sm:flex-row gap-4">
                 <!-- Left Column (First on Mobile, First on Desktop) -->

diff --git a/static/css/tailwind.css b/static/css/tailwind.css