index.html

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <title>Raumunterteilende Datenstrukturen</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="Sebastian Häni">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
  <style>
    body {
      font-family: 'open sans';
    }

    .container {
      text-align: center;
    }

    h1 {
      margin-bottom: 80px;
    }

    .item {
      display: block;
      margin: 13px 0;
    }

    a {
      text-decoration: none;
      color: #0d3349;
    }

    .item > a,
    .container > a {
      font-size: 30px;
    }

    a:hover {
      text-decoration: underline;
    }

    .credits {
      margin-top: 100px;
    }

    .credits a {
      font-size: 15px;
      margin: 0;
    }

    small {
      font-size: 9px;
    }
  </style>
</head>
<body>

<div class="container">
  <h1>Raumunterteilende Datenstrukturen</h1>

  <a class="item" href="docs">Docs</a>
  <a class="item" href="slides">Slides</a>
  <div class="item">
    <a href="slides/demos/kdtree.html">Kd Tree Demo</a><br>
    <small>(enable <a href="https://jakearchibald.com/2017/es-modules-in-browsers/" target="_blank">ES modules</a>)</small>
  </div>

  <p class="credits">Made by <a href="https://sebastianhaeni.ch">Sebastian Häni</a></p>
</div>

</body>
</html>