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

4
5
6
7
8
9
10
  <head>
    <meta data-react-helmet="true" charset="utf-8"/>
    <title>Ausstellung-Virtuell | Folge und Varianz</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <script src='https://api.mapbox.com/mapbox-gl-js/v0.42.0/mapbox-gl.js'></script>
    <link href='https://api.mapbox.com/mapbox-gl-js/v0.42.0/mapbox-gl.css' rel='stylesheet' />
  </head>
Jonas Heinrich's avatar
Jonas Heinrich committed
11

12
  <body>
Jonas Heinrich's avatar
Jonas Heinrich committed
13

14
    <div class="container">
Jonas Heinrich's avatar
Jonas Heinrich committed
15
      <logo>
16
        <img class="logo" src=images/logo.png>
17
        <img class="burger_menu" id="burger_menu" src=images/menu.png>
Jonas Heinrich's avatar
Jonas Heinrich committed
18
19
      </logo>
      <navigation>
20
21
22
23
        <ul>
          <li><a href=overview.html>Werkübersicht</a></li>
          <li><a href=about.html>Über das Projekt</a></li>
        </ul>
Jonas Heinrich's avatar
Jonas Heinrich committed
24
25
      </navigation>
      <map>
26
        <div id='map' style='width: 100%; height: 100%;'></div>
Jonas Heinrich's avatar
Jonas Heinrich committed
27
28
      </map>
      <content>
29
30
31
32
33
34
35
36
37
38
39
40
41
        <video class="player" poster="images/player.png"></video>
        <div class="description">
          <h2>Josef Albers - Ehrung des Quadrats: Gelbe Zentrum (1954)</h2>
          <p class="prose-big">Bla bla</p>
          Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla Bla bla bla
          Bla bla bla Bla bla bla Bla bla bla
          Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla
          Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla
          Bla bla bla Bla bla bla Bla bla bla
          Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla
          Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla
          Bla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla blaBla bla bla Bla bla bla Bla bla bla
        </div>
Jonas Heinrich's avatar
Jonas Heinrich committed
42
      </content>
43
    </div>
Jonas Heinrich's avatar
Jonas Heinrich committed
44

45
46
47
48
49
50
51
52
53
    <script>
      mapboxgl.accessToken = 'pk.eyJ1Ijoib25ueSIsImEiOiJjajhvdnc1eTgwOTM3MnFudG81MXlpZGJrIn0.lDC0PwJDf704okmeI6w61g';
      var map = new mapboxgl.Map({
      container: 'map',
      style: 'mapbox://styles/mapbox/light-v9'
      });
    </script>

  </body>
Jonas Heinrich's avatar
Jonas Heinrich committed
54
55

</html>