<!DOCTYPE html>
<html>
  <head>
    <title>Virtual Collection demo</title>
    <meta charset="utf-8" />
    <script data-main="vcdemo.js" src="../js/lib/require.js" async="async"></script>
    <link type="text/css" rel="stylesheet" href="../css/kalamar.css" />
    <style type="text/css" rel="stylesheet">

body {
  background-color: #9bad0b;
  color: white;
  font-family: tahoma, verdana, arial;
  font-size: 10pt;
  margin: 20px;
}

.info {
  background-color:white;
  color: black;
  padding: 1em;
  font-family: mono;
}
    </style>
  </head>
  <body>
    <div id="vc"></div>
    <div id="menu" class="vc"></div>

    <hr />

    <p><a onclick="showJSON()" style="cursor:pointer">show JSON!</a></p>
    <div id="json" class="info"></div>

    <hr />

    <p><a onclick="showQuery()" style="cursor:pointer">show Query!</a></p>
    <div id="query" class="info"></div>

  </body>
</html>