diff --git a/static/index.html b/static/index.html
index e5d9d7f..1c1225f 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <title>Galène</title>
+    <title data-i18n="site.title">Galène</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/common.css">
@@ -13,25 +13,36 @@
   <body>
   
     <div class="home">
-      <h1 id="title" class="navbar-brand">Galène</h1>
+      <h1 id="title" class="navbar-brand" data-i18n="site.title">Galène</h1>
 
       <form id="groupform">
-        <label for="group">Group:</label>
+        <label for="group"data-i18n="groups.group">Group:</label>
         <input id="group" type="text" name="group" class="form-control form-control-inline"/>
-        <input type="submit" value="Join" class="btn btn-default btn-large"/><br/>
+        <input type="submit" data-i18n="input.value" data-i18n-attr="value" value="Join" class="btn btn-default btn-large"/><br/>
       </form>
   
       <div id="public-groups" class="groups">
-        <h2>Public groups</h2>
+        <h2 data-i18n="groups.public">Public groups</h2>
   
         <table id="public-groups-table"></table>
       </div>
     </div>
     <footer class="signature">
-      <p><a href="https://galene.org/">Galène</a> by <a href="https://www.irif.fr/~jch/" rel="author">Juliusz Chroboczek</a></p>
+          <label>
+        <span data-i18n="site.locale">Language:</span>
+        <select>
+          <option value="en" id="en">EN</option>
+          <option value="oc" id="oc">OC</option>
+          <option value="fr" id="fr">FR</option>
+        </select>
+      </label>
+      <p><a href="https://galene.org/"data-i18n="site.title">Galène</a> <span data-i18n="site.by">by</span> <a href="https://www.irif.fr/~jch/" rel="author">Juliusz Chroboczek</a></p>
     </footer>
     
     <script src="/mainpage.js" defer></script>
+
+    <script src="scripts/translator.js" defer></script> 
+    <script src="scripts/index.js" defer></script>
     
   </body>
 </html>
