First properly working version.

brochure.tex

@@ -71,17 +71,20 @@
 % Macro
 
 \newcommand\BackgroundPic{%
+
+    \setlength{\fboxrule}{0,1pt}%
+    \put(-3pt,0){%
+        \color{black!5}\fbox{\rule{.6\paperwidth}{\paperheight}}}
+
     \put(0,0){%
       \parbox[b][\paperheight]{\paperwidth}{%
-        \resizebox {\paperwidth} {!} {
-          \begin{tikzpicture}[
-              box/.style={draw,minimum width=2.5cm,align=left},
-              node distance=0.5cm and 3cm
-            ]
-            \node[align=right,left color=orange,right color=orange] {};
-          \end{tikzpicture}%
+          \vfill
+          \includegraphics[width=.6\paperwidth,height=\paperheight,%
+          keepaspectratio]{../../media/Screenshot-Startpage.png}%
+          \vfill}
     }
-}}}
+
+}
 
 
 \begin{document}%
@@ -91,16 +94,30 @@
 %
 \begin{titlingpage}%
 %
-% \AddToShipoutPicture*{\BackgroundPic}
-  \centering%
+    \AddToShipoutPicture*{\BackgroundPic}
+
     \color{black}%
-  \vspace{\paperheight}%
-         {\scshape // \par}%
-         \vspace{1cm}%
-         \vspace{.5cm}%
-                       {\Huge\bfseries\color{red} Museum-Digital}%
+    \vspace{1.5cm}%
+    \mbox{}\hfill
+    {\Huge\bfseries\color{black} \pageTitle}
+
+    \vspace{1cm}
+
+    \mbox{}\hfill\color{black!70}{\Large{Publikation}}
+
+    \mbox{}\hfill\color{black!70}{\Large{Inventarisierung}}
+
+    \mbox{}\hfill\color{black!70}{\Large{Narration}}
+
+    \vspace{1cm}
+
+    \mbox{}\hfill\color{black!70}{\Large{Museumssoftware}}
+
+    \mbox{}\hfill\color{black!70}{\Large{von Museen}}
+
+    \mbox{}\hfill\color{black!70}{\Large{für Museen}}
 %
-\let\cleardoublepage\clearpage
+    \let\cleardoublepage\clearpage
 \end{titlingpage}%
 %
 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%

contents/de.htm

@@ -12,11 +12,11 @@
 
             <div>
 
-Grundsätzlich sind es die beteiligten Museen und ihre Verbände, die das Geschehen von museum-digital lenken. Jedes Museum ist für seine eigenen Beiträge verantwortlich. Diese Beiträge gestaltet das Museum mit den entsprechenden Werkzeugen von museum-digital in der regionalen (oder thematischen) Version der es zugeordnet ist. Jede regionale (oder thematische) Version von museum-digital hat andere Betreuer - zumeist die regionalen Museumsverbände oder Landesstellen für Museumsbetreuung. Die deutschlandweite Version von museum-digital entsteht aus den regionalen (und thematischen) Versionen (halb-) automatisch.
+                <p>Grundsätzlich sind es die beteiligten Museen und ihre Verbände, die das Geschehen von museum-digital lenken. Jedes Museum ist für seine eigenen Beiträge verantwortlich. Diese Beiträge gestaltet das Museum mit den entsprechenden Werkzeugen von museum-digital in der regionalen (oder thematischen) Version der es zugeordnet ist. Jede regionale (oder thematische) Version von museum-digital hat andere Betreuer - zumeist die regionalen Museumsverbände oder Landesstellen für Museumsbetreuung. Die deutschlandweite Version von museum-digital entsteht aus den regionalen (und thematischen) Versionen (halb-) automatisch.</p>
 
-Weitere Entwicklungen bei museum-digital geschehen auf Anregung aus den Museen oder ihren Verbänden. Grundsätzliche Änderungen, d.h. Änderungen, die das Gesamtsystem betreffen, werden nur dann umgesetzt, wenn die AG Digitalisierung des Museumsverbandes Sachsen-Anhalt, die Keimzelle von museum-digital, zustimmt. Änderungen, die nur in einer einzelnen Version zum Tragen kommen und andere Versionen nicht tangieren, werden dann umgesetzt wenn die entsprechenden Versions-Betreuer es für nötig halten.
+                <p>Weitere Entwicklungen bei museum-digital geschehen auf Anregung aus den Museen oder ihren Verbänden. Grundsätzliche Änderungen, d.h. Änderungen, die das Gesamtsystem betreffen, werden nur dann umgesetzt, wenn die AG Digitalisierung des Museumsverbandes Sachsen-Anhalt, die Keimzelle von museum-digital, zustimmt. Änderungen, die nur in einer einzelnen Version zum Tragen kommen und andere Versionen nicht tangieren, werden dann umgesetzt wenn die entsprechenden Versions-Betreuer es für nötig halten.</p>
 
-Alle konzeptuellen Änderungen (z.B. Aufnahme privater Sammlungen in das Verzeichnis) werden in der AG Digitalisierung des Museumsverbandes Sachsen-Anhalt diskutiert und entschieden.
+                <p>Alle konzeptuellen Änderungen (z.B. Aufnahme privater Sammlungen in das Verzeichnis) werden in der AG Digitalisierung des Museumsverbandes Sachsen-Anhalt diskutiert und entschieden.</p>
 
             </div>
 
@@ -24,11 +24,11 @@ Alle konzeptuellen Änderungen (z.B. Aufnahme privater Sammlungen in das Verzeic
 
             <div>
 
-Grundsätzlich sind es die beteiligten Museen und ihre Verbände, die das Geschehen von museum-digital lenken. Jedes Museum ist für seine eigenen Beiträge verantwortlich. Diese Beiträge gestaltet das Museum mit den entsprechenden Werkzeugen von museum-digital in der regionalen (oder thematischen) Version der es zugeordnet ist. Jede regionale (oder thematische) Version von museum-digital hat andere Betreuer - zumeist die regionalen Museumsverbände oder Landesstellen für Museumsbetreuung. Die deutschlandweite Version von museum-digital entsteht aus den regionalen (und thematischen) Versionen (halb-) automatisch.
+                <p>Grundsätzlich sind es die beteiligten Museen und ihre Verbände, die das Geschehen von museum-digital lenken. Jedes Museum ist für seine eigenen Beiträge verantwortlich. Diese Beiträge gestaltet das Museum mit den entsprechenden Werkzeugen von museum-digital in der regionalen (oder thematischen) Version der es zugeordnet ist. Jede regionale (oder thematische) Version von museum-digital hat andere Betreuer - zumeist die regionalen Museumsverbände oder Landesstellen für Museumsbetreuung. Die deutschlandweite Version von museum-digital entsteht aus den regionalen (und thematischen) Versionen (halb-) automatisch.</p>
 
-Weitere Entwicklungen bei museum-digital geschehen auf Anregung aus den Museen oder ihren Verbänden. Grundsätzliche Änderungen, d.h. Änderungen, die das Gesamtsystem betreffen, werden nur dann umgesetzt, wenn die AG Digitalisierung des Museumsverbandes Sachsen-Anhalt, die Keimzelle von museum-digital, zustimmt. Änderungen, die nur in einer einzelnen Version zum Tragen kommen und andere Versionen nicht tangieren, werden dann umgesetzt wenn die entsprechenden Versions-Betreuer es für nötig halten.
+                <p>Weitere Entwicklungen bei museum-digital geschehen auf Anregung aus den Museen oder ihren Verbänden. Grundsätzliche Änderungen, d.h. Änderungen, die das Gesamtsystem betreffen, werden nur dann umgesetzt, wenn die AG Digitalisierung des Museumsverbandes Sachsen-Anhalt, die Keimzelle von museum-digital, zustimmt. Änderungen, die nur in einer einzelnen Version zum Tragen kommen und andere Versionen nicht tangieren, werden dann umgesetzt wenn die entsprechenden Versions-Betreuer es für nötig halten.</p>
 
-Alle konzeptuellen Änderungen (z.B. Aufnahme privater Sammlungen in das Verzeichnis) werden in der AG Digitalisierung des Museumsverbandes Sachsen-Anhalt diskutiert und entschieden.
+                <p>Alle konzeptuellen Änderungen (z.B. Aufnahme privater Sammlungen in das Verzeichnis) werden in der AG Digitalisierung des Museumsverbandes Sachsen-Anhalt diskutiert und entschieden.</p>
 
             </div>
 
@@ -46,26 +46,26 @@ Aus dieser, schon 2009 von der AG Digitalisierung des Museumsverbandes Sachsen-A
             <div>
                 <h4>Inventarisieren vs. Publizieren</h4>
 
-Inventarisieren ist eine Notwendigkeit. In den meisten Museen dient die Inventarisierung ausschließlich der Verwaltung der Objekte, dem Besitznachweis, dem Leihverkehr ... Die Einträge in den zur Inventarisierung genutzten Datenbanken sind entsprechend vor allem stichwortartig. Die Inventarisierungsdatenbanken sind in den meisten Fällen geschlossene Systeme, die nicht mit Systemen anderer Museen oder zentralen Datenbanken, wie etwa der Gemeinsamen Normdatei der Bibliotheken, kommunizieren können. Die Einträge in Inventarisierungsdatenbanken werden üblicherweise von Mitarbeitern des Museums ausschließlich für Mitarbeiter des gleichen Museums vorgenommen. Entsprechend sind Einträge wie "Stuhl, blau" als Objektbeschreibung häufig zu finden. Solche Einträge sind für die Publikation wenig geeignet.
+                <p>Inventarisieren ist eine Notwendigkeit. In den meisten Museen dient die Inventarisierung ausschließlich der Verwaltung der Objekte, dem Besitznachweis, dem Leihverkehr ... Die Einträge in den zur Inventarisierung genutzten Datenbanken sind entsprechend vor allem stichwortartig. Die Inventarisierungsdatenbanken sind in den meisten Fällen geschlossene Systeme, die nicht mit Systemen anderer Museen oder zentralen Datenbanken, wie etwa der Gemeinsamen Normdatei der Bibliotheken, kommunizieren können. Die Einträge in Inventarisierungsdatenbanken werden üblicherweise von Mitarbeitern des Museums ausschließlich für Mitarbeiter des gleichen Museums vorgenommen. Entsprechend sind Einträge wie "Stuhl, blau" als Objektbeschreibung häufig zu finden. Solche Einträge sind für die Publikation wenig geeignet.</p>
 
-Ganz ähnlich verhält es sich mit Abbildungen zu Objekten. Für die Inventarisierung werden häufig Fotos erstellt auf denen eine Inventarnummer zuerkennen ist und/oder ein genormter Farbbalken mit dem Objekt abgelichtet wurde. Dies soll die Zuordnung von Abbildungen zu Objekten erleichtern und die Rekonstruktion der Farbigkeit eines Objektes ermöglichen. Bildästhetische Maßstäbe werden nicht berücksichtigt. Solche Abbildungen (bei denen mitunter die Darstellung der Inventarnummer das Objekt bedeckt) sind für die Publikation wenig geeignet.
+                <p>Ganz ähnlich verhält es sich mit Abbildungen zu Objekten. Für die Inventarisierung werden häufig Fotos erstellt auf denen eine Inventarnummer zuerkennen ist und/oder ein genormter Farbbalken mit dem Objekt abgelichtet wurde. Dies soll die Zuordnung von Abbildungen zu Objekten erleichtern und die Rekonstruktion der Farbigkeit eines Objektes ermöglichen. Bildästhetische Maßstäbe werden nicht berücksichtigt. Solche Abbildungen (bei denen mitunter die Darstellung der Inventarnummer das Objekt bedeckt) sind für die Publikation wenig geeignet.</p>
 
-Für die Internet-Publikation sind ansprechende und aussagekräftige Objektabbildungen sowie ausführliche und geprüfte Objektinformationen nötig. Jenen Museen, die mit museum-digital nicht nur publizieren, sondern auch inventarisieren, wird empfohlen schon die Inventarisierung publikationsfähig zu gestalten. Das ist der einfachste Weg.
+                <p>Für die Internet-Publikation sind ansprechende und aussagekräftige Objektabbildungen sowie ausführliche und geprüfte Objektinformationen nötig. Jenen Museen, die mit museum-digital nicht nur publizieren, sondern auch inventarisieren, wird empfohlen schon die Inventarisierung publikationsfähig zu gestalten. Das ist der einfachste Weg.</p>
 
             </div>
 
             <div>
                 <h4>Nicht in erster Linie ein Portal</h4>
 
-Objekte und Museen im Internet sichtbar machen heißt bei museum-digital die Objekte und Museen vor allem dort zu platzieren, wo die Internet-Nutzer sind. Der Aufbau eines "Portals für Museumsobjekte" ist nicht das Ziel von museum-digital. Die Mehrzahl der Internet-Nutzer kennen ihre Suchmaschine und sie sind es gewohnt diese Suchmaschine für allgemeine Fragen zu benutzen. Entsprechend ist es Absicht von museum-digital mit möglichst vielen Objekten möglichst weit vorn auf den Trefferlisten der Suchmaschinen zu sein. Dort suchen die Nutzer und von dort sollen sie den Weg zu den Objekten finden. Sind sie dann auf den Seiten von museum-digital angekommen, dann ist es das Ziel durch Verknüpfungen von Objektinformationen Anreize zu geben, weitere Seiten bei museum-digital zu lesen. Natürlich wird mit der Zeit bei immer mehr Nutzern bekannt, dass manche ihrer Fragen bei museum-digital eine Antwort finden. Diese Nutzer gehen dann, bei passenden Fragen, direkt zu museum-digital - das, auf diese Weise, ungewollt Portal-Funktionen wahrnimmt. Die Konsequenz aus diesem Grundsatz ist, dass der Quellcode von museum-digital in regelmäßigen Abständen für Suchmaschinen optimiert wird, dass viele Verlinkungsmöglichkeiten zwischen Objekten eingerichet wurden und dass dennoch die Suchfunktionen bei museum-digital selbst sehr ausgefeilt sind.
+                <p>Objekte und Museen im Internet sichtbar machen heißt bei museum-digital die Objekte und Museen vor allem dort zu platzieren, wo die Internet-Nutzer sind. Der Aufbau eines "Portals für Museumsobjekte" ist nicht das Ziel von museum-digital. Die Mehrzahl der Internet-Nutzer kennen ihre Suchmaschine und sie sind es gewohnt diese Suchmaschine für allgemeine Fragen zu benutzen. Entsprechend ist es Absicht von museum-digital mit möglichst vielen Objekten möglichst weit vorn auf den Trefferlisten der Suchmaschinen zu sein. Dort suchen die Nutzer und von dort sollen sie den Weg zu den Objekten finden. Sind sie dann auf den Seiten von museum-digital angekommen, dann ist es das Ziel durch Verknüpfungen von Objektinformationen Anreize zu geben, weitere Seiten bei museum-digital zu lesen. Natürlich wird mit der Zeit bei immer mehr Nutzern bekannt, dass manche ihrer Fragen bei museum-digital eine Antwort finden. Diese Nutzer gehen dann, bei passenden Fragen, direkt zu museum-digital - das, auf diese Weise, ungewollt Portal-Funktionen wahrnimmt. Die Konsequenz aus diesem Grundsatz ist, dass der Quellcode von museum-digital in regelmäßigen Abständen für Suchmaschinen optimiert wird, dass viele Verlinkungsmöglichkeiten zwischen Objekten eingerichet wurden und dass dennoch die Suchfunktionen bei museum-digital selbst sehr ausgefeilt sind.</p>
 
-Es bedingt sich gegenseitig: Je mehr Museen mitmachen, desto größer werden Spektrum und Anzahl von Querverweisen. Mit mehr Querverweisen und (automatisch entstehenden) Übersichtsseiten steigt das Potential für die Suchmaschinenoptimierung. Im Streit um Aufmerksamkeit im Internet ist es für Museen hilfreich Objektinformationen gemeinsam zu publizieren.
+                <p>Es bedingt sich gegenseitig: Je mehr Museen mitmachen, desto größer werden Spektrum und Anzahl von Querverweisen. Mit mehr Querverweisen und (automatisch entstehenden) Übersichtsseiten steigt das Potential für die Suchmaschinenoptimierung. Im Streit um Aufmerksamkeit im Internet ist es für Museen hilfreich Objektinformationen gemeinsam zu publizieren.</p>
             </div>
 
             <div>
                 <h4>Offen für alle Museen</h4>
 
-Museum-digital steht allen Museen zur Verfügung. Dieser Anspruch hat Konsequenzen:
+                <p>Museum-digital steht allen Museen zur Verfügung. Dieser Anspruch hat Konsequenzen:</p>
 
 <ul>
     <li>Die verwendete Software muss sehr einfach zu bedienen sein. Mitarbeiter müssen sie ohne teure IT-Schulung benutzen können.</li>
@@ -79,20 +79,20 @@ Museum-digital steht allen Museen zur Verfügung. Dieser Anspruch hat Konsequenz
             <div>
                 <h4>Mehrsprachigkeit</h4>
 
-Das Internet ist global. museum-digital ist daher auf Mehrsprachigkeit eingerichtet - in Eingabe, Ausgabe und Verwaltung von Objektinformationen. Die Navigation der Seiten, wie auch die Informationen zu Museen, zu Sammlungen oder zu Objekten lassen sich in beliebig vielen Sprachen ein- und ausgeben. Dies ermöglicht Kooperationsprojekte über Sprachgrenzen hinweg. Im Augenblick stehen im Eingabe- und Bearbeitungwerkzeug folgende Sprachen zur Verfügung: Deutsch, Englisch, Indonesisch, Polnisch, Portugiesisch, Ungarisch. Auf der Internetseite können die Nutzer zwischen Deutsch, Englisch, Indonesisch, Italienisch, Polnisch, Portugiesisch und Ungarisch wählen. Ein eigenes Werkzeug erleichtert das Einrichten weiterer Sprachversionen.
+                <p>Das Internet ist global. museum-digital ist daher auf Mehrsprachigkeit eingerichtet - in Eingabe, Ausgabe und Verwaltung von Objektinformationen. Die Navigation der Seiten, wie auch die Informationen zu Museen, zu Sammlungen oder zu Objekten lassen sich in beliebig vielen Sprachen ein- und ausgeben. Dies ermöglicht Kooperationsprojekte über Sprachgrenzen hinweg. Im Augenblick stehen im Eingabe- und Bearbeitungwerkzeug folgende Sprachen zur Verfügung: Deutsch, Englisch, Indonesisch, Polnisch, Portugiesisch, Ungarisch. Auf der Internetseite können die Nutzer zwischen Deutsch, Englisch, Indonesisch, Italienisch, Polnisch, Portugiesisch und Ungarisch wählen. Ein eigenes Werkzeug erleichtert das Einrichten weiterer Sprachversionen.</p>
 
             </div>
 
             <div>
                 <h4>Mehrfachnutzung</h4>
 
-museum-digital ist keine Einbahnstraße und kein Selbstzweck! Museen, die Informationen zu ihren Objekten bei museum-digital publizieren haben von hier aus zahlreiche einfach nutzbare Möglichkeiten:
+                <p>museum-digital ist keine Einbahnstraße und kein Selbstzweck! Museen, die Informationen zu ihren Objekten bei museum-digital publizieren haben von hier aus zahlreiche einfach nutzbare Möglichkeiten:</p>
 
-    Museum-digital verfügt einen leicht zu bedienenden Exportmechanismus mit dem sich jedes Museum eine Exportdatei für ausgewählte Objekte erstellen kann. Diese Exportdatei ist im LIDO-Datenaustauschformat gehalten und kann einfach an Portale weitergegeben werden. Etliche Museen haben auf diese Weise bereits ihre Informationen an die "europeana" oder die "ddb" (Deutsche Digitale Bibliothek) weitergereicht. Mehr zu den Exportmöglichkeiten finden Sie unter Ausgabe/Export.
+                <p>Museum-digital verfügt einen leicht zu bedienenden Exportmechanismus mit dem sich jedes Museum eine Exportdatei für ausgewählte Objekte erstellen kann. Diese Exportdatei ist im LIDO-Datenaustauschformat gehalten und kann einfach an Portale weitergegeben werden. Etliche Museen haben auf diese Weise bereits ihre Informationen an die "europeana" oder die "ddb" (Deutsche Digitale Bibliothek) weitergereicht. Mehr zu den Exportmöglichkeiten finden Sie unter Ausgabe/Export.</p>
 
-    Jedes Museum kann seine eigenen Objektinformationen auch in die eigene Internetseite einbinden. Dafür gibt es den einfachen Weg über einen iframe (mehr dazu unter Ausgabe/Einbinden) oder über eine API (mehr dazu unter Ausgabe/APIs).
+                <p>Jedes Museum kann seine eigenen Objektinformationen auch in die eigene Internetseite einbinden. Dafür gibt es den einfachen Weg über einen iframe (mehr dazu unter Ausgabe/Einbinden) oder über eine API (mehr dazu unter Ausgabe/APIs).</p>
 
-    Eine weitere Möglichkeit, die eigenen Daten selbst zu nutzen, bietet das einfache Themen-Erstellungsprogramm von museum-digital. Hiermit können die Objekte in Form einer kleinen digitalen Ausstellung gruppiert, annotiert und (als Gruppe) beschrieben, vor allem aber präsentiert werden (Mehr dazu unter Ausgabe/Themen).
+        <p>Eine weitere Möglichkeit, die eigenen Daten selbst zu nutzen, bietet das einfache Themen-Erstellungsprogramm von museum-digital. Hiermit können die Objekte in Form einer kleinen digitalen Ausstellung gruppiert, annotiert und (als Gruppe) beschrieben, vor allem aber präsentiert werden (Mehr dazu unter Ausgabe/Themen).</p>
 
             </div>
 
@@ -115,12 +115,32 @@ museum-digital ist keine Einbahnstraße und kein Selbstzweck! Museen, die Inform
                 Die Ausgabe von museum-digital ist ................. Einleitungstext.
 
             </div>
+
             <div class="placeHolder">
                 Hallo hallo
             </div>
 
         </div>
 
+        <div>
+
+            <h3>Mehr als nur Software</h3>
+
+            <div class="centerVertically">
+                <ul class="dl">
+                    <li data-title="Leicht zu erreichen">Wir antworten auf Mails</li>
+                    <li data-title="Zusammen publizieren">Um gefunden zu werden</li>
+                    <li data-title="Zusammen arbeiten">Um nicht doppelt arbeiten zu müssen</li>
+                    <li data-title="Zusammen auf einer Seite">Eine Verbesserung hilft allen</li>
+                </ul>
+            </div>
+
+            <div class="centerVertically">
+                <img src="media/Screenshot-Exhibitions.png" />
+            </div>
+
+        </div>
+
         <div>
 
             <h3>Mehr als nur eine Objektdatenbank</h3>
@@ -164,8 +184,7 @@ museum-digital ist keine Einbahnstraße und kein Selbstzweck! Museen, die Inform
             </div>
 
             <div class="centerVertically">
-                <img src="media/Screenshot-People.png" />
-                <img src="media/Screenshot-Timeline.png" />
+                <img src="media/Screenshot-People-Timeline.png" />
             </div>
 
         </div>
@@ -220,6 +239,25 @@ museum-digital ist keine Einbahnstraße und kein Selbstzweck! Museen, die Inform
 
         </div>
 
+        <div>
+
+            <h3>Nicht allein: Export- und Zitierfunktionen</h3>
+
+            <div class="centerVertically">
+                <img src="media/Screenshot-Multilingual.png" />
+            </div>
+
+            <div class="centerVertically">
+                <ul>
+                    <li>API</li>
+                    <li>Einbettungsfunktion für Objektseiten</li>
+                    <li>Für die Wissenschaft: Zitiervorschläge für Objekte</li>
+                    <li>Integrierbar in die Webseite des Museums</li>
+                </ul>
+            </div>
+
+        </div>
+
 
     </section>
 
@@ -235,7 +273,40 @@ museum-digital ist keine Einbahnstraße und kein Selbstzweck! Museen, die Inform
                 Die Ausgabe von museum-digital ist ................. Einleitungstext.
             </div>
 
+            <div class="placeHolder">
+                Hallo hallo
+            </div>
+
+        </div>
+
         <div>
+
+            <h3>Komplett inventarisierungsfähig</h3>
+
+            <div class="centerVertically">
+                <ul>
+                    <li>Placeholder TODO</li>
+                </ul>
+            </div>
+
+            <div class="centerVertically">
+                <img src="media/Screenshot-Multilingual.png" />
+            </div>
+
+        </div>
+
+        <div>
+
+            <h3>Rechte</h3>
+
+            <div class="centerVertically">
+                <img src="media/Screenshot-Multilingual.png" />
+            </div>
+
+            <div class="centerVertically">
+                <ul>
+                    <li>Ausgeklügeltes Rechtesystem</li>
+                </ul>
             </div>
 
         </div>
@@ -282,7 +353,7 @@ museum-digital ist keine Einbahnstraße und kein Selbstzweck! Museen, die Inform
                     <h4>Nebenprojekte</h4>
                     <ul class="dl">
                         <li data-title="md:term"><a class="url" href="https://term.museum-digital.de">https://term.museum-digital.de</a></li>
-                        <li data-title="themator"><a class="url" href="https://www..museum-digital.de/themator">https://www..museum-digital.de/themator</a></li>
+                        <li data-title="themator"><a class="url" href="https://www.museum-digital.de/themator">https://www.museum-digital.de/themator</a></li>
                     </ul>
                 </div>
 

css/main.css

@@ -65,15 +65,32 @@ nav > a[href="#bottom"]:hover:before { background: #F00; color: #FFF; }
 }
 section > div > div img { display: block; width: 100%; }
 
-#introduction > div > div { display: block; width: initial; }
+#introduction > div > div { display: block; width: initial; padding-right: initial; }
 
 /* =======
 |  Defined lists (as <ul>)
 |====== */
 
 ul.dl             { margin: 0; padding: 0; }
-ul.dl > li        { margin: 0; padding: 0; list-style: none; }
-ul.dl > li:before { content: attr(data-title); }
+ul.dl > li        { margin: 0 0 0 1em; padding: 0; list-style: none; }
+ul.dl > li:before { content: attr(data-title); display: block; font-weight: bold; margin-left: -1em; }
+
+/* =======
+|  Footer for options
+|====== */
+
+#optionsFooter     { display: flex; flex-flow: row wrap; padding: 1em 0; border-top: 1px solid #D6D6D6; }
+#optionsFooter > * { display: inline-block; flex: 1; min-width: 40%; max-width: 49%; }
+
+#optionsFooter ul      { margin: 0; padding: 0; list-style: none; }
+#optionsFooter ul > li { margin: 0; padding: 0; }
+#optionsFooter ul > li > a { display: block; margin: 0; padding: .5em;
+                             border-bottom: 1px solid #D6D6D6; transition: background .4s; }
+#optionsFooter ul > li > a:hover { background: #EEE; }
+
+#optionsLangs      {  }
+#optionsLangs > li > a > *    { vertical-align: middle; }
+#optionsLangs > li > a:before { content: " \01F4AC "; display: inline-block; margin-right: .5em; }
 
 /* =============
 |  Animations

functions.php

@@ -291,7 +291,7 @@ function runPDF($folder, $texFilename, $filename, $title, $lang = "de", $debug =
     chdir("./tmp/$uniqid");
 
     // Right now, pdflatex needs to be used. Once new packages are available, xelatex is to be preferred.
-    exec("pdflatex -interaction nonstopmode $texFilename.tex");
+    exec("pdflatex -interaction nonstopmode -pdf -pv $texFilename.tex");
 
     ensureDir(__DIR__ . "/pdf/$lang");
 
@@ -316,11 +316,12 @@ function runPDF($folder, $texFilename, $filename, $title, $lang = "de", $debug =
  * @param string $title          Title of the page.
  * @param string $contents       Page contents.
  * @param string $lang           Language. Optional
+ * @param array  $availableLangs Page description. Optional.
  * @param string $descriptions   Page description. Optional.
  *
  * @return string
  */
-function printHTMLPage(string $title, string $contents, string $lang = "en", string $descriptions = "") {
+function printHTMLPage(string $title, string $contents, string $lang = "en", array $availableLangs = ["en"], string $descriptions = "") {
 
     $output = '<!DOCTYPE html>
 <html lang="' . $lang . '">
@@ -330,8 +331,8 @@ function printHTMLPage(string $title, string $contents, string $lang = "en", str
     <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
     <meta charset="UTF-8" />
 
-    <link rel="shortcut icon" sizes="16x16 32x32" href="./db_images_gestaltung/mdlogo-32px.png" />
-    <link rel="shortcut icon" sizes="64x64" href="./db_images_gestaltung/mdlogo-64px.png" /><link rel="stylesheet" type="text/css" href="css/main.css">
+    <link rel="shortcut icon" sizes="16x16 32x32" href="./media/mdlogo-32px.png" />
+    <link rel="shortcut icon" sizes="64x64" href="./media/mdlogo-64px.png" /><link rel="stylesheet" type="text/css" href="css/main.css">
 
     <meta name="twitter:title" content="' . $title. '" />
     <meta property="og:title" content="' . $title. '" />
@@ -357,6 +358,26 @@ function printHTMLPage(string $title, string $contents, string $lang = "en", str
     <footer id="bottom">
         <a href="pdf/' . $lang . '/brochure.pdf" class="buttonLike">PDF</a>
     </footer>
+
+    <footer id="optionsFooter">
+        <div>
+
+        </div>
+        <div>
+            <ul id="optionsLangs">
+    ';
+
+    foreach ($availableLangs as $tLang) {
+        $output .= "
+            <li><a href='./?lang=$tLang'>$tLang</a></li>
+        ";
+    }
+
+    $output .= '
+            </ul>
+        </div>
+    </footer>
+
 </html>';
 
 

htmlToTeX.php

@@ -17,7 +17,10 @@ function divToTeX($node):string {
     $type = get_class($node);
     $output = "";
 
-    if ($type === "DOMText") return $node->textContent;
+    if ($type === "DOMText") {
+        if (trim($node->nodeValue) == "") return "";
+        return $node->textContent;
+    }
     else {
         if ($node->tagName == "img") {
             $output = "
@@ -42,18 +45,21 @@ function divToTeX($node):string {
             }
             else {
                 $output .= "
-\\itemize{%
+{
+\\begin{itemize}%
 ";
                 foreach ($node->childNodes as $childNode) {
                     $output .= divToTeX($childNode);
                 }
                 $output .= "
+\\end{itemize}
 }%
 %";
             }
         }
         else if ($node->tagName == "li") {
-            $output .= "\\item";
+            $output .= "
+\\item";
             if ($node->getAttribute("data-title") != "") $output .= "[" . transform($node->getAttribute("data-title")) . "]{ \\hfill \\\\";
             else $output .= "{%
 ";
@@ -65,7 +71,8 @@ function divToTeX($node):string {
 ";
         }
         else if ($node->tagName == "h4") {
-            $output .= "\\subsection{%
+            $output .= "
+\\subsection{%
 ";
             foreach ($node->childNodes as $childNode) {
                 $output .= divToTeX($childNode);
@@ -75,7 +82,8 @@ function divToTeX($node):string {
 ";
         }
         else if ($node->tagName == "h5") {
-            $output .= "\\subsubsection{%
+            $output .= "
+\\subsubsection{%
 ";
             foreach ($node->childNodes as $childNode) {
                 $output .= divToTeX($childNode);
@@ -92,6 +100,16 @@ function divToTeX($node):string {
             }
             $output .= "%
 }%
+";
+        }
+        else if ($node->tagName == "p") {
+            $output .= "
+";
+            foreach ($node->childNodes as $childNode) {
+                $output .= divToTeX($childNode);
+            }
+            $output .= "
+
 ";
         }
         else if ($node->tagName == "a") {
@@ -128,8 +146,8 @@ function DOMtoTeX(DOMElement $inputs, string $folder) {
 
     $centerTextTeX = function($content, $centered = false) {
         if ($centered) $output = "
-\centerVertically{
-    $content
+\centerVertically{%
+$content
 }
         ";
         else $output = $content;
@@ -189,6 +207,10 @@ function DOMtoTeX(DOMElement $inputs, string $folder) {
 
     }
 
+    $output = explode(PHP_EOL, $output);
+    foreach ($output as $key => $value) $output[$key] = trim($value);
+    $output = implode(PHP_EOL, $output);
+
     if (isset($concordanceIDFile[$chapterID])) {
         if (!file_exists(__DIR__ . "/$folder")) mkdir(__DIR__ . "/$folder");
         file_put_contents(__DIR__ . "/" . $folder . "/" . $concordanceIDFile[$chapterID], $output);

index.php

@@ -33,14 +33,14 @@ $title = $content->getElementsByTagName("h1")[0]->nodeValue;
 
 // Generate PDF if need be.
 
-if (filemtime(__DIR__ . "/tex/$lang/contentsFrontend.tex") < filemtime(__DIR__ . "/contents/$lang.htm")) {
+# if (filemtime(__DIR__ . "/tex/$lang/contentsFrontend.tex") -5000 < filemtime(__DIR__ . "/contents/$lang.htm")) {
 
     foreach ($content->getElementsByTagName("section") as $c) {
         DOMtoTeX($c, "tex/$lang");
     }
     runPDF("tex/$lang", "brochure", "brochure.pdf", $title, $lang, true);
 
-}
+# }
 
 // Print HTML page.
 
@@ -48,6 +48,6 @@ $content = file_get_contents(__DIR__ . "/contents/$lang.htm");
 
 $content = str_replace("\\today", date("Y-m-d", filemtime("contents/$lang.htm")), $content);
 
-echo printHTMLPage("about:" . $title, $content, $lang);
+echo printHTMLPage("about:" . $title, $content, $lang, $availableLangs);
 
 ?>