Merge branches 'main' and 'main' of https://github.com/hrvyCased/EALS…

…-Project
devhrvx · Mar 21, 2024 · 2fcf6a1 · 2fcf6a1
2 parents 87a4b3b + 949e437
commit 2fcf6a1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 13 deletions.
diff --git a/Planets.css b/Planets.css
@@ -3,20 +3,20 @@ body, html {
   padding: 0;
   height: 100%;
   overflow: auto;
-  zoom: 70%;
+  zoom: 68%;
 }
 .solar-system {
   width: 100%;
   height: 100%;
-  background-image: url(space.webp);
+  background-image: url(images/star.webp);
   position: absolute;
   perspective: 1000px;
 }
 
 .sun {
   height: 170px;
   width: 170px;
-  background-image: url(araaw.png);
+  background-image: url(images/araaw.png);
   border-radius: 50%;
   background-size: cover;
   box-shadow: -4px, 2px, 56px #f9c05f;
@@ -184,7 +184,7 @@ body, html {
         left: 52.1%;
         transform-origin: center;
         transform: translate(50%, -50%);
-        animation: orbitUranus 20s linear infinite;
+        animation: orbitUranus 23s linear infinite;
       } 
       @keyframes orbitUranus {
         from {
@@ -207,7 +207,7 @@ body, html {
         left: 52.1%;
         transform-origin: center;
         transform: translate(50%, -50%);
-        animation: orbitNeptune 20s linear infinite;
+        animation: orbitNeptune 27s linear infinite;
       } 
       @keyframes orbitNeptune {
         from {

diff --git a/Planets.html b/Planets.html
@@ -10,36 +10,36 @@
       <img src="" alt="">
       <div class="mercury-orbit"></div>
       <div class="mercury">
-      <img src="mercury.png" alt="" class="mercury-planet">
+      <img src="images/mercury.png" alt="" class="mercury-planet">
         </div>
         <div class="venus-orbit"></div>
       <div class="venus">
-      <img src="venus.png" alt="" class="venus-planet">
+      <img src="images/venus.png" alt="" class="venus-planet">
       </div>
     </div>
     <div class="earth-orbit"></div>
       <div class="earth">
-      <img src="earth.png" alt="" class="earth">|
+      <img src="images/earth.png" alt="" class="earth">|
       </div>
     <div class="mars-orbit"></div>
     <div class="mars">
-   <img src="mars.png" alt="" class="mars-planet">
+   <img src="images/mars.png" alt="" class="mars-planet">
   </div>
   <div class="jupiter-orbit"></div>
     <div class="jupiter">
-   <img src="jupiter.png" alt="" class="jupiter-planet">
+   <img src="images/jupiter.png" alt="" class="jupiter-planet">
   </div>
   <div class="saturn-orbit"></div>
     <div class="saturn">
-   <img src="saturn.png" alt="" class="saturn-planet">
+   <img src="images/saturn.png" alt="" class="saturn-planet">
   </div>
   <div class="uranus-orbit"></div>
     <div class="uranus">
-   <img src="uranus.png" alt="" class="uranus-planet">
+   <img src="images/uranus.png" alt="" class="uranus-planet">
   </div>
   <div class="neptune-orbit"></div>
     <div class="neptune">
-   <img src="neptune.png" alt="" class="neptune-planet">
+   <img src="images/neptune.png" alt="" class="neptune-planet">
   </div>
 
   </div>