<html>
<head>
  <meta charset="utf-8">
  <title>Design Geschichte InfoVis</title>
  <script src="http://d3js.org/d3.v3.min.js"></script>
  <link rel="stylesheet" href="main.css">
</head>

<body>
  <nav>
    <div id="headline"><img id="headline-logo" src="images/fhp-logo_mini.png"/>Ein Projekt der FH Potsdam</div>
    <a href="">Über das Projekt</a>
  </nav>

  <!--<div id="loading-screen">
    <div id="box"><img id="indicator" src="images/loading-indicator.png"/></div>
  </div>-->

  <!-- Here comes the magic -->
  <script src="app.js"></script>

  <div class="tooltip">Für mehr Informationen klicken!</div>
</body>
</html>

<html>
<head>
  <meta charset="utf-8">
  <title>Design Geschichte InfoVis</title>
  <script src="http://d3js.org/d3.v3.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  <link rel="stylesheet" href="main.css">
  <script>
  //hide loading animation when page is loaded
    $(window).load(function(){
      $('#loading-screen').fadeOut(1000);
    });
</script>
</head>

<body>
  <nav>
    <div id="headline"><img id="headline-logo" src="images/fhp-logo_mini.png"/>Ein Projekt der FH Potsdam</div>
    <a href="">Über das Projekt</a>
  </nav>

  <div id="loading-screen">
    <div id="box"><img id="indicator" src="images/loading-indicator.png"/></div>
  </div>



  <!-- Here comes the magic -->
  <script src="app.js"></script>

  <div class="tooltip">Für mehr Informationen klicken!</div>
</body>
</html>

Hide loading animation when page is loaded
Hide loading animation when page is loaded
