derekovecs: replace former footer with about tab including references
diff --git a/templates/de/about.html.ep b/templates/de/about.html.ep
new file mode 100644
index 0000000..59b20c8
--- /dev/null
+++ b/templates/de/about.html.ep
@@ -0,0 +1,19 @@
+<html>
+<p>
+    DeReKoVecs (Fankhauser & Kupietz 2017, 2019; Kupietz et al. 2018) ist das neue gläserne Labor der des Programmbereichs Korpuslinguistik am IDS. Ähnlich wie die 
+    Kookkurrenzdatenbank <a href="http://corpora.ids-mannheim.de/">CCDB</a> (Keibel &amp; Belica 2007, Belica 2011) dient DeReKoVecs zur Erforschung und zum Vergleich 
+    von Maßen, Dimensionsreduktionsverfahren, Visualisierungen etc., zum Aufspüren von detaillierten paradigmatischen und syntagmatischen Beziehungen
+    zwischen Wörtern auf Grundlage Ihrer Verwendung in sehr großen Korpora.
+</p>
+<p>
+    Die hier verwendeten Modelle beruhen zum einen auf einer Erweiterung von word2vec (Mikolov et al. 2013), wang2vec (Ling et al. 2015) 
+    und zum anderen auf einfachen Kookkurrenzhäufigkeiten und Analysemethoden, die auf diesen operieren.
+</p>
+<h3>Disclaimer</h3>
+<p>
+    Bitte beachten Sie, dass wir – anders als z.B. <a href="https://comsmas2.ids-mannheim.de">COSMAS II</a> – DeReKoVecs 
+    nicht als einen Dienst mit hoher Ausfallsicherheit betrieben (können). DeReKoVecs ist lediglich als gläsernes Labor gedacht. 
+    Es können sich jederzeit unangekündigt Dinge ändern und auch ein kompletter Ausfall über längere Zeit lässt sich nicht mit Sicherheit ausschließen.
+    Wenn Sie DeReKoVecs längerfristig für eigene Forschungen verwenden wollen, sprechen Sie uns bitte an.
+</p>
+</html>
\ No newline at end of file
diff --git a/templates/de/footer.html.ep b/templates/de/footer.html.ep
new file mode 100644
index 0000000..1c216c9
--- /dev/null
+++ b/templates/de/footer.html.ep
@@ -0,0 +1,5 @@
+<a href="#tabs-4" onclick='$( "#tabs" ).tabs( "option", "active", 3 );' title="">Über DeReKoVecs</a>
+| <a href="https://www1.ids-mannheim.de/kl/projekte/methoden.html" title="">Kontakt</a>
+| <a href="https://www1.ids-mannheim.de/allgemein/datenschutz.html" title="">Datenschutzhinweis</a>
+| <a href="https://www1.ids-mannheim.de/allgemein/impressum.html" title="">Impressum</a>
+| &copy; <a target="_blank" href="https://www.ids-mannheim.de/">Leibniz-Institut für Deutsche Sprache</a>
diff --git a/templates/en/about.html.ep b/templates/en/about.html.ep
new file mode 100644
index 0000000..dfd15ca
--- /dev/null
+++ b/templates/en/about.html.ep
@@ -0,0 +1,19 @@
+<html>
+<p>
+    DeReKoVecs (Fankhauser & Kupietz 2017, 2019; Kupietz et al. 2018) is the new open lab of the Corpus Linguistics group at IDS Mannheim. Similar to the 
+    Collocation Database <a href="http://corpora.ids-mannheim.de/">CCDB</a> (Keibel &amp; Belica 2007, Belica 2011), DeReKoVecs serves for investigating and comparing
+    of measurements, dimension reduction procedures, visualizations etc., to track down detailed paradigmatic and syntagmatic relations
+    between words based on their use in very large corpora such as the German Reference Corpus DeReKo.
+</p>
+<p>
+    The models used here are based on an extension of word2vec (Mikolov et al. 2013), wang2vec (Ling et al. 2015) 
+    and on the other hand on simple co-occurence counts and analysis methods that operate on these.
+</p>
+<h3>Disclaimer</h3>
+<p>
+    Please note that  – unlike e.g. <a href="https://comsmas2.ids-mannheim.de/">COSMAS II</a> – we cannot operate DeReKoVecs 
+    as a service with high reliability. DeReKoVecs is only intended as a glass laboratory. 
+    Things can change unannounced at any time and even a complete breakdown over a longer period of time cannot be excluded with certainty.
+    If you would like to use DeReKoVecs for your own research in the longer term, please contact us.
+</p>
+</html>
diff --git a/templates/en/footer.html.ep b/templates/en/footer.html.ep
new file mode 100644
index 0000000..6b783f1
--- /dev/null
+++ b/templates/en/footer.html.ep
@@ -0,0 +1,5 @@
+<a href="#tabs-4" onclick='$( "#tabs" ).tabs( "option", "active", 3 );' title="">About DeReKoVecs</a>
+| <a href="https://www1.ids-mannheim.de/kl/projekte/methoden.html" title="">Contact</a>
+| <a href="https://www1.ids-mannheim.de/allgemein/datenschutz.html" title="">Privacy</a>
+| <a href="https://www1.ids-mannheim.de/allgemein/impressum.html" title="">Impressum</a>
+| &copy; <a target="_blank" href="https://www.ids-mannheim.de/">Leibniz Institute for the German Language</a>)
diff --git a/templates/index.html.ep b/templates/index.html.ep
index a4f6b8d..ccb5ea4 100644
--- a/templates/index.html.ep
+++ b/templates/index.html.ep
@@ -742,12 +742,15 @@
     <div id="topwrapper">
       <div style="visibility: hidden;" id="tabs">
         <ul>
-          % if($mergedEnd && $distantWords) {
-          <li><a href="#tabs-0" title="Cos offsets of the words furthest away from their position in the reference corpus."">Offsets</a></li>
+          % if (defined $word && $word ne '') {
+            % if($mergedEnd && $distantWords) {
+            <li><a href="#tabs-0" title="Cos offsets of the words furthest away from their position in the reference corpus."">Offsets</a></li>
+            % }
+            <li><a href="#tabs-1"><%= loc 'paradigmatic_tsne' %></a></li>
+            <li><a href="#tabs-2"><%= loc 'paradigmatic_som' %></a></li>
+            <li><a href="#tabs-3"><%= loc 'syntagmatic' %></a></li>
           % }
-          <li><a href="#tabs-1"><%= loc 'paradigmatic_tsne' %></a></li>
-          <li><a href="#tabs-2"><%= loc 'paradigmatic_som' %></a></li>
-          <li><a href="#tabs-3"><%= loc 'syntagmatic' %></a></li>
+          <li><a href="#tabs-4">Info</a></li>
         </ul>
         % if($mergedEnd && $distantWords) {
         <div id="tabs-0" style="display: flex;  padding: 5px; flex-flow: row wrap;">
@@ -847,10 +850,12 @@
           % }
         </div>
         <div id="tabs-2" style="display: flex;  padding: 5px; flex-flow: row wrap;">
-          <div id="som2" style="width: 800;">
-            <div id="sominfo1"><span id="somcolor1">   </span> <span id="somword1"> </span> <span id="somcolor2">   </span> <span id="somword2"> </span> <span id="somcolor3">   </span></div>
-            <div id="sominfo" style="text-align: right">SOM iteration <span id="iterations">0</span></div>
-          </div>
+          % if(defined $word && $word ne "") {
+            <div id="som2" style="width: 800;">
+             <div id="sominfo1"><span id="somcolor1">   </span> <span id="somword1"> </span> <span id="somcolor2">   </span> <span id="somword2"> </span> <span id="somcolor3">   </span></div>
+               <div id="sominfo" style="text-align: right">SOM iteration <span id="iterations">0</span></div>
+            </div>
+          % }
         </div>
         <div id="tabs-3" style="display: flex;  padding:5px; flex-flow: row wrap;">
           <div style="margin-right: 20px; margin-bottom: 10px;" id="secondt">
@@ -937,21 +942,32 @@
                <div style="float: right; overflow: hidden" id="extra"><button onClick="showCollocatorSOM()"> </button></div>
           -->
         </div>
-      </div>
+        <div id="tabs-4" style="display: flex;  padding:5px; flex-flow: row wrap;">
+          <div id="info">
+            <h3><%== loc 'about' %></h3>
+            %= include(loc('abouttext'))
+            % if($training_args && (@$lists)[0]) {
+                <h3><%= loc 'training_parameters' %></h3>
+                % if($training_args =~ /-type\s*3/) {
+                  <p>Calculations are based on a word embedding model trained with an extension of <a href="https://github.com/wlin12/wang2vec/">wang2vec</a> using the following parameters:</p>
+                  <div class="mono"><%= $training_args %></div>
+                % } else {
+                  <p>Calculations are based on a word embedding model trained with <a href="https://code.google.com/p/word2vec/">word2vec</a> using the following parameters:</p>
+                  <div class="mono"><%= $training_args %></div>
+              % }
+           % } 
+           <h3><%== loc 'references' %></h3>
+            %= include 'references'
+           </div>
+        </div>
+      </div> <!-- tabs -->
     </div> <!-- topwrapper  -->
     <div style="clear: both;"></div>
     </div>
-    % if($training_args && (@$lists)[0]) {
-      <div class="info">
-        % if($training_args =~ /-type\s*3/) {
-          Calculations are based on a word embedding model trained with an extension of <a href="https://github.com/wlin12/wang2vec/">wang2vec</a> using the following parameters: <%= $training_args %>
-        % } else {
-          Calculations are based on a word embedding model trained with <a href="https://code.google.com/p/word2vec/">word2vec</a> using the following parameters: <%= $training_args %>
-        % }
+      <div class="footer">
+        <span class="footertext">
+          %= include(loc('footer'))
+        </span>
       </div>
-    % } else {
-      <div class="info">
-      </div>
-    % }
   </body>
 </html>
diff --git a/templates/references.html.ep b/templates/references.html.ep
new file mode 100644
index 0000000..f1b2c50
--- /dev/null
+++ b/templates/references.html.ep
@@ -0,0 +1,56 @@
+<html>
+<p class="refkey">Belica, Cyril (2011): </p>
+<p class="reference"><a href="http://corpora.ids-mannheim.de/SemProx.pdf">Semantische Nähe als Ähnlichkeit von
+        Kookkurrenzprofilen.</a> In: Andrea Abel, Renata Zanin, Hrsg., Korpora in Lehre und Forschung, S. 155-178.
+    Bozen-Bolzano University Press. Freie Universität Bozen-Bolzano.
+</p>
+<p class="refkey">Fankhauser, P., Kupietz, M. (2017): </p>
+<p class="reference"><a href="http://nbn-resolving.de/urn:nbn:de:bsz:mh39-65113">Visualizing Language Change in a Corpus
+        of Contemporary German</a>. In: Proceedings of the 9th International Corpus Linguistics Conference. Birmingham:
+    University of Birmingham.
+</p>
+<p class="refkey">Fankhauser, Peter/Kupietz, Marc (2019):</p>
+<p class="reference"><A HREF="http://nbn-resolving.de/urn:nbn:de:bsz:mh39-91174">Analyzing domain specific word embeddings for a large corpus of contemporary German.</A>
+    International Corpus Linguistics Conference, Cardiff, Wales, UK, July 22-26, 2019. 2019. 6 S.
+</p>
+<p class="refkey">Keibel, H., Belica, C. (2007): </p>
+<p class="reference"><a
+        href="http://www.birmingham.ac.uk/documents/college-artslaw/corpus/conference-archives/2007/132Paper.pdf">CCDB:
+        A Corpus-Linguistic Research and Development Workbench</a>. In: Proceedings of the 4th Corpus Linguistics
+    Conference (CL 2007). Birmingham:
+    University of Birmingham.
+</p>
+<p class="refkey">Kohonen, Teuvo (1982):</p>
+<p class="reference">Self-Organized Formation of Topologically Correct Feature Maps. <span class="italic">Biological
+        Cybernetics</span>. <span class="bold">43</span> (1): 59–69. <a
+        href="https://en.wikipedia.org/wiki/Digital_object_identifier">doi</a>:<a
+        href="https://doi.org/10.1007%2Fbf00337288">10.1007/bf00337288</a>.
+</p>
+<p class="refkey">Kupietz, M., Belica, C., Keibel, H., Witt, A. (2010): </p>
+<p class="reference"><a href="http://nbn-resolving.de/urn:nbn:de:bsz:mh39-28379">The German Reference Corpus DeReKo: A
+        primordial sample for linguistic research</a>. In: Calzolari, N. et al. (eds.): Proceedings of the seventh
+    conference on International
+    Language Resources and Evaluation (LREC 2010). Paris: ELRA, 1848-1854.
+</p>
+<p class="refkey">Kupietz, M., Lüngen, H., Kamocki, P., Witt, A. (2018): </p> 
+<p class="reference"><a href="http://www.lrec-conf.org/proceedings/lrec2018/summaries/737.html">German Reference Corpus DeReKo: New Developments – New Opportunities.</a>
+    In: Calzolari, N. et al (eds):  Proceedings of the 11th International Conference on Language Resources and Evaluation (LREC 2018). Miyazaki: ELRA, 4353-4360</p>
+
+<p class="refkey">Levy, Omer; Goldberg, Yoav (2014): </p>
+<p class="reference"><a
+        href="http://papers.nips.cc/paper/5477-neural-word-embedding-as-implicit-matrix-factorization.pdf">Neural Word
+        Embedding as Implicit Matrix Factorization</a> (PDF). NIPS.
+</p>
+<p class="refkey">Ling, W., Dyer, C., Black, A., &amp; Trancoso, I. (2015):</p>
+<p class="reference"><a href="http://www.cs.cmu.edu/~lingwang/papers/naacl2015.pdf">Two/too simple adaptations of
+        word2vec for syntax problems.</a> In Proc. of NAACL.
+</p>
+<p class="refkey">Marková, V. (2012). </p>
+<p class="reference">Synonyme unter dem Mikroskop. Eine korpuslinguistische Studie. Tübingen: Narr.</p>
+
+<p class="refkey">Mikolov, T., Sutskever, I., Chen, K., Corrado, G. S., Dean, J.(2013): </p>
+<p class="reference">Distributed representations of words and phrases and their compositionality. In Proceedings
+   of NIPS (Advances in Neural Information Processing Systems) 2013, 3111–3119.
+</p>
+
+</html>
\ No newline at end of file