diff --git a/site/read/index.html b/site/read/index.html
index 54754fc1ab2dc465646536faaaeb03c6c2ed04a9..98967d4ed9950de79905dee4ab0a674f19738899 100644
--- a/site/read/index.html
+++ b/site/read/index.html
@@ -2,20 +2,22 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <title>MeThAL: TEI-encoded plays in Alsatian</title>
+  <title>MeThAL: PiÃ¨ces encodÃ©es en TEI en alsacien</title>
   <link rel="stylesheet" href="../styles/methal-default.css"/>
 </head>
 <body class="book toc2 toc-left">
 <div id="header">
 <div id="toc" class="toc2">
-<div id="toctitle" style="font-family:Montserrat, 'Open Sans', 'DejaVu Sans', sans-serif;">Navigation</div>
+<div
+  id="toctitle"
+  style="font-family:Montserrat, 'Open Sans', 'DejaVu Sans', sans-serif;"><a href="https://methal.pages.unistra.fr">Navigation</a>></div>
 <ul class="sectlevel1">
-<li><a href="#_objectives">Objectives</a></li>
-<li><a href="#_challenges">Challenges</a></li>
-<li><a href="#_outputs">Outputs</a></li>
-<li><a href="#_participants">Participants</a></li>
-<li><a href="#_web_presence">Web presence</a></li>
-<li><a href="#_get_in_touch">Get in touch</a></li>
+<li><a href="../#_objectives">Objectives</a></li>
+<li><a href="../#_challenges">Challenges</a></li>
+<li><a href="../#_outputs">Outputs</a></li>
+<li><a href="../#_participants">Participants</a></li>
+<li><a href="../#_web_presence">Web presence</a></li>
+<li><a href="../#_get_in_touch">Get in touch</a></li>
 </ul>
 </div>
 </div>