index.html 2.62 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">
Jonas Heinrich's avatar
Jonas Heinrich committed
11
    <link rel="stylesheet" type="text/css" href="css/mapbox-gl-0.44.1.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' ref='main.html'>
23
24
25
26
        <a href=# ref='main.html'>
          <h2>Ausstellung-Virtuell</h2>
          <h1>Folge & Varianz</h1>
        </a>
Jonas Heinrich's avatar
Jonas Heinrich committed
27
        <img class="burger_menu" id="burger_menu" src='images/menu.png'>
Jonas Heinrich's avatar
Jonas Heinrich committed
28
29
      </logo>
      <navigation>
30
31
32
33
34
35
        <div class="wrapper">
          <ul>
            <li><a href='#' ref='overview.html' class="nav-item">Werkübersicht</a></li>
            <li><a href='#' ref='about.html' class="nav-item">Über das Projekt</a></li>
          </ul>
        </div>
Jonas Heinrich's avatar
Jonas Heinrich committed
36
37
      </navigation>
      <map>
38
        <!-- <div id='map' style='width: 100%; height: 100%;'></div> -->
Jonas Heinrich's avatar
Jonas Heinrich committed
39
40
      </map>
      <content>
Jonas Heinrich's avatar
Jonas Heinrich committed
41

Jonas Heinrich's avatar
Jonas Heinrich committed
42
43
44
        <div class='episode-wrapper'>

          <div class='empty'></div>
Jonas Heinrich's avatar
Jonas Heinrich committed
45

Jonas Heinrich's avatar
Jonas Heinrich committed
46
47
48
49
50
51
52
53
54
          <div class="description">
            <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.
          </div>

          <div class='video-navigation'>
            <a href='#' ref='overview.html' class='btn'>Zur Werkübersicht</a>
            <a href='#' ref='video/video1.html' class='btn'>Zur ersten Episode</a>
          </div>
Jonas Heinrich's avatar
Jonas Heinrich committed
55
56
57

        </div>

Jonas Heinrich's avatar
Jonas Heinrich committed
58
      </content>
59
    </div>
Jonas Heinrich's avatar
Jonas Heinrich committed
60

Jonas Heinrich's avatar
Jonas Heinrich committed
61
    <script src="js/jquery-3.3.1.min.js"></script>
Jonas Heinrich's avatar
Jonas Heinrich committed
62
63
    <script src="js/videre.js"></script>
    <script src="js/jquery-ui-1.12.1.min.js"></script>
Jonas Heinrich's avatar
Jonas Heinrich committed
64
    <script src='js/mapbox-gl-0.44.1.js'></script>
65
    <script src="js/map.js"></script>
66
    <script src="js/main.js"></script>
67
68

  </body>
Jonas Heinrich's avatar
Jonas Heinrich committed
69
70

</html>