index.html 1.99 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>
Jonas Heinrich's avatar
Jonas Heinrich committed
17
18
      </logo>
      <navigation>
19
20
21
22
        <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
23
24
      </navigation>
      <map>
25
        <div id='map' style='width: 100%; height: 100%;'></div>
Jonas Heinrich's avatar
Jonas Heinrich committed
26
27
      </map>
      <content>
28
29
30
31
32
33
34
35
36
37
38
39
40
        <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
41
      </content>
42
    </div>
Jonas Heinrich's avatar
Jonas Heinrich committed
43

44
45
46
47
48
49
50
51
52
    <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
53
54

</html>