update html

WebXR-iOS · Mar 18, 2024 · 7514aca · 7514aca
1 parent a24c4fb
commit 7514aca
Show file tree

Hide file tree

Showing 5 changed files with 78 additions and 37 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/assets/.DS_Store b/assets/.DS_Store
diff --git a/assets/images/background.jpg b/assets/images/background.jpg
diff --git a/index.html b/index.html
@@ -18,45 +18,37 @@
 
 <html lang="en">
 <head>
-<title>CardiVR</title>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
-<meta name="mobile-web-app-capable" content="yes">
-<meta name="apple-mobile-web-app-capable" content="yes" />
-<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
-<link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">
-<style>
-html, body {
-  width: 100%;
-  height: 100%;
-  font-family: 'Roboto', sans-serif;
-  font-weight: 300;
-  background-color: #fcfcfc;
-  color: #111;
-  margin: 0px;
-  padding: 0;
-}
-
-h1 {
-  font-weight: 300;
-  text-align: center;
-}
-
-#wrapper {
-  width: 60vw;
-  margin: 10px auto;
-}
-
-a {
-  color: #000;
-  font-weight: 400;
-}
-
-</style>
+
+    <title>CardiVR</title>
+    <link rel="shortcut icon" type="image/png" href="/assets/logos/images/logo.png">
+    <link rel="icon" type="image/png" href="/assets/logos/images/logo.png">
+
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, shrink-to-fit=no">
+
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400" rel="stylesheet">
+    <link rel="stylesheet" href="/styles/style.css">
+
 </head>
 
 <body>
-  <div id="wrapper">
-  </div>
+
+    <div id="wrapper">
+        <div id="vr-group">
+            <div id="info-msg">CardiVR - BETA 0.1.1</div>
+            <div id="container"></div>
+        </div>
+        <div id="app-group">
+            <img src="/assets/logos/images/logo.png">
+            <h1>CardiVR</h1>
+            <button>Launch</button>
+        </div>
+    </div>
+
 </body>
+
 </html>
diff --git a/styles/style.css b/styles/style.css
@@ -0,0 +1,49 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    font-family: 'Roboto', sans-serif;
+    font-weight: 300;
+    background-color: #1c1c1c;
+    color: #111;
+    margin: 0px;
+    padding: 0;
+    color-scheme: dark;
+}
+
+#info-msg {
+	position: fixed;
+	bottom: 5px;
+	left: 5px;
+	color: #a8a8a8;
+	font-family: sans-serif;
+	font-size: 2.5vh;
+	z-index: 103;
+}
+
+#app-group {
+    display: flex;
+    z-index: 2;
+    position: fixed;
+    justify-content: center;
+    align-items: center;
+    background-image: url("/assets/images/background.jpg");
+    background-size: cover;
+    background-position: center;
+}
+
+#app-group > img {
+
+}
+
+#app-group > h1 {
+    color: white;
+    font-size: 12px;
+}
+
+#app-group > button {
+    border: 0;
+    border-radius: 5px;
+    background: #b855ca;
+    color: white;
+    font-size: 12px;
+}