index.php 5.43 KB
Newer Older
1 2 3 4 5 6 7
<!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>
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 16 17 18 19 20 21
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/fonts/ionicons.eot">
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">
  </head>

  <body>

    <div class="container">
      <logo>
22 23
        <img class='logo' src='/images/logo.png'>
        <a title="Folge & Varianz | Ausstellung-Virtuell" href='/main.html' slug="/">
24 25 26
          <h2>Ausstellung-Virtuell</h2>
          <h1>Folge & Varianz</h1>
        </a>
27
        <img class="burger_menu" id="burger_menu" src='/images/menu.png'>
28 29 30 31
      </logo>
      <navigation>
        <div class="wrapper">
          <ul>
32 33
            <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>
34
            <li><a href='/impress.html' title="Impressum | Ausstellung-Virtuell" slug="/impress" class="nav-item">Impressum</a></li>
35 36 37 38
          </ul>
        </div>
      </navigation>
      <map>
39
        <div id='map' style='width: 100%; height: 100%;'></div>
40 41 42 43 44
      </map>
      <content>
      </content>
    </div>

45 46 47
    <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>
48
    <script src='/js/mapbox-gl-0.44.2.js'></script>
49 50
    <script src="/js/map.js"></script>
    <script src="/js/main.js"></script>
51
<?php
52 53 54 55 56 57 58

    if (isset($_GET['page'])){
      $page = $_GET['page'];
    } else {
      $page = "main";
    }
    switch($page) {
59 60 61 62 63
      case "impress":
        $url = "/impress.html";
        $title = "Impressum | Ausstellung-Virtuell";
        $slug = "/impress";
        break;
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 92 93
      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;
94
      case "episodes/abendessen-in-der-scheune-und-co":
95 96
        $url = "/video/video4.html";
        $title = "Episode 4: Abendessen in der Scheune & co. | Ausstellung-Virtuell";
97
        $slug = "/episodes/abendessen-in-der-scheune-und-co";
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 128 129
        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;
    }
130
    echo "<script language='javascript'>";
131
    echo "    load_page('$url', '$title', '$slug');";
132 133 134 135 136 137
    echo "</script>";
?>

  </body>

</html>