From 111cffe1124a0292fb59c8a6223d50399fa289a3 Mon Sep 17 00:00:00 2001
From: Thorsten Vitt <thorsten.vitt@uni-wuerzburg.de>
Date: Sat, 9 May 2020 18:54:26 +0200
Subject: [PATCH] Add an 'About' page to the doctranscript pdfs

---
 render-multi-pages.js                         |  2 +
 src/main/web                                  |  2 +-
 .../page/js-gen/transcript-generation.js      | 11 +++
 svg_rendering/page/transcript-generation.html | 79 +++++++++++++++++++
 4 files changed, 93 insertions(+), 1 deletion(-)

diff --git a/render-multi-pages.js b/render-multi-pages.js
index bc01cac..6fc3960 100644
--- a/render-multi-pages.js
+++ b/render-multi-pages.js
@@ -56,6 +56,8 @@ if (process.argv.length !== 4) {
                     }
                 }
 
+                await page.evaluate(s => transcriptGeneration.addAboutPage(s), job.sigil);
+
                 if (!debug) {
                     // console.log("Saving PDF ", job.pdfname, " ...")
                     await page.pdf({
diff --git a/src/main/web b/src/main/web
index c7bb4f7..d69dddb 160000
--- a/src/main/web
+++ b/src/main/web
@@ -1 +1 @@
-Subproject commit c7bb4f7396b2640f7552ad659295dcdcc9b4f4d6
+Subproject commit d69dddbd4207391333fd29762820a75a15bd5626
diff --git a/svg_rendering/page/js-gen/transcript-generation.js b/svg_rendering/page/js-gen/transcript-generation.js
index 8f9af11..e5f3deb 100644
--- a/svg_rendering/page/js-gen/transcript-generation.js
+++ b/svg_rendering/page/js-gen/transcript-generation.js
@@ -199,6 +199,17 @@ var transcriptGeneration = (function () {
         return serializedSvg;
     };
 
+    transcriptGeneration.addAboutPage = function addAboutPage(sigil) {
+        var template = document.getElementById('aboutpage').innerHTML;
+        const options = {sigil: sigil, generated: new Date().toISOString()};
+        for (const option in options) {
+            template = template.replace(RegExp('\{' + option + '\}', 'g'), options[option])
+        }
+        const aboutElement = document.createElement('article');
+        document.body.append(aboutElement);
+        aboutElement.outerHTML = template;
+    }
+
 
     transcriptGeneration.createToPhantom = function createToPhantom(transcript, links) {
         transcriptGeneration.createDiplomaticSvg(transcript, function (diploSvg) {
diff --git a/svg_rendering/page/transcript-generation.html b/svg_rendering/page/transcript-generation.html
index c6d853f..611b927 100644
--- a/svg_rendering/page/transcript-generation.html
+++ b/svg_rendering/page/transcript-generation.html
@@ -59,4 +59,83 @@
       <img src="img/usedMarker.svg" alt="Preload usedMarker.svg" />
     </div>
   </body>
+
+  <script type="text/template" id="aboutpage">
+      <section class="aboutpage">
+          <article class="title">
+              <img src="img/faustlogo.svg" alt="Faustedition" style="width: 10em;" />
+              <h2 class="author">Johann Wolfgang Goethe</h2>
+              <h1>Faust</h1>
+              <h3>Historisch-Kritische Edition</h3>
+              <h2>{sigil}</h2>
+          </article>
+
+          <article class="legende">
+              <h1>Legende</h1>
+
+              <table>
+                  <tr><th colspan="2"></th></tr>
+                  <tr class="hand-g" style="font-family: 'Gentium Plus'">
+                      <td>Serifen</td>
+                      <td>Goethe</td>
+                  </tr>
+                  <tr>
+                      <td>Grotesk</td>
+                      <td>Schreiber*in</td>
+                  </tr>
+                  <tr class="hand-xx" style="font-family: 'Ubuntu Mono'">
+                      <td>Schreibmaschine</td>
+                      <td>zeitgenössische Hand</td>
+                  </tr>
+
+                  <tr>
+                      <th colspan="2"></th>
+                  </tr>
+                  <tr style="font-style: normal">
+                      <td>recte</td>
+                      <td>deutsche Schrift</td>
+                  </tr>
+                  <tr style="font-style: italic">
+                      <td>kursiv</td>
+                      <td>lateinische Schrift</td>
+                  </tr>
+
+                  <tr>
+                      <th colspan="2"></th>
+                  </tr>
+                  <tr style="color: black">
+                      <td>schwarz</td>
+                      <td>schwarze Tinte</td>
+                  </tr>
+                  <tr style="color:#A02020">
+                      <td>rot</td>
+                      <td>Rötel, rote Tinte</td>
+                  </tr>
+                  <tr style="color: #5050C0">
+                      <td>blau</td>
+                      <td>blaue Tinte</td>
+                  </tr>
+                  <tr style="color: #808080;">
+                      <td>grau</td>
+                      <td>Bleistift</td>
+                  </tr>
+              </table>
+          </article>
+
+          <article>
+              <h1>Zitierempfehlung</h1>
+              <p>
+                  Johann Wolfgang Goethe: Faust. Historisch-kritische Edition.
+                  Herausgegeben von Anne Bohnenkamp, Silke Henke und Fotis Jannidis
+                  unter Mitarbeit von Gerrit Brüning, Katrin Henzel, Christoph Leijser, Gregor Middell, Dietmar Pravida, Thorsten Vitt und Moritz Wissenbach.
+                  Version alpha. Frankfurt am Main / Weimar / Würzburg 2018 – 2020,
+                  <span>{sigil} – Dokumentarisches Transkript</span>
+                  <!-- , <span>URL: <a href="{url}">{url}</a></span> -->
+              </p>
+
+              <div class="generated">Generiert: {generated}</div>
+          </article>
+      </section>
+    </script>
+
 </html>