index.php 5.42 KB
Newer Older
1 2 3 4 5 6
<!doctype html>
<html lang="de">
  <head>
    <meta data-react-helmet="true" charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Folge & Varianz | Ausstellung-Virtuell</title>
7
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
8 9 10
    <link rel="stylesheet" type="text/css" href="/css/main.css">
    <link rel="stylesheet" type="text/css" href="/css/overview.css">
    <link rel="stylesheet" type="text/css" href="/css/about.css">
11
    <link rel="stylesheet" type="text/css" href="/css/mapbox-gl-0.44.2.css">
12
    <link rel="stylesheet" type="text/css" href="/css/videre.css">
13 14 15
    <link rel="stylesheet" type="text/css" href="/css/ionicons-2.0.1.min.css">
  	<link rel="stylesheet" type="text/css" href="/fonts/ionicons-2.0.1.eot">
    <link rel="stylesheet" type="text/css" href="/fonts/google-fonts.css">
16 17 18 19
  </head>
  <body>
    <div class="container">
      <logo>
20 21
        <img class='logo' src='/images/logo.png'>
        <a title="Folge & Varianz | Ausstellung-Virtuell" href='/main.html' slug="/">
22 23 24
          <h2>Ausstellung-Virtuell</h2>
          <h1>Folge & Varianz</h1>
        </a>
25
        <img class="burger_menu" id="burger_menu" src='/images/menu.png'>
26 27 28 29
      </logo>
      <navigation>
        <div class="wrapper">
          <ul>
30 31
            <li><a href='/overview.html' title="Werkübersicht | Ausstellung-Virtuell" slug="/overview" class="nav-item">Werkübersicht</a></li>
            <li><a href='/about.html' title="Über das Projekt | Ausstellung-Virtuell" slug="/about" class="nav-item">Über das Projekt</a></li>
32
            <li><a href='/impress.html' title="Impressum | Ausstellung-Virtuell" slug="/impress" class="nav-item">Impressum</a></li>
33 34 35 36
          </ul>
        </div>
      </navigation>
      <map>
37
        <div id='map' style='width: 100%; height: 100%;'></div>
38 39 40 41 42
      </map>
      <content>
      </content>
    </div>

43 44 45
    <script src="/js/jquery-3.3.1.min.js"></script>
    <script src="/js/videre.js"></script>
    <script src="/js/jquery-ui-1.12.1.min.js"></script>
46
    <script src='/js/mapbox-gl-0.44.2.js'></script>
47 48
    <script src="/js/map.js"></script>
    <script src="/js/main.js"></script>
49
<?php
50 51 52 53 54 55 56

    if (isset($_GET['page'])){
      $page = $_GET['page'];
    } else {
      $page = "main";
    }
    switch($page) {
57 58 59 60 61
      case "impress":
        $url = "/impress.html";
        $title = "Impressum | Ausstellung-Virtuell";
        $slug = "/impress";
        break;
62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91
      case "about":
        $url = "/about.html";
        $title = "Über das Projekt | Ausstellung-Virtuell";
        $slug = "/about";
        break;
      case "main":
        $url = "/main.html";
        $title = "Folge & Varianz | Ausstellung-Virtuell";
        $slug = "/";
        break;
      case "overview":
        $url = "/overview.html";
        $title = "Werkübersicht | Ausstellung-Virtuell";
        $slug = "/overview";
        break;
      case "episodes/ehrung-des-quadrats":
        $url = "/video/video1.html";
        $title = "Episode 1: Ehrung des Quadrats - Gelbes Zentrum | Ausstellung-Virtuell";
        $slug = "/episodes/ehrung-des-quadrats";
        break;
      case "episodes/dynamische-struktur":
        $url = "/video/video2.html";
        $title = "Episode 2: Dynamische Struktur | Ausstellung-Virtuell";
        $slug = "/episodes/dynamische-struktur";
        break;
      case "episodes/ueberfall-auf-einen-geleitzug":
        $url = "/video/video3.html";
        $title = "Episode 3: Überfall auf einen Geleitzug | Ausstellung-Virtuell";
        $slug = "/episodes/ueberfall-auf-einen-geleitzug";
        break;
92
      case "episodes/abendessen-in-der-scheune-und-co":
93 94
        $url = "/video/video4.html";
        $title = "Episode 4: Abendessen in der Scheune & co. | Ausstellung-Virtuell";
95
        $slug = "/episodes/abendessen-in-der-scheune-und-co";
96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127
        break;
      case "episodes/take-a-long-break-1-2":
        $url = "/video/video5.html";
        $title = "Episode 5: Take a long break I, II | Ausstellung-Virtuell";
        $slug = "/episodes/take-a-long-break-1-2";
        break;
      case "episodes/grosses-stillleben-mit-kerzen-und-spiegel":
        $url = "/video/video6.html";
        $title = "Episode 6: Großes Stillleben mit Kerzen und Spiegel | Ausstellung-Virtuell";
        $slug = "/episodes/grosses-stillleben-mit-kerzen-und-spiegel";
        break;
      case "episodes/van-gogh-als-verkannter-hochstapler":
        $url = "/video/video7.html";
        $title = "Episode 7: Van Gogh als verkannter Hochstapler | Ausstellung-Virtuell";
        $slug = "/episodes/ehrung-des-quadrats";
        break;
      case "episodes/die-heilige-elisabeth-von-thueringen":
        $url = "/video/video8.html";
        $title = "Episode 8: Die heilige Elisabeth von Thüringen | Ausstellung-Virtuell";
        $slug = "/episodes/die-heilige-elisabeth-von-thueringen";
        break;
      case "episodes/markgraf-christoph-1-von-baden-mit-seiner-familie":
        $url = "/video/video9.html";
        $title = "Episode 9: Markgraf Christoph I. von Baden mit seiner Familie | Ausstellung-Virtuell";
        $slug = "/episodes/markgraf-christoph-1-von-baden-mit-seiner-familie";
        break;
      case "episodes/bubbles":
        $url = "/video/video10.html";
        $title = "Episode 10: Bubbles | Ausstellung-Virtuell";
        $slug = "/episodes/bubbles";
        break;
    }
128
    echo "<script language='javascript'>";
129
    echo "    load_page('$url', '$title', '$slug');";
130 131 132 133 134
    echo "</script>";
?>

  </body>
</html>