Fix clock visibility, ensure animation runs
This commit is contained in:
1 parent
da8e7e09b5
commit
e472cc25dd
1 file changed
+5
-5
+5
-5
@@ -6,18 +6,18 @@
|
|||||||
<title>Vanta Clouds2</title>
|
<title>Vanta Clouds2</title>
|
||||||
<style>
|
<style>
|
||||||
html, body { margin: 0; padding: 0; overflow: hidden; width: 100%; height: 100%; }
|
html, body { margin: 0; padding: 0; overflow: hidden; width: 100%; height: 100%; }
|
||||||
#vanta { width: 100vw; height: 100vh; }
|
#vanta { width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; }
|
||||||
#clock {
|
#clock {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 20px;
|
top: 20px;
|
||||||
right: 20px;
|
right: 20px;
|
||||||
color: #e6dfd1;
|
color: #e6dfd1;
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 16px;
|
font-size: 18px;
|
||||||
background: rgba(28, 27, 31, 0.5);
|
background: rgba(28, 27, 31, 0.7);
|
||||||
padding: 8px 14px;
|
padding: 8px 14px;
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
z-index: +10;
|
z-index: 9999;
|
||||||
letter-spacing: 1px;
|
letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -43,7 +43,7 @@
|
|||||||
skyColor: 0x1c1b1f,
|
skyColor: 0x1c1b1f,
|
||||||
cloudColor: 0x6d6a63,
|
cloudColor: 0x6d6a63,
|
||||||
lightColor: 0xe6dfd1
|
lightColor: 0xe6dfd1
|
||||||
});
|
}) || { setOptions: function() {} };
|
||||||
|
|
||||||
function hexToRgb(h) {
|
function hexToRgb(h) {
|
||||||
return [(h >> 16) & 255, (h >> 8) & 255, h & 255];
|
return [(h >> 16) & 255, (h >> 8) & 255, h & 255];
|
||||||
|
|||||||
Reference in new issue
Block a user