Add index.html

3 years ago · b0f6945224
2 changed files with 40 additions and 0 deletions
--- a/components/Kapp/demo/src/jsMain/resources/index.html
+++ b/components/Kapp/demo/src/jsMain/resources/index.html
@ -0,0 +1,32 @@
+<!--
+  ~ Copyright 2021 The Android Open Source Project
+  ~
+  ~ 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 lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>KApp Web Demo</title>
+    <script src="skiko.js"> </script>
+    <link type="text/css" rel="stylesheet" href="styles.css" />
+</head>
+<body>
+    <h1>compose multiplatform web demo</h1>
+    <div>
+        <canvas id="ComposeTarget" width="800" height="600"></canvas>
+    </div>
+    <script src="components-demo.js"> </script>
+</body>
+</html>
--- a/components/Kapp/demo/src/jsMain/resources/styles.css
+++ b/components/Kapp/demo/src/jsMain/resources/styles.css
@ -0,0 +1,8 @@
+#root {
+    width: 100%;
+    height: 100vh;
+}
+
+#root > .compose-web-column > div {
+    position: relative;
+}