index.html 2.52 KB
Newer Older
1 2
<!doctype html>
<html lang="de">
Jonas Heinrich's avatar
Jonas Heinrich committed
3

4 5
  <head>
    <meta data-react-helmet="true" charset="utf-8"/>
Jonas Heinrich's avatar
Jonas Heinrich committed
6
    <meta name="viewport" content="width=device-width, initial-scale=1">
7 8
    <title>Ausstellung-Virtuell | Folge und Varianz</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
Jonas Heinrich's avatar
Jonas Heinrich committed
9
    <link rel="stylesheet" type="text/css" href="css/overview.css">
Jonas Heinrich's avatar
Jonas Heinrich committed
10
    <link rel="stylesheet" type="text/css" href="css/about.css">
11
    <link rel="stylesheet" type="text/css" href="css/mapbox-gl-0.43.0.css">
12
    <link rel="stylesheet" type="text/css" href="css/videre.css">
13 14
    <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">
Jonas Heinrich's avatar
Jonas Heinrich committed
15
    <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">
16
  </head>
Jonas Heinrich's avatar
Jonas Heinrich committed
17

18
  <body>
Jonas Heinrich's avatar
Jonas Heinrich committed
19

20
    <div class="container">
Jonas Heinrich's avatar
Jonas Heinrich committed
21
      <logo>
22
        <img class="logo" src=images/logo.png>
23
        <img class="burger_menu" id="burger_menu" src=images/menu.png>
Jonas Heinrich's avatar
Jonas Heinrich committed
24 25
      </logo>
      <navigation>
26
        <ul>
27 28
          <li><a href=# id="overview">Werkübersicht</a></li>
          <li><a href=# id="about">Über das Projekt</a></li>
29
        </ul>
Jonas Heinrich's avatar
Jonas Heinrich committed
30 31
      </navigation>
      <map>
Jonas Heinrich's avatar
Jonas Heinrich committed
32
        <!-- <div id='map' style='width: 100%; height: 100%;'></div> -->
Jonas Heinrich's avatar
Jonas Heinrich committed
33
      </map>
Jonas Heinrich's avatar
Jonas Heinrich committed
34

Jonas Heinrich's avatar
Jonas Heinrich committed
35
      <content>
Jonas Heinrich's avatar
Jonas Heinrich committed
36

37
        <div class="description">
Jonas Heinrich's avatar
Jonas Heinrich committed
38 39
          <h2>Werkübersicht</h2>
          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.
40
        </div>
Jonas Heinrich's avatar
Jonas Heinrich committed
41

Jonas Heinrich's avatar
Jonas Heinrich committed
42 43 44
        <div class="video-navigation">
          <a href='#' src='overview.html' class="btn expand">Zur Werkübersicht</a>
          <a href='#' src='video/video1.html' class="btn expand">Zur ersten Episode</a>
Jonas Heinrich's avatar
Jonas Heinrich committed
45 46
        </div>

Jonas Heinrich's avatar
Jonas Heinrich committed
47
      </content>
48
    </div>
Jonas Heinrich's avatar
Jonas Heinrich committed
49

Jonas Heinrich's avatar
Jonas Heinrich committed
50 51 52
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/videre.js"></script>
    <script src="js/jquery-ui-1.12.1.min.js"></script>
53
    <script src='js/mapbox-gl-0.43.0.js'></script>
54
    <script src="js/map.js"></script>
55
    <script src="js/main.js"></script>
56

57 58 59 60
    <script language="javascript">
      $(document).ready(function(){
      	$('#player').videre();
      });
Jonas Heinrich's avatar
Jonas Heinrich committed
61 62 63 64
      $( ".btn " ).click(function() {
        var link = $(this).attr('src');
        load_page(link);
      });
65 66
    </script>

67
  </body>
Jonas Heinrich's avatar
Jonas Heinrich committed
68 69

</html>