Solves #36

VBproDev · Jan 10, 2025 · 316750a · 316750a
1 parent 25fec6b
commit 316750a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 64 deletions.
diff --git a/index.html b/index.html
@@ -193,12 +193,6 @@ <h4 class="me-1">Line width:</h4>
   </div>
   <div class="footer_wrapper">
     <footer class="footer">
-      <div class="waves">
-        <div class="wave" id="wave1"></div>
-        <div class="wave" id="wave2"></div>
-        <div class="wave" id="wave3"></div>
-        <div class="wave" id="wave4"></div>
-      </div>
       <ul class="menu">
         <li><a href="https://discord.gg/ZXMEkzfZXx">Discord</a></li>
         <li><a href="https://github.com/vbprodev/Canvascript">GitHub</a></li>

diff --git a/stylesheet.css b/stylesheet.css
@@ -258,7 +258,7 @@ button.success:focus {
 /* Footer */
 
 .footer_wrapper {
-  margin-top: 15rem;
+  margin-top: 2rem;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
@@ -306,60 +306,4 @@ button.success:focus {
   margin: 15px 0 10px 0;
   font-size: 1rem;
   font-weight: 300;
-}
-
-.wave {
-  position: absolute;
-  top: -100px;
-  left: 0;
-  width: 100%;
-  height: 100px;
-  background: url("https://i.ibb.co/wQZVxxk/wave.png");
-  background-size: 1000px 100px;
-}
-
-.wave#wave1 {
-  z-index: 1000;
-  opacity: 1;
-  bottom: 0;
-  animation: animateWaves 4s linear infinite;
-}
-
-.wave#wave2 {
-  z-index: 999;
-  opacity: 0.5;
-  bottom: 10px;
-  animation: animate 4s linear infinite !important;
-}
-
-.wave#wave3 {
-  z-index: 1000;
-  opacity: 0.2;
-  bottom: 15px;
-  animation: animateWaves 3s linear infinite;
-}
-
-.wave#wave4 {
-  z-index: 999;
-  opacity: 0.7;
-  bottom: 20px;
-  animation: animate 3s linear infinite;
-}
-
-@keyframes animateWaves {
-  0% {
-    background-position-x: 1000px;
-  }
-  100% {
-    background-positon-x: 0px;
-  }
-}
-
-@keyframes animate {
-  0% {
-    background-position-x: -1000px;
-  }
-  100% {
-    background-positon-x: 0px;
-  }
-}
+}