Added press. Added tracking.

.gitignore

@@ -1,5 +1,6 @@
 *.swp
 
+/doxygen
 /pdf
 /tex
 /tmp

brochure.tex

@@ -107,10 +107,12 @@
 
     \mbox{}\hfill\color{black!70}{\Large{Inventarisierung}}
 
-    \mbox{}\hfill\color{black!70}{\Large{Narration}}
+    \mbox{}\hfill\color{black!70}{\Large{Digitale Ausstellungen}}
 
     \vspace{1cm}
 
+    \mbox{}\hfill\color{black!70}{\Large{Aus der Praxis geboren:}}
+    
     \mbox{}\hfill\color{black!70}{\Large{Museumssoftware}}
 
     \mbox{}\hfill\color{black!70}{\Large{von Museen}}

contents/de.htm

@@ -1,6 +1,6 @@
 <main>
 
-    <h1>Museum-Digital</h1>
+    <h1 data-bgimage="../../media/Screenshot-Startpage.png" style="">Museum-Digital</h1>
 
     <section id="introduction">
 
@@ -102,7 +102,7 @@ Aus dieser, schon 2009 von der AG Digitalisierung des Museumsverbandes Sachsen-A
 
     <section id="frontend">
 
-        <h2>Ausgabe</h2>
+        <h2>Museum-Digital: Die Ausgabe</h2>
 
         <div>
 
@@ -263,7 +263,7 @@ Aus dieser, schon 2009 von der AG Digitalisierung des Museumsverbandes Sachsen-A
 
     <section id="musdb">
 
-        <h2>musdb: Die Eingabeoberfläche von museum-digital</h2>
+        <h2>musdb: Die Eingabeoberfläche</h2>
 
         <div>
 
@@ -315,7 +315,7 @@ Aus dieser, schon 2009 von der AG Digitalisierung des Museumsverbandes Sachsen-A
 
     <section id="themator">
 
-        <h2>Der Themator: Narrative und digitale Ausstellungen</h2>
+        <h2>Themator: Narrative und digitale Ausstellungen</h2>
 
         <div>
 

css/main.css

@@ -19,9 +19,15 @@ body { margin: 0; background: #FFF; font-size: 1.2em; font-family: quicksand; li
 a { text-decoration: inherit; color: inherit; }
 
 h1, h2, h3, h4 { padding: .5em 0; color: #646464; }
+h1             { margin: 0; padding: 10vh 0; margin-bottom: .5em; color: #FFF; text-shadow: -1px -1px 0 #646464, 1px -1px 0 #646464, -1px 1px 0 #646464, 1px 1px 0 #646464; }
 h2             { color: #F00; }
 
+#aboutMuseum-Digital h1 { background: url(../media/Screenshot-Startpage.png) no-repeat center center; background-size: cover; }
+#aboutPresseberichtezuMuseum-Digital h1 { background: url(../media/TitlePage/06073815564.jpg) no-repeat center center; background-size: cover; }
+
 body > *    { padding: 2em 5vw; }
+body > main { padding: 0 0 2em 0; }
+body > main > * { padding-left: 5vw; padding-right: 5vw; }
 
 a.buttonLike { padding: .8em 1.0em; background: #F00; color: #FFF;
                border: #D6D6D6; border-radius: .3em;
@@ -43,7 +49,7 @@ div.placeHolder { display: none; }
 
 body > nav     { position: sticky; top: 0; left: 0;
                  display: flex; padding-top: 0; padding-bottom: 0;
-                 background: #333; color: #EEE; border-bottom: #D6D6D6; box-shadow: 2px 2px 4px #333; }
+                 background: #333; color: #EEE; border-bottom: #D6D6D6; box-shadow: 2px 2px 2px #333; }
 body > nav > * { display: inline-block; flex: 1; padding: .6em .5em; vertical-align: middle; }
 
 nav > a[href="#bottom"] { text-align: right; padding: .4em .5em; }

functions.php

@@ -268,7 +268,7 @@ function runPDF($folder, $texFilename, $filename, $title, $lang = "de", $debug =
     $uniqid = uniqid("PDF_");
 
     copyFolder("$folder", "./tmp/$uniqid");
-    copy("brochure.tex", "./tmp/$uniqid/brochure.tex");
+    copy("$texFilename.tex", "./tmp/$uniqid/$texFilename.tex");
 
     $generateUserSettings = function($lang, $title) {
         $babelPackages = [
@@ -296,8 +296,8 @@ function runPDF($folder, $texFilename, $filename, $title, $lang = "de", $debug =
     ensureDir(__DIR__ . "/pdf/$lang");
 
     // Move output file to PDF directory.
-    if (file_exists(__DIR__ . "/pdf/$lang/brochure.pdf")) unlink(__DIR__ . "/pdf/$lang/brochure.pdf");
+    if (file_exists(__DIR__ . "/pdf/$lang/$filename.pdf")) unlink(__DIR__ . "/pdf/$lang/$filename.pdf");
-    rename("brochure.pdf", __DIR__ . "/pdf/$lang/brochure.pdf");
+    rename("$filename.pdf", __DIR__ . "/pdf/$lang/$filename.pdf");
 
     # header("Content-type:application/pdf");
     # header("Content-Disposition:inline;filename=$filename");
@@ -324,7 +324,7 @@ function runPDF($folder, $texFilename, $filename, $title, $lang = "de", $debug =
 function printHTMLPage(string $title, string $contents, string $lang = "en", array $availableLangs = ["en"], string $descriptions = "") {
 
     $output = '<!DOCTYPE html>
-<html lang="' . $lang . '">
+<html lang="' . $lang . '" id="' . str_replace(":", "", str_replace(" ", "", $title)) . '">
 <head>
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />
@@ -378,6 +378,9 @@ function printHTMLPage(string $title, string $contents, string $lang = "en", arr
         </div>
     </footer>
 
+    <script src="./js/tracking.js"></script>
+    <noscript><p><img src="https://www.jrenslin.de/museum-digital/piwik/piwik.php?idsite=1" style="border:0;" alt="" ></p></noscript>
+
 </html>';
 
 

htmlToTeX.php

@@ -161,6 +161,8 @@ $content
         "themator"          => "contentsThemator.tex",
         "learnMore"         => "contentsTail.tex",
         "contact"           => "contentsContact.tex",
+        "introductionPress" => "contentsIntroductionPress.tex",
+        "germanTexts"       => "contentsPressGerman.tex",
     ];
 
     $chapterID    = $inputs->getAttribute("id");

index.php

@@ -12,9 +12,20 @@ require_once __DIR__ . "/htmlToTeX.php";
 
 ensureEnvironment();
 
+if (!isset($_GET['t']) or $_GET['t'] == "about") {
+    $sourceFolder  = "contents";
+    $sourceFile    = "brochure";
+    $sourceTeXFile = "contentsFrontend";
+}
+else if (!isset($_GET['t']) or $_GET['t'] == "press") {
+    $sourceFolder  = "press";
+    $sourceFile    = "press_review";
+    $sourceTeXFile = "contentsIntroductionPress";
+}
+
 // Find out current language
 
-$availableLangs = scanDirConts(__DIR__ . "/contents"); // Those languages are available, for which there are files
+$availableLangs = scanDirConts(__DIR__ . "/$sourceFolder"); // Those languages are available, for which there are files
 foreach ($availableLangs as $key => $value) {
     $availableLangs[$key] = str_replace(".htm", "", $value);
 }
@@ -25,7 +36,7 @@ else $lang = lang_getfrombrowser($availableLangs, 'de', null, false);
 // Load HTML document to PHP DOMDocument
 
 $content = new DOMDocument();
-$content->load(__DIR__ . "/contents/$lang.htm");
+$content->load(__DIR__ . "/$sourceFolder/$lang.htm");
 
 // Find out title
 
@@ -33,20 +44,20 @@ $title = $content->getElementsByTagName("h1")[0]->nodeValue;
 
 // Generate PDF if need be.
 
-# if (filemtime(__DIR__ . "/tex/$lang/contentsFrontend.tex") -5000 < filemtime(__DIR__ . "/contents/$lang.htm")) {
+if (filemtime(__DIR__ . "/tex/$lang/$sourceTeXFile.tex") -5000 < filemtime(__DIR__ . "/$sourceFolder/$lang.htm")) {
 
     foreach ($content->getElementsByTagName("section") as $c) {
         DOMtoTeX($c, "tex/$lang");
     }
-    runPDF("tex/$lang", "brochure", "brochure.pdf", $title, $lang, true);
+    runPDF("tex/$lang", "$sourceFile", "$sourceFile", $title, $lang, true);
 
-# }
+}
 
 // Print HTML page.
 
-$content = file_get_contents(__DIR__ . "/contents/$lang.htm");
+$content = file_get_contents(__DIR__ . "/$sourceFolder/$lang.htm");
 
-$content = str_replace("\\today", date("Y-m-d", filemtime("contents/$lang.htm")), $content);
+$content = str_replace("\\today", date("Y-m-d", filemtime(__DIR__ . "/$sourceFolder/$lang.htm")), $content);
 
 echo printHTMLPage("about:" . $title, $content, $lang, $availableLangs);
 

press/de.htm

@@ -0,0 +1,46 @@
+<main>
+
+    <h1 data-bgimage="../../media/TitlePage/06073815564.jpg" style="background: url(media/TitlePage/06073815564.jpg) no-repeat center center; background-size: cover;">Presseberichte zu Museum-Digital</h1>
+
+    <section id="introductionPress">
+
+        <h2>Einführung</h2>
+
+        <div>
+
+            <div>
+
+                <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>
+
+        </div>
+
+    </section>
+
+    <section id="germanTexts">
+
+        <h2>Deutschsprachige Texte</h2>
+
+        <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>
+
+    </section>
+
+</main>

press_review.tex

@@ -0,0 +1,125 @@
+\documentclass[12pt,a4paper,twocolumn,landscape,openany]{memoir}
+
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%% Document-wide settings
+
+\pagestyle{empty} % no page number
+\parskip 7.2pt    % space between paragraphs
+\parindent 12pt   % indent for new paragraph
+\textwidth 6.5in  % width of text
+\columnsep 0.5in  % separation between columns
+
+% Load packages
+
+\usepackage[utf8]{inputenc}
+\input{pdfSettings.tex}
+
+\usepackage{geometry}
+\geometry{left=0.7in,top=0.7in,right=0.7in,bottom=0.7in} %margins
+\usepackage{graphicx}
+\usepackage{xcolor,framed}
+\usepackage[colorlinks = true, % Set color of links to red
+            linkcolor = red,
+            urlcolor  = red,
+            citecolor = red,
+            anchorcolor = red]{hyperref}
+
+\usepackage{tikz} % for \gradientbox below.
+\usepackage{eso-pic}
+
+\usepackage{titlesec}
+
+\pagenumbering{gobble} % Disable page numbers
+
+% Set title formats using titlesec ----------------------------------
+
+\titleformat{\chapter}
+  {\huge\bfseries\color{red}} % format
+  {}                % label
+  {0pt}             % sep
+  {\huge}           % before-code
+
+\titleformat{\section}
+  {\huge\bfseries} % format
+  {}                % label
+  {0pt}             % sep
+  {\huge}           % before-code
+
+\titleformat{\subsection}
+  {\Large\bfseries} % format
+  {}                % label
+  {0pt}             % sep
+  {\Large}          % before-code
+
+%%%%%%%%%%
+% Set font
+
+\renewcommand{\familydefault}{cmss}
+
+%%%%%%%%%%
+% Macro for setting background on start page.
+
+\newcommand{\centerVertically}[1]{
+
+    \topskip0pt
+    \vspace*{\fill}
+    #1
+    \vspace*{\fill}
+}
+
+%%%%%%%%%%
+% 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}{%
+          \vfill
+          \includegraphics[width=.6\paperwidth,height=\paperheight,%
+          keepaspectratio]{../../media/Screenshot-Startpage.png}%
+          \vfill}
+    }
+
+}
+
+
+\begin{document}%
+%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%% Title Page
+%
+\begin{titlingpage}%
+%
+    \AddToShipoutPicture*{\BackgroundPic}
+
+    \color{black}%
+    \vspace{1.5cm}%
+    \mbox{}\hfill
+    {\Huge\bfseries\color{black} \pageTitle}
+
+    % \vspace{1cm}
+
+    % \mbox{}\hfill\color{black!70}{\Large{Publikation}}
+%
+    \let\cleardoublepage\clearpage
+\end{titlingpage}%
+%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%% Introduction
+%
+
+
+%
+\input{contentsIntroductionPress.tex}%
+%
+%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
+%%%%%%%%% Vorletztes: German Language texts
+%
+\input{contentsPressGerman.tex}%
+%
+%
+\end{document}

tracking.js

@@ -0,0 +1,10 @@
+var idSite = 1;
+var piwikTrackingApiUrl = 'https://museum-digital.jrenslin.de/piwik/piwik.php';
+
+var _paq = _paq || [];
+_paq.push(['setDocumentTitle', document.domain + "/" + document.title]);
+_paq.push(['setTrackerUrl', piwikTrackingApiUrl]);
+_paq.push(['setSiteId', idSite]);
+_paq.push(['disableCookies']);
+_paq.push(['trackPageView']);
+_paq.push(['enableLinkTracking']);