added stylus

2019-04-05 10:09:45 +02:00
parent bbea6e4ae2
commit 9386ff06fe
5 changed files with 574 additions and 0 deletions
@@ -0,0 +1,73 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+
+  <!-- disable zooming -->
+  <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1" />
+  <title>Stylus Functional Tests</title>
+  <style media="screen">
+
+    html, body {
+        margin:0;
+        padding:0;
+
+        height:100%;
+        width: 100%;
+        /* See http://stackoverflow.com/questions/9280258/prevent-body-scrolling-but-allow-overlay-scrolling */
+        position:fixed;
+        overflow: hidden;
+        font-size: 18px;
+        background:gray;
+        font-family:arial,sans-serif;
+        color:#FFF;
+        -webkit-user-select: none;
+        -khtml-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        -webkit-overflow-scrolling: auto;
+        user-select: none;
+        touch-action: manipulation;
+    }
+
+    .site {
+        display: flex;
+        min-height: 100%;
+        flex-direction: column;
+    }
+/*
+
+    .interactive {
+        -ms-content-zooming: none;
+        touch-action: none;
+    }
+ */
+
+    main {
+        flex-grow: 1;
+        overflow: hidden;
+        position:relative
+    }
+
+    .container {
+        position:absolute;
+        width: 100%;
+        height: 100%;
+        min-height: 100%;
+    }
+    </style>
+
+    <script src="../../lib/3rdparty/all.js"></script>
+	<script src="../../lib/bootstrap.js"></script>
+</head>
+<body class="site" oncontextmenu="return false" >
+<main id="main" class="container">
+    <canvas id="canvas" width="100%" height="100%" style="position: absolute; z-index:10000; user-select: none;">
+	    Get a better browser, bro.
+    </canvas>
+</main>
+<script>
+    Bootstrap.import('./main.js')
+</script>
+</body>
+</html>