diff --git a/404.html b/404.html index ae06d92..8846179 100644 --- a/404.html +++ b/404.html @@ -12,9 +12,43 @@ Error - 404 + + + +
+ +
+ + +
@@ -32,6 +66,7 @@
+
diff --git a/css/preloader.css b/css/preloader.css new file mode 100644 index 0000000..2e0b879 --- /dev/null +++ b/css/preloader.css @@ -0,0 +1,58 @@ +#preloader { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.8); + display: flex; + justify-content: center; + align-items: center; + z-index: 9999; +} + +.spinner { + position: relative; + width: 130px; /* Size of the spinner */ + height: 130px; /* Size of the spinner */ + display: flex; + justify-content: center; + align-items: center; +} + +.spinner-inner { + width: 100px; /* Size of the spinner */ + height: 100px; /* Size of the spinner */ + border-radius: 50%; /* Makes the spinner circular */ + border: 10px solid transparent; /* Base border to create space */ + border-top: 10px solid transparent; + border-right: 10px solid transparent; + border-bottom: 10px solid transparent; + border-left: 10px solid transparent; /* Gradient applied here */ + border-image: linear-gradient(45deg, #ff2d15, #be18ff, #0d3dff); /* Gradient border */ + border-image-slice: 1; + animation: spin 1s linear infinite; +} + +#loading-percentage { + position: absolute; + font-size: 24px; + font-weight: bold; + text-align: center; + width: 100%; + top: 50%; + transform: translateY(-50%); + background: linear-gradient(45deg, #be18ff, #ffffff); /* Gradient text color */ + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; /* Makes text color gradient */ + color: transparent; /* Fallback for non-webkit browsers */ +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} + +#content { + display: none; /* Hide content until preloader is done */ +} \ No newline at end of file diff --git a/index.html b/index.html index fc2b1e7..fb4154b 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,7 @@ Random Disco Light Simulator - + diff --git a/pages/about.html b/pages/about.html index 53cd13a..aa68e75 100644 --- a/pages/about.html +++ b/pages/about.html @@ -10,6 +10,7 @@ + + + + +
+ +
+ + +
@@ -138,6 +173,7 @@ +
@@ -271,5 +307,6 @@

Account Not Available

Thank you for your continued support!

+
diff --git a/pages/contributors.html b/pages/contributors.html index f6c6234..fb6b47c 100644 --- a/pages/contributors.html +++ b/pages/contributors.html @@ -9,6 +9,7 @@ + @@ -106,6 +107,39 @@ + + +
+ +
+ + +
@@ -178,6 +212,7 @@ +
@@ -316,5 +351,6 @@

Account Not Available

Thank you for your continued support!

+
diff --git a/pages/faq.html b/pages/faq.html index b46a5f1..b75662f 100644 --- a/pages/faq.html +++ b/pages/faq.html @@ -10,6 +10,7 @@ + + + +
+ +
+ + +
@@ -169,7 +203,8 @@ }); - + +
@@ -291,6 +326,7 @@

Account Not Available

Thank you for your continued support!

+
diff --git a/pages/features.html b/pages/features.html index 713fc5f..b574797 100644 --- a/pages/features.html +++ b/pages/features.html @@ -10,6 +10,7 @@ + - - - + + + + +
+ +
+ + +
@@ -136,6 +169,7 @@ +
@@ -343,6 +377,7 @@

Account Not Available

Thank you for your continued support!

+
diff --git a/pages/feedback.html b/pages/feedback.html index 93609ef..efed6e3 100644 --- a/pages/feedback.html +++ b/pages/feedback.html @@ -12,6 +12,7 @@ + + + +
+ +
+ + +
@@ -98,6 +132,9 @@
+
+ +
@@ -335,6 +372,7 @@

Account Not Available

animateCircles(); }); +
diff --git a/pages/privacy.html b/pages/privacy.html index fbb2dd1..48aa41a 100644 --- a/pages/privacy.html +++ b/pages/privacy.html @@ -9,6 +9,7 @@ + + + +
+ +
+ + +
@@ -141,6 +175,7 @@ +
@@ -348,5 +383,6 @@

Account Not Available

Thank you for your continued support!

+
diff --git a/pages/terms.html b/pages/terms.html index 75df3ea..8439f8f 100644 --- a/pages/terms.html +++ b/pages/terms.html @@ -6,9 +6,10 @@ Terms - Random Disco Light Simulator - + + + + +
+ +
+ + +
@@ -138,6 +171,8 @@ }); + +
@@ -352,5 +387,6 @@

Account Not Available

Thank you for your continued support!

+