wireframe poc

2019-06-10 09:57:42 +02:00
parent c14e1c08c2
commit 5a94d619d5
2 changed files with 151 additions and 0 deletions
--- a/index.wireframe.html
+++ b/index.wireframe.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title></title>
+    <meta charset="utf-8">
+<style>
+    body {
+        margin: 0;
+        padding: 0;
+    }
+    #page {
+        position: absolute;
+        left: 0; right: 0; top: 0;
+        height: 160vh;
+        text-align: center;
+        background: gray;
+    }
+    #page.touched {
+        background: #444;
+    }
+    #bottompane {
+        position: absolute;
+        top: 60vh;
+        left: 0; right: 0;
+        height: 100vh;
+        z-index: 2;
+    }
+    #bottompane iframe {
+        border: none;
+        width: 100%;
+        max-width: 800px;
+        height: 100%;
+        background: white;
+    }
+    #debug {
+        font-size: 10px;
+        height: 8em;
+        overflow: auto;
+    }
+</style>
+</head>
+<body>
+    <div id="page">
+        <pre id="debug">debug:</pre>
+        <div id="bottompane">
+            <iframe id="wikiframe" src="/mw"></iframe>
+        </div>
+    </div>
+</body>
+<script src="custom_scroller_iframe.js"></script>
+<script>
+custom_scroller_iframe(document.scrollingElement, document.getElementById("wikiframe"));
+</script>
+</html>