added landing page

about.html

@@ -166,12 +166,12 @@
         </p>
 
         <div id='partner_logos'>
-          <a href="https://www.zak.kit.edu" target=new><img src="/images/logo_zak.png"></a>
-          <a href="https://www.kit.edu" target=new><img src="/images/logo_kit_whitened.png"></a>
-          <a href="http://www.staedtische-galerie.de" target=new><img src="/images/logo_staedtische_galerie.png"></a>
-          <a href="http://zkm.de" target=new><img src="/images/logo_zkm.png"></a>
-          <a href="http://www.kunsthalle-karlsruhe.de" target=new><img src="/images/logo_kunsthalle.png"></a>
-          <a href="https://www.bildkunst.de" target=new><img src="/images/logo_vg_kunst_bild.png"></a>
+          <a href="https://www.zak.kit.edu" target=new><img src="/images/logos/zak.png"></a>
+          <a href="https://www.kit.edu" target=new><img src="/images/logos/kit.png"></a>
+          <a href="http://www.staedtische-galerie.de" target=new><img src="/images/logos/staedtische_galerie.png"></a>
+          <a href="http://zkm.de" target=new><img src="/images/logos/zkm.png"></a>
+          <a href="http://www.kunsthalle-karlsruhe.de" target=new><img src="/images/logos/kunsthalle.png"></a>
+          <a href="https://www.bildkunst.de" target=new><img src="/images/logos/vg_kunst_bild.png"></a>
         </div>
       </div>
   </body>

main.html

@@ -4,21 +4,51 @@
 
       <div class='empty'></div>
       <div class="description">
-        <h2>Werkübersicht</h2>
-
-        <p>
-          Unsere Virtuelle-Ausstellung beginnt mit velit magni aliquid minus. Repellendus et harum consectetur alias ad.
-          Suscipit vel assumenda quia similique et quia doloribus. Maiores sed animi voluptate et perferendis eum quia.
-          Et est veniam temporibus quia ipsa repudiandae autem quo. Sed harum assumenda accusantium mollitia.
-        </p>
-
+        <h2>
+          Folge & Varianz.
+          <br>
+          Kunst vom Mittelalter bis zur Gegenwart
+        </h2>
+        <h3>
+          19. April bis 19. Oktober 2018
+        </h3>
         <div id="badges">
           <a href="https://www.facebook.com/ausstellung.virtuell.1" target=new><img src="images/badges/facebook.png"></a>
           <a href="https://git.scc.kit.edu/ubezi/web-ausstellung-virtuell.de" target=new><img src="images/badges/gitlab.png"></a>
           <a href="https://www.youtube.com/channel/UCYmnmiLlVoh32lbWJvDyvcA" target=new><img src="images/badges/youtube.png"></a>
           <a href="https://twitter.com/ausst__virtuell" target=new><img src="images/badges/twitter.png"></a>
         </div>
-
+        <p>
+          Das Projekt setzt sich mit dem Thema von Folge und Varianz in ausgewählten
+          Exponaten aus den Sammlungen der <i>Staatlichen Kunsthalle Karlsruhe</i>,
+          dem <i>ZKM | Zentrum für Kunst und Medien</i> und der <i>Städtischen Galerie
+          Karlsruhe</i> auseinander.
+        </p>
+        <p>
+          Die ausgewählten Werke werden in kurzen Filmsequenzen und Essays erläutert.
+          Der Besucher kann sich den gesamten Film sowie einzelne Abschnitt ansehen.
+          Mittels eines virtuellen Grundrisses kann der Aufbau der Ausstellung
+          nachvollzogen werden und eine Auswahl der Exponate zur näheren Betrachtung
+          ausgesucht werden.
+        </p>
+        <p>
+          Das Projekt ist eine Kooperation des <i>Institut für Kunst- und Baugeschichte</i>
+          und des <i>ZAK │ Zentrum für Angewandte Kulturwissenschaft und Studium Generale</i>
+          am <i>Karlsruher Instituts für Technologie</i> (KIT).
+        </p>
+        <div id="partner_logos">
+          <a href="https://www.zak.kit.edu" target=new><img src="/images/logos/zak.png"></a>
+          <a href="https://www.kit.edu" target=new><img src="/images/logos/kit.png"></a>
+        </div>
+        <p>
+          Projektpartner:
+        </p>
+        <div id="partner_logos">
+          <a href="http://www.kunsthalle-karlsruhe.de" target=new><img src="/images/logos/kunsthalle.png"></a>
+          <a href="http://www.staedtische-galerie.de" target=new><img src="/images/logos/staedtische_galerie.png"></a>
+          <a href="http://zkm.de" target=new><img src="/images/logos/zkm.png"></a>
+          <a href="https://www.bildkunst.de" target=new><img src="/images/logos/vg_kunst_bild.png"></a>
+        </div>
       </div>
 
       <div class="video-navigation">

preview.html

+<!DOCTYPE html>
+<html>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+  <link href="https://fonts.googleapis.com/css?family=Montserrat:300|Open+Sans:300" rel="stylesheet">
+  <head>
+    <style type="text/css">
+      html, body {
+        background-image: url('images/preview.jpeg');
+        background-repeat: no-repeat;
+        background-size: cover;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-wrap: wrap;
+        height: 100%;
+        width: 100%;
+        margin: 0;
+        color: rgba(0,0,0,0.54);
+      }
+      article {
+        padding: 40px;
+        background-color: white;
+        max-width: 50%;
+        margin-left: 20px;
+        box-shadow: 2px 2px 10px;
+      }
+      article p {
+        font-family: 'Montserrat', sans-serif;
+        font-weight: 300;
+        font-size: 14px;
+        line-height: 22px;
+      }
+      article h2 {
+        font-family: 'Open Sans', sans-serif;
+        font-weight: 400;
+        font-size: 30px;
+        font-style: normal;
+        margin-top: 5px;
+      }
+      article h3 {
+        font-family: 'Open Sans', sans-serif;
+        font-weight: 200;
+        font-size: 18px;
+        font-style: normal;
+      }
+      #partner_logos {
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: flex-start;
+      }
+
+      #partner_logos img {
+        max-height: 30px;
+        min-width: 40px;
+        max-width: 60px;
+        flex: 1;
+        margin: 0.7rem 0;
+        margin-right: 1rem;
+        opacity: 0.6;
+      }
+
+      #partner_logos img:hover {
+        opacity: 1;
+      }
+      #trailer video {
+        margin: 10px 0;
+        width: 95%;
+        max-width: 450px;
+        box-shadow: 5px 5px 10px;
+      }
+      article .logo {
+        float: left;
+        width: 60px;
+        margin-top: 15px;
+        margin-right: 20px;
+      }
+      .navigation a {
+        text-decoration: none;
+        color: inherit;
+        float: right;
+        margin-left: 20px;
+      }
+      @media only screen and (max-device-width: 600px) {
+        article {
+          margin-left: 0;
+          max-width: 95%;
+          padding: 20px;
+        }
+        article h2 {
+          font-size: 25px;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <div id="trailer">
+      <video src="presse/video/Ausstellung Virtuell - Demnächst zu sehen.webm" poster="presse/video/Ausstellung Virtuell - Demnächst zu sehen.png" controls></video>
+    </div>
+    <article>
+      <img class="logo" src="presse/img/logos/logo.png">
+      <h2>
+        Folge & Varianz.
+        <br>
+        Kunst vom Mittelalter bis zur Gegenwart
+      </h2>
+      <h3>
+        19. April bis 19. Oktober 2018
+      </h3>
+      <p>
+        Das Projekt setzt sich mit dem Thema von Folge und Varianz in ausgewählten
+        Exponaten aus den Sammlungen der <i>Staatlichen Kunsthalle Karlsruhe</i>,
+        dem <i>ZKM | Zentrum für Kunst und Medien</i> und der <i>Städtischen Galerie
+        Karlsruhe</i> auseinander.
+      </p>
+      <p>
+        Die ausgewählten Werke werden in kurzen Filmsequenzen und Essays erläutert.
+        Der Besucher kann sich den gesamten Film sowie einzelne Abschnitt ansehen.
+        Mittels eines virtuellen Grundrisses kann der Aufbau der Ausstellung
+        nachvollzogen werden und eine Auswahl der Exponate zur näheren Betrachtung
+        ausgesucht werden.
+      </p>
+      <p>
+        Das Projekt ist eine Kooperation des <i>Institut für Kunst- und Baugeschichte</i>
+        und des <i>ZAK │ Zentrum für Angewandte Kulturwissenschaft und Studium Generale</i>
+        am <i>Karlsruher Instituts für Technologie</i> (KIT).
+      </p>
+      <div id="partner_logos">
+        <a href="https://www.zak.kit.edu" target=new><img src="presse/img/logos/logo_zak.png"></a>
+        <a href="https://www.kit.edu" target=new><img src="presse/img/logos/logo_kit.png"></a>
+      </div>
+      <p>
+        Projektpartner:
+      </p>
+      <div id="partner_logos">
+        <a href="http://www.kunsthalle-karlsruhe.de" target=new><img src="presse/img/logos/logo_kunsthalle.png"></a>
+        <a href="http://www.staedtische-galerie.de" target=new><img src="presse/img/logos/logo_staedtische_galerie.png"></a>
+        <a href="http://zkm.de" target=new><img src="presse/img/logos/logo_zkm.png"></a>
+        <a href="https://www.bildkunst.de" target=new><img src="presse/img/logos/logo_vg_kunst_bild.png"></a>
+      </div>
+      <p class="navigation">
+        <a href="/presse/impressum.html">Impressum</a>
+        <a href="/presse">Presse</a>
+      </p>
+    </article>
+  </body>
+</html>