Commit 5ca05b50 authored by Jonas Heinrich's avatar Jonas Heinrich

added landing page

parent 33dda416
......@@ -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>
......
images/badges/facebook.png

878 Bytes | W: | H:

images/badges/facebook.png

880 Bytes | W: | H:

images/badges/facebook.png
images/badges/facebook.png
images/badges/facebook.png
images/badges/facebook.png
  • 2-up
  • Swipe
  • Onion skin
images/badges/gitlab.png

10 KB | W: | H:

images/badges/gitlab.png

4 KB | W: | H:

images/badges/gitlab.png
images/badges/gitlab.png
images/badges/gitlab.png
images/badges/gitlab.png
  • 2-up
  • Swipe
  • Onion skin
images/badges/instagram.png

1.16 KB | W: | H:

images/badges/instagram.png

1.16 KB | W: | H:

images/badges/instagram.png
images/badges/instagram.png
images/badges/instagram.png
images/badges/instagram.png
  • 2-up
  • Swipe
  • Onion skin
images/badges/twitter.png

1.35 KB | W: | H:

images/badges/twitter.png

1.35 KB | W: | H:

images/badges/twitter.png
images/badges/twitter.png
images/badges/twitter.png
images/badges/twitter.png
  • 2-up
  • Swipe
  • Onion skin
images/badges/youtube.png

1.04 KB | W: | H:

images/badges/youtube.png

1.05 KB | W: | H:

images/badges/youtube.png
images/badges/youtube.png
images/badges/youtube.png
images/badges/youtube.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -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">
......
<!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>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment