Merge branch 'master' into master

zero-to-mastery · Oct 31, 2024 · 667facc · 667facc
2 parents fd822f1 + b972ec3
commit 667facc
Show file tree

Hide file tree

Showing 98 changed files with 1,098 additions and 475 deletions.
diff --git a/Art/AAbhijithA-waveAnimation/icon.png b/Art/AAbhijithA-waveAnimation/icon.png
diff --git a/Art/AMRUTHA-BYSANI-LoadingColoursAnimation/index.html b/Art/AMRUTHA-BYSANI-LoadingColoursAnimation/index.html
@@ -1,25 +1,26 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>turning circle</title>
-  <link rel="stylesheet" href="styles.css">
-</head>
-<body>
-  <div class="container">
-    <div class="box">
-      <div class="coin"></div>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>turning circle</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+
+  <body>
+    <div class="container">
+      <div class="box">
+        <div class="coin"></div>
+      </div>
+      <div class="box">
+        <div class="coin"></div>
+      </div>
+      <div class="box">
+        <div class="coin"></div>
+      </div>
+      <div class="box">
+        <div class="coin"></div>
+      </div>
     </div>
-    <div class="box">
-      <div class="coin"></div>
-    </div>
-    <div class="box">
-      <div class="coin"></div>
-    </div><div class="box">
-      <div class="coin"></div>
-
-  </div>
-
-</body>
-</html>
+  </body>
+</html>
diff --git a/Art/AMRUTHA-BYSANI-LoadingColoursAnimation/styles.css b/Art/AMRUTHA-BYSANI-LoadingColoursAnimation/styles.css
@@ -1,15 +1,15 @@
 body {
-  background-color: #000000; 
+  background-color: #000000;
 }
-.box{
+.box {
   perspective: 120px;
-  min-height: 100vh; 
+  min-height: 100vh;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-.container{
+.container {
   display: flex;
   flex-direction: row;
   gap: 10px;
@@ -21,17 +21,20 @@ body {
 .coin {
   width: 100px;
   height: 100px;
-  border-radius: 50%; 
- background: linear-gradient(135deg, #FF5F6D, #FFC371, #36D1DC, #5B86E5, #A1FFCE);
-;  
+  border-radius: 50%;
+  background: linear-gradient(
+    135deg,
+    #ff5f6d,
+    #ffc371,
+    #36d1dc,
+    #5b86e5,
+    #a1ffce
+  );
   animation: twist 2s ease-in-out alternate infinite;
 }
 
 @keyframes twist {
-
-  to{
+  to {
     transform: rotateX(360deg) scale(0.5);
   }
-
 }
-
diff --git a/Art/ARYPROGRAMMER-Quantum_Portal_Animation/icon.png b/Art/ARYPROGRAMMER-Quantum_Portal_Animation/icon.png
diff --git a/Art/Abhishekgt-morphing_Shapes_Animation/icon.png b/Art/Abhishekgt-morphing_Shapes_Animation/icon.png
diff --git a/Art/AfreenInnovates-Indianflag/icon.png b/Art/AfreenInnovates-Indianflag/icon.png
diff --git a/Art/AfreenInnovates-cube/icon.png b/Art/AfreenInnovates-cube/icon.png
diff --git a/Art/AfreenInnovates-cube_grow_rotate/icon.png b/Art/AfreenInnovates-cube_grow_rotate/icon.png
diff --git a/Art/Ajish777_watch_animation/index.html b/Art/Ajish777_watch_animation/index.html
@@ -1,30 +1,27 @@
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
-
-<head>
+  <head>
     <meta charset="utf-8" />
     <title></title>
-    <link href="./styles.css" rel="stylesheet"/>
-</head>
-
-<body>
+    <link href="./styles.css" rel="stylesheet" />
+  </head>
 
+  <body>
     <div class="watch-container"></div>
-        <div class="apple-logo">●</div>
-        <div class="watch">
-            <div class="strap-top"></div>
-            <div class="screen">
-                <div class="display">
-                    <div class="default-text">Hover to wake</div>
-                    <div class="time">12:00</div>
-                    <div class="date">Monday, Oct 30</div>
-                    <div class="stats">1276 steps | 348 cal 🔥</div>
-                </div>
-            </div>
-            <div class="side-button"></div>
-            <div class="crown"></div>
-            <div class="strap-bottom"></div>
+    <div class="apple-logo">●</div>
+    <div class="watch">
+      <div class="strap-top"></div>
+      <div class="screen">
+        <div class="display">
+          <div class="default-text">Hover to wake</div>
+          <div class="time">12:00</div>
+          <div class="date">Monday, Oct 30</div>
+          <div class="stats">1276 steps | 348 cal 🔥</div>
         </div>
+      </div>
+      <div class="side-button"></div>
+      <div class="crown"></div>
+      <div class="strap-bottom"></div>
     </div>
-</body>
-</html>
+  </body>
+</html>
diff --git a/Art/Ajish777_watch_animation/meta.json b/Art/Ajish777_watch_animation/meta.json
@@ -1,4 +1,4 @@
 {
-    "githubHandle": "Ajish777",
-    "artName": "Smartwatch Animation"
-}
+  "githubHandle": "Ajish777",
+  "artName": "Smartwatch Animation"
+}