Better HTML and CSS for the examples

And give the h1 tags a "title" id. The exampleparser.py script uses that as the example title in the index page.
2012-10-20 21:43:34 +02:00
parent b000c052e3
commit 1e0b43dd00
4 changed files with 51 additions and 13 deletions
@@ -12,15 +12,30 @@
        width: 100%;
        height: 100%;
      }
-      #shortdesc {
-        display: none;
+      #text {
+          position: absolute;
+          bottom: 1em;
+          left: 1em;
+          width: 512px;
+          z-index: 20000;
+          background-color: white;
+          padding: 0 0.5em 0.5em 0.5em;
      }
    </style>
    <title>Full-screen example</title>
  </head>
  <body>
-    <div id="map"></div>
-    <div id="shortdesc">Example of a full-screen map.</div>
+    <div id="map">
+      <div id="text">
+        <h1 id="title">Full-screen example</h1>
+        <div id="shortdesc">Example of a full-screen map.</div>
+        <div id="docs">
+          <p>See the
+          <a href="full-screen.js" target="_blank">full-screen.js source</a>
+          to see how this is done.</p>
+        </div>
+      </div>
+    </div>
    <div id="tags">fullscreen, mapquest, openaerial, tile, tilelayer</div>
    <script src="loader.js?id=full-screen" type="text/javascript"></script>
  </body>