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>