(CI) format code

zero-to-mastery · Sep 8, 2023 · d19a23e · d19a23e
1 parent 788a819
commit d19a23e
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 25 deletions.
diff --git a/Art/Star/index.html b/Art/Star/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8"/>
+    <meta charset="utf-8" />
     <title>Triangle CSS</title>
     <link rel="stylesheet" href="style.css" />
   </head>
@@ -22,7 +22,7 @@
                               <div class="wc7"></div>
                             </div>
                           </div>
-                         </div>     
+                        </div>
                       </div>
                     </div>
                   </div>
@@ -34,4 +34,4 @@
       </div>
     </div>
   </body>
-</html>
+</html>
diff --git a/Art/Star/style.css b/Art/Star/style.css
@@ -1,16 +1,19 @@
-.bc1{
+.bc1 {
   animation: bc1;
   animation-duration: 45s;
   animation-iteration-count: infinite;
   position: fixed;
   width: 200px;
   height: 200px;
-  top:-100%; right:-100%; left:-100%; bottom:-100%;
-  margin:auto;
-  z-index:0;
+  top: -100%;
+  right: -100%;
+  left: -100%;
+  bottom: -100%;
+  margin: auto;
+  z-index: 0;
   background-color: black;
 }
-.wc1{
+.wc1 {
   animation: wc1;
   animation-duration: 6s;
   animation-iteration-count: infinite;
@@ -21,7 +24,7 @@
   height: 186px;
   background-color: white;
 }
-.bc2{
+.bc2 {
   animation: bc2;
   animation-duration: 9s;
   animation-iteration-count: infinite;
@@ -32,7 +35,7 @@
   height: 172px;
   background-color: black;
 }
-.wc2{
+.wc2 {
   animation: wc2;
   animation-duration: 12s;
   animation-iteration-count: infinite;
@@ -43,7 +46,7 @@
   height: 158px;
   background-color: white;
 }
-.bc3{
+.bc3 {
   animation: bc3;
   animation-duration: 15s;
   animation-iteration-count: infinite;
@@ -54,7 +57,7 @@
   height: 144px;
   background-color: black;
 }
-.wc3{
+.wc3 {
   animation: wc3;
   animation-duration: 18s;
   animation-iteration-count: infinite;
@@ -65,7 +68,7 @@
   height: 130px;
   background-color: white;
 }
-.bc4{
+.bc4 {
   animation: bc4;
   animation-duration: 21s;
   animation-iteration-count: infinite;
@@ -76,7 +79,7 @@
   height: 116px;
   background-color: black;
 }
-.wc4{
+.wc4 {
   animation: wc4;
   animation-duration: 24s;
   animation-iteration-count: infinite;
@@ -86,8 +89,8 @@
   width: 102px;
   height: 102px;
   background-color: white;
-  }
-.bc5{
+}
+.bc5 {
   animation: bc5;
   animation-duration: 27s;
   animation-iteration-count: infinite;
@@ -98,7 +101,7 @@
   height: 88px;
   background-color: black;
 }
-.wc5{
+.wc5 {
   animation: wc5;
   animation-duration: 30s;
   animation-iteration-count: infinite;
@@ -108,8 +111,8 @@
   width: 74px;
   height: 74px;
   background-color: white;
-  }
-.bc6{
+}
+.bc6 {
   animation: bc6;
   animation-duration: 33s;
   animation-iteration-count: infinite;
@@ -120,7 +123,7 @@
   height: 60px;
   background-color: black;
 }
-.wc6{
+.wc6 {
   animation: wc6;
   animation-duration: 36s;
   animation-iteration-count: infinite;
@@ -130,8 +133,8 @@
   width: 46px;
   height: 46px;
   background-color: white;
-  }
-.bc7{
+}
+.bc7 {
   animation: bc7;
   animation-duration: 39s;
   animation-iteration-count: infinite;
@@ -142,7 +145,7 @@
   height: 32px;
   background-color: black;
 }
-.wc7{
+.wc7 {
   animation: wc7;
   animation-duration: 42s;
   animation-iteration-count: infinite;
@@ -152,7 +155,7 @@
   width: 18px;
   height: 18px;
   background-color: white;
-  }
+}
 @keyframes bc1 {
   50% {
     transform: rotate(360deg);
@@ -222,4 +225,4 @@
   100% {
     transform: rotate(-360deg);
   }
-}
+}