splash page

BlockResearchGroup · Nov 10, 2024 · 394d15d · 394d15d
1 parent 4ac8deb
commit 394d15d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 13 deletions.
diff --git a/resources/splash/compas-RV_dark.jpg b/resources/splash/compas-RV_dark.jpg
diff --git a/resources/splash/index.html b/resources/splash/index.html
@@ -5,7 +5,7 @@
 </header>
 
 <body>
-    <img id="background" src="compas-RV.jpg">
+    <img id="background" src="compas-RV_dark.jpg">
     <div id="content">
 
         <div id="version"></div>
@@ -16,7 +16,7 @@
         </div>
 
         <div id="terms">
-            By using RhinoVAULT, I agree with following <a href="https://blockresearchgroup.gitbook.io/compas-rv/additional-information/legal" target="_blank">Legal Terms</a>
+            I agree with RhinoVAULT's <a href="https://blockresearchgroup.gitbook.io/compas-rv/additional-information/legal" target="_blank">Legal Terms</a>
             <div id="agree">
                 <a id="yes" href="action://close">YES</a>
                 /

diff --git a/resources/splash/styles.css b/resources/splash/styles.css
@@ -28,45 +28,51 @@ img{
 a:link{
 
     -webkit-app-region: no-drag;
-    color: lightgrey;
+    top: 73%;
+    color: rgb(80, 80, 80);
     text-decoration: none;
 }
 
 a:visited{
-    color: lightgrey;
+    color: rgb(80, 80, 80);
 }
 
 
 #links{
     position: absolute;
-    top: 60%;
-    left: 6%;
-    line-height: 1.5;
+    color: rgb(80, 80, 80);
+    top: 73%;
+    right: 5%;
+    text-align: right;
+    font-size: x-small;
     /* margin-top: 30%; */
 }
 
 #terms{
     position: absolute;
-    top: 81%;
-    left: 6%;
-    font-size: xx-small;
+    color: rgb(80, 80, 80);
+    top: 83%;
+    right: 5%;
+    font-size: x-small;
 }
 
 #terms a:link{
-    color: lightgrey;
+    color: rgb(80, 80, 80);
     text-decoration: underline;
 }
 
 #exit{
     position: absolute;
-    right: 3%;
-    top: 3%;
+    right: 5%;
+    top: 5%;
     -webkit-app-region: no-drag;
     cursor: pointer;
 }
 
 #agree{
     /* font-family: Arial; */
+    right: 5%;
+    text-align: right;
     font-size: large;
     font-weight: bolder;
 }