<!--
 * Copyright 2011 The PlayN Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
-->
<!DOCTYPE html>
<html>
  <head>
    <title>PlayN Showcase</title>
    <style>
      @font-face {
        font-family: "Museo-300";
        src: url(showcase/text/Museo.ttf);
      }
      #playn-root {
        width: 100%;
        height: 800px;
      }
    </style>
  </head>
  <body bgcolor="black">
    <div style="font-family: 'Museo-300'; display: none">&nbsp;</div>
    <div id="playn-root"></div>
    <script src="showcase/showcase.nocache.js"></script>
  </body>
</html>

<!--
 * Copyright 2011 The PlayN Authors
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
-->
<!DOCTYPE html>
<html>
  <head>
    <title>PlayN Showcase</title>
    <style>
      @font-face {
        font-family: "Museo-300";
        src: url(showcase/text/Museo.ttf);
      }
      #playn-root {
        width: 100%;
        height: 800px;
      }
    </style>
  </head>
  <body bgcolor="black">
    <!-- the contents of this div will be cleared when PlayN initializes -->
    <!-- the contents will be replaced with the PlayN <canvas> element -->
    <div id="playn-root">
      <!-- cause the browser to preload our custom fonts -->
      <span style="font-family: 'Museo-300'">.</span>
    </div>
    <script src="showcase/showcase.nocache.js"></script>
  </body>
</html>

Put our font preloader in playn-root.
Put our font preloader in playn-root.

The contents of that div are removed on startup so it's a good spot.
