amandeepsinghparihar (#2189)

* amandeepsinghparihar * done * now done the required changes * [ exceptional fix by LP ] - rename folder with the github username --> missing hyphens - include.js: author information and their relative path - removed pictural file's spasces in its name --------- Co-authored-by: Laureline <laurelinedev@gmail.com>
zero-to-mastery · Oct 28, 2023 · c684532 · c684532
1 parent dd6be8e
commit c684532
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 0 deletions.
diff --git a/Art/amandeep-singh-parihar/Screenshot_2023-10-18_141651.png b/Art/amandeep-singh-parihar/Screenshot_2023-10-18_141651.png
diff --git a/Art/amandeep-singh-parihar/loader/index.html b/Art/amandeep-singh-parihar/loader/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>loader</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <div class="loading">
+        <span></span>
+    </div>
+</body>
+</html>
diff --git a/Art/amandeep-singh-parihar/loader/style.css b/Art/amandeep-singh-parihar/loader/style.css
@@ -0,0 +1,41 @@
+body {
+	background: black;
+}
+.loading {
+
+	width: 50px;
+	height: 50px;
+	margin: 100px auto;
+	position: relative;
+}
+
+.loading span {
+	display: block;
+	position: absolute;
+	bottom: 0;
+	background: yellowgreen;
+	width: 100%;
+	height: 100%;
+	border-radius: 10px;
+	animation: loading 1.5s infinite ease-in-out;
+}
+
+@keyframes loading {
+	0% {
+		transform: rotate(0deg);
+		background: yellow;
+		box-shadow: 0 0 10px black,
+			0 0 10px 5px green;
+	}
+
+	25% {
+		transform: rotate(80deg);
+		box-shadow: 0 0 10px #9966ff,
+			0 0 10px 5px black,
+			0 0 10px 5px yellow;
+	}
+
+	100% {
+		transform: rotate(0deg);
+	}
+}
diff --git a/include.js b/include.js
@@ -2552,7 +2552,15 @@ let cards = [
     imageLink: './Art/Vivek-GuptaXCode/bouncing-ball.gif',
     author: 'Vivek-GuptaXCode',
     githubLink: 'https://github.com/Vivek-GuptaXCode'
+  },
+  {
+    artName: 'loader',
+    pageLink: './Art/amandeep-singh-parihar/loader/index.html',
+    imageLink: '.Art/amandeep-singh-parihar/Screenshot_2023-10-18_141651.png',
+    author: 'amandeepsinghparihar',
+    githubLink: 'https://github.com/amandeep-singh-parihar'
   }
+
 ];
 
 /* -------------------------------------------------------------------------- */