🚀 :: github pages deploy

baekteun · Feb 13, 2023 · 535a712 · 535a712
1 parent 5b68ecc
commit 535a712
Show file tree

Hide file tree

Showing 24 changed files with 1,178 additions and 0 deletions.
diff --git a/docs/Runtime/index.js b/docs/Runtime/index.js
diff --git a/docs/Runtime/index.mjs b/docs/Runtime/index.mjs
diff --git a/docs/app.js b/docs/app.js
diff --git a/docs/app.wasm b/docs/app.wasm
diff --git a/docs/images/app/dms.png b/docs/images/app/dms.png
diff --git a/docs/images/app/gauth.svg b/docs/images/app/gauth.svg
diff --git a/docs/images/app/gcms.png b/docs/images/app/gcms.png
diff --git a/docs/images/app/grig.png b/docs/images/app/grig.png
diff --git a/docs/images/app/gui.svg b/docs/images/app/gui.svg
diff --git a/docs/images/app/justmemo.png b/docs/images/app/justmemo.png
diff --git a/docs/images/app/moiza.png b/docs/images/app/moiza.png
diff --git a/docs/images/app/simtong.png b/docs/images/app/simtong.png
diff --git a/docs/images/app/todaywhat.png b/docs/images/app/todaywhat.png
diff --git a/docs/images/dock/appstore.png b/docs/images/dock/appstore.png
diff --git a/docs/images/dock/call.png b/docs/images/dock/call.png
diff --git a/docs/images/dock/github.png b/docs/images/dock/github.png
diff --git a/docs/images/dock/mail.png b/docs/images/dock/mail.png
diff --git a/docs/images/favicon.ico b/docs/images/favicon.ico
diff --git a/docs/images/phone.down.fill.svg b/docs/images/phone.down.fill.svg
diff --git a/docs/images/phone.fill.svg b/docs/images/phone.fill.svg
diff --git a/docs/images/statusBar/battery.75.svg b/docs/images/statusBar/battery.75.svg
diff --git a/docs/images/statusBar/cellularbars.svg b/docs/images/statusBar/cellularbars.svg
diff --git a/docs/images/statusBar/wifi.svg b/docs/images/statusBar/wifi.svg
diff --git a/docs/index.html b/docs/index.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en-US">
+    <head>
+        <title>&lrm;</title>
+<meta charset="utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<meta name="description" content="An awesome Swift web app">
+<script type="text/javascript" src="app.js" async></script>
+    </head>
+    <body>
+        <style>
+* { box-sizing: border-box; }
+body {
+    background-color: #f4f4f4;
+    flex-direction: column;
+    font-family: system, 'apple-system', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', 'Lucida Grande', sans-serif;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100vh;
+    margin: 0;
+}
+h3 { color: #d5d5d5; }
+h4 { color: #dfdfdf; }
+.error { color: #ff2b2b!important; }
+.progress {
+    position: fixed;
+    left 0px;
+    top: 0px;
+    height: 3px;
+    width: 100%;
+}
+.progress-bar { color: #fff; height: 100%; }
+@keyframes sub-bar {
+    0% { transform: scaleX(5) translateX(-60%); }
+    40% { transform: scaleX(33) translateX(-50%); }
+    100% { transform: scaleX(0) translateX(-50%); }
+}
+@keyframes bar {
+    0% { transform: translateX(0); }
+    100% { transform: translateX(100%); }
+}
+.progress-bar-indeterminate {
+    animation: bar 1.8s ease infinite;
+    width: 100%;
+}
+.progress-bar-indeterminate::before, .progress-bar-indeterminate::after {
+    position: absolute;
+    content: "";
+    width: 1%;
+    min-width: 0.5px;
+    height: 100%;
+    background: linear-gradient(to left, #F2709C, #FF9472);
+    animation: sub-bar 1.8s ease infinite;
+    transform-origin: right;
+}
+.progress-bar-determinate {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 0;
+    background: linear-gradient(to left, #F2709C, #FF9472);
+}
+</style>
+        <h3>Loading</h3>
+        <h4></h4>
+        <div class="progress">
+            <div class="progress-bar"></div>
+        </div>
+        <script>
+document.addEventListener('WASMLoadingStarted', (event) => {
+    const progress = document.querySelector('.progress-bar');
+    progress.classList.add("progress-bar-determinate");
+});
+document.addEventListener('WASMLoadingStartedWithoutProgress', (event) => {
+    const progress = document.querySelector('.progress-bar');
+    progress.classList.add("progress-bar-indeterminate");
+});
+document.addEventListener('WASMLoadingProgress', (event) => {
+    const bar = document.querySelector('.progress-bar');
+    bar.style.width = '' + event.detail + '%';
+    const label = document.querySelector('h4');
+    label.innerText = event.detail + '%';
+});
+document.addEventListener('WASMLoadingError', (event) => {
+    const label = document.querySelector('h4');
+    label.classList.add("error");
+    label.innerText = 'Unable to load application, please try to reload page';
+});
+</script>
+    </body>
+</html>