add splash

tomvanmele · tomvanmele · commit e0965dbe1cf0 · 2024-10-30T22:03:17.000+01:00
diff --git a/resources/splash/compas-RV.jpg b/resources/splash/compas-RV.jpg
diff --git a/resources/splash/index.html b/resources/splash/index.html
@@ -0,0 +1,30 @@
+<html>
+<header>
+    <title>COMPAS RhinoVAULT</title>
+    <link rel="stylesheet" href="styles.css">
+</header>
+
+<body>
+    <img id="background" src="compas-RV.jpg">
+    <div id="content">
+
+        <div id="version"></div>
+
+        <div id="links">
+            <a href="https://blockresearchgroup.gitbook.io/compas-fofin/" target="_blank">Gitbook Docs</a><br>
+            <a href="https://github.com/BlockResearchGroup/compas-FoFin" target="_blank">Github Repo</a><br>
+        </div>
+
+        <div id="terms">
+            By using COMPAS RhinoVAULT, I agree with following <a href="https://blockresearchgroup.gitbook.io/compas-fofin/additional-information/legal-terms" target="_blank">Legal Terms</a>
+            <div id="agree">
+                <a id="yes" href="action://close">YES</a>
+                /
+                <a id="no" onclick="alert('Please Accept Terms & Conditions to continue.')" style="cursor: pointer;">NO</a>
+            </div>
+        </div>
+    </div>
+
+</body>
+
+</html>
diff --git a/resources/splash/styles.css b/resources/splash/styles.css
@@ -0,0 +1,83 @@
+body{
+    font-family:  Helvetica;
+    color: lightgrey;
+    margin: 0;
+    padding: 0;
+    font-size: x-small;
+    font-weight: 100;
+    overflow: hidden;
+}
+
+img{
+    position: absolute;
+    left: 0;
+    width: 100%;
+    top: 0;
+    z-index: -100;
+    -webkit-app-region: drag;
+}
+
+#content{
+    /* margin: 3%; */
+    /* line-height: 1.5; */
+    width: 100%;
+    height: 100%;
+}
+
+
+a:link{
+
+    -webkit-app-region: no-drag;
+    color: lightgrey;
+    text-decoration: none;
+}
+
+a:visited{
+    color: lightgrey;
+}
+
+
+#links{
+    position: absolute;
+    top: 60%;
+    left: 8%;
+    line-height: 1.5;
+    /* margin-top: 30%; */
+}
+
+#terms{
+    position: absolute;
+    top: 81%;
+    left: 8%;
+    font-size: xx-small;
+}
+
+#terms a:link{
+    color: lightgrey;
+    text-decoration: underline;
+}
+
+#exit{
+    position: absolute;
+    right: 3%;
+    top: 3%;
+    -webkit-app-region: no-drag;
+    cursor: pointer;
+}
+
+#agree{
+    /* font-family: Arial; */
+    font-size: large;
+    font-weight: bolder;
+}
+
+#agree a:link{
+    text-decoration: none;
+}
+
+
+#version{
+    position: fixed;
+    left: 34%;
+    top: 52%;
+}
