Fullscreen alpha experiment

Signed-off-by: Heikki Pora <heikki.pora@fusemail.com>
heikkipora · Jul 23, 2010 · b1b5054 · b1b5054
1 parent c2de231
commit b1b5054
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 0 deletions.
diff --git a/polarmap/background.jpg b/polarmap/background.jpg
diff --git a/polarmap/polarmap-fullscreen.css b/polarmap/polarmap-fullscreen.css
@@ -0,0 +1,28 @@
+body {
+  background: black url('background.jpg') no-repeat;
+  margin: 0;
+  padding: 0;
+  overflow:hidden;
+}
+
+#demoCanvas {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.overlay {
+  position: absolute;
+  top: 20px;
+  left: 20px;
+  z-index: 20;
+}
+
+.overlay h1 {
+  font-family: sans-serif;
+  font-size: 4em;
+  color: black;
+  opacity:0.2;
+  margin: 0;
+}
diff --git a/polarmap/polarmap-fullscreen.html b/polarmap/polarmap-fullscreen.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi" lang="fi">
+<head>
+  <title>HTML5 Canvas Demo</title>
+  <link rel="stylesheet" href="polarmap-fullscreen.css" type="text/css"/>
+  <script type="text/javascript" src="bitmap.js"></script>
+  <script type="text/javascript" src="polarmap.js"></script>
+</head>
+<body>
+    <canvas id="textureCanvas" width="512" height="512" style="display: none;">
+        Your browser does not support the Canvas element, please upgrade.
+    </canvas>
+    <canvas id="demoCanvas" width="320" height="240">
+        Your browser does not support the Canvas element, please upgrade.
+    </canvas>
+    <div class="overlay">
+        <h1>Tell me, sweet eyes, from what divinest star did ye drink in your liquid melancholy?</h1>
+    </div>
+<script type="text/javascript">
+  self.addEventListener('load', function () { Polarmap.init(); }, false);
+</script>
+
+</body>
+</html>