adding my art to project (#2434)

* adding my art to project * Update include.js --------- Co-authored-by: Laureline Paris <[email protected]>
zero-to-mastery · Jan 30, 2024 · fae1ff7 · fae1ff7
1 parent 64aa357
commit fae1ff7
Show file tree

Hide file tree

Showing 4 changed files with 60 additions and 6 deletions.
diff --git a/Art/shazeen-1990/animate.jpg b/Art/shazeen-1990/animate.jpg
diff --git a/Art/shazeen-1990/index.html b/Art/shazeen-1990/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" />
+    <link rel="stylesheet" href="style.css" />
+    <title>Document</title>
+  </head>
+  <body>
+    <div id="one"></div>
+    <div id="two"></div>
+    <div id="three"></div>
+  </body>
+</html>
diff --git a/Art/shazeen-1990/style.css b/Art/shazeen-1990/style.css
@@ -0,0 +1,31 @@
+div#one {
+  height: 100px;
+  width: 100%;
+  background: #331509;
+  animation: slidein 0.5s linear 1s infinite;
+}
+
+div#two {
+  height: 100px;
+  width: 100%;
+  background: #d19175;
+  animation: slidein 0.3s linear 1s infinite;
+}
+
+div#three {
+  height: 100px;
+  width: 100%;
+  background: #a46c54;
+  animation: slidein 0.4s linear 1s infinite;
+}
+
+@keyframes slidein {
+  from {
+    margin-left: 100%;
+    width: 300%;
+  }
+  to {
+    margin-left: 0%;
+    width: 100%;
+  }
+}
diff --git a/include.js b/include.js
@@ -33,16 +33,15 @@ let cards = [
     imageLink: './Art/stormworm9/RingAnimation/ring.gif',
     author: 'stormworm9',
     githubLink: 'https://github.com/stormworm9'
-   },
+  },
 
   {
     artName: 'TriangleProjection',
     pageLink: './Art/stormworm9/TriangleProjection/projection.html',
     imageLink: './Art/stormworm9/TriangleProjection/TriangleProjection.gif',
     author: 'stormworm9',
     githubLink: 'https://github.com/stormworm9'
-  }, 
-
+  },
 
   {
     artName: 'Loading Page',
@@ -2868,18 +2867,28 @@ let cards = [
     author: 'Danilo Slovic',
     githubLink: 'https://github.com/daniloslovic17'
   },
-  {    artName: 'Animated', 
+  {
+    artName: 'Animated',
     pageLink: './Art/Nyrkn10/index.html',
     imageLink: './Art/Nyrkn10/set.gif',
     author: 'Nyariki Kevin',
-    githubLink: 'https://github.com/nyrkn10>' 
+    githubLink: 'https://github.com/nyrkn10>'
   },
-  {    artName: 'Fascinating Animation',
+
+  {
+    artName: 'Fascinating Animation',
     pageLink: './Art/moutro/index.html',
     imageLink: './Art/moutro/Animation-Nation.png',
     author: 'Jay',
     githubLink: 'https://github.com/moutro'
   },
+  {
+    artName: 'Animatron',
+    pageLink: './Art/shazeen-1990/index.html',
+    imageLink: './Art/shazeen-1990/animate.jpg',
+    author: 'Shazeen Thowfeek',
+    githubLink: 'https://github.com/shazeen-1990'
+  },
   {    
     artName: 'Moving Clouds Animation',
     pageLink: './Art/artursniegowski/index.html',