index.html 2.03 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 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
    <div class="container">
      <topmenu-left>
        <img class="logo" src=images/logo.png>
      </topmenu-left>
      <topmenu-right>
        <ul>
          <li><a href=overview.html>Werkübersicht</a></li>
          <li><a href=about.html>Über das Projekt</a></li>
        </ul>
      </topmenu-right>
      <mappane>
        <div id='map' style='width: 100%; height: 100%;'></div>
      </mappane>
      <videopane>
        <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

42 43
      </videopane>
    </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>