derekovecs: replace former footer with about tab including references
diff --git a/css/derekovecs.css b/css/derekovecs.css
index ca9a5fa..f6caa72 100644
--- a/css/derekovecs.css
+++ b/css/derekovecs.css
@@ -3,7 +3,7 @@
     font-size: 11pt;
 }
 
-.info {
+.footer {
     font-size: 8pt;
     margin-top: 4px;
     padding-top: 8px;
@@ -16,6 +16,17 @@
    width: 98vw;
 }
 
+.footertext {
+    display: flow-root;
+    text-align: center;
+    color: grey;
+    font-size: 8pt;
+}
+
+.footertext a:any-link {
+    color: grey;
+}
+
 h1 {
     margin: 5px 10px 0 0;
     color: rgb(246,168,0);
@@ -42,6 +53,19 @@
     margin-left: 2px;
 }
 
+h3 {
+    color: rgb(246,168,0);
+    font-family: "Univers LT Std 47 Cn Lt", "Univers LT Std 67 Cn Lt", "Roboto Condensed", "Univers LT Std 67 Cn Bold", "UniversLTStd-BoldCn", "Times", 'League Gothic', Impact, sans-serif;
+    font-weight: bold;
+    /* line-height: 1.35; */
+    font-size: 18pt;
+    margin-bottom: 2pt;
+    letter-spacing: normal;
+    text-transform: uppercase;
+    text-shadow: none;
+    word-wrap: break-word;
+}
+
 showoptions, #SEARCH {
     margin-left: 10px;
     margin-right: 10px;
@@ -192,9 +216,9 @@
 }
 
 #options {
-    float: left;
+    /* float: left; */
     width: 800px;
-    margin: 10px;
+    margin: 20px auto 10px auto;
     overflow: hidden; /* if you don't want #second to wrap below #first */
 }
 
@@ -311,3 +335,39 @@
     right: 2vw;
     width: 200px;
 }
+
+#tabs-4, #tabs-3, #tabs-2, #tabs-1, #tabs-0, #wrapper {
+    display: flex;
+    justify-content: center;
+    place-items: center;
+}
+
+#info {
+    width: 90ex;
+    max-width: 90vw;
+}
+
+#info p {
+    text-align: justify;
+}
+
+#info pre {
+    font-family: "DejaVu Sans Mono", Inconsolata, SourceCodePro, "Courier New", Courier, monospace;
+}
+
+p.refkey {
+    font-size: 90%;
+    font-weight: bold;
+    text-align: left;
+    margin:  0;
+    color: #657b83; 
+}
+
+p.reference {
+    font-size: 90%;
+    text-align: left;
+    margin:  0;
+    margin-left:  2em;
+    margin-bottom: 1ex;
+    color: #657b83; 
+}
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
diff --git a/w2v-server.dict b/w2v-server.dict
index c4b43f8..8136fe1 100644
--- a/w2v-server.dict
+++ b/w2v-server.dict
@@ -32,7 +32,18 @@
     syntagmatic =>  'Syntagmatisch',
     collocate_w2v => "Kollokat (W2V)",
     collocate_ca => "Kollokat (KA)",
-    af_window => "AF-Fenster"
+    af_window => "AF-Fenster",
+    info => <<INFOENDD,
+    <p>
+    DeReKoVecs ist das neue gläserne Labor der des Programmbereichs Korpuslinguistik am IDS zur Untersuchung von Maßen und Visualisierungen, die der Erforschung paradigmatischer und syntagmatischer Beziehungen dienen.
+    </p>
+
+INFOENDD
+    about => "Über DeReKoVecs",
+    training_parameters => "Training-Parameter",
+    references => "Literatur",
+    abouttext => "de/about",
+    footer => "de/footer"
   },
   -en => {
     numf => sub {
@@ -53,6 +64,16 @@
     syntagmatic =>  'Syntagmatic',
     collocate_w2v => "Collocate (W2V)",
     collocate_ca => "Collocate (CA)",
-    af_window => "AF window"
+    af_window => "AF window",
+    info => <<INFOEND,
+    <p>
+    DeReKoVecs is the new open lab of the IDS Corpus Linguistics Group for investigating measures and visualizations that serve to explore paradigmatic and syntagmatic relations.
+    </p>
+INFOEND
+    about => "About DeReKoVecs",
+    training_parameters => "Training Parameters",
+    references => "Literature",
+    abouttext => "en/about",
+    footer => "en/footer"
   }
 };