From fae1ff78540eaab9dc62e226cf844dcf37758519 Mon Sep 17 00:00:00 2001
From: Shazeen Thowfeek <114829290+shazeen-1990@users.noreply.github.com>
Date: Wed, 31 Jan 2024 00:53:28 +0530
Subject: [PATCH]  adding my art to project (#2434)

* adding my art to project

* Update include.js

---------

Co-authored-by: Laureline Paris <32878345+LaurelineP@users.noreply.github.com>
---
 Art/shazeen-1990/animate.jpg | Bin 0 -> 19258 bytes
 Art/shazeen-1990/index.html  |  14 ++++++++++++++
 Art/shazeen-1990/style.css   |  31 +++++++++++++++++++++++++++++++
 include.js                   |  21 +++++++++++++++------
 4 files changed, 60 insertions(+), 6 deletions(-)
 create mode 100644 Art/shazeen-1990/animate.jpg
 create mode 100644 Art/shazeen-1990/index.html
 create mode 100644 Art/shazeen-1990/style.css

diff --git a/Art/shazeen-1990/animate.jpg b/Art/shazeen-1990/animate.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6b1e0e1ae62420bb561d925023087f7ca57d5234
GIT binary patch
literal 19258
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
E0CWQ4T>t<8

literal 0
HcmV?d00001

diff --git a/Art/shazeen-1990/index.html b/Art/shazeen-1990/index.html
new file mode 100644
index 000000000..663e46493
--- /dev/null
+++ 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
new file mode 100644
index 000000000..8dc57ee95
--- /dev/null
+++ 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
index cfbf1d4e0..5fec8e863 100644
--- a/include.js
+++ b/include.js
@@ -33,7 +33,7 @@ let cards = [
     imageLink: './Art/stormworm9/RingAnimation/ring.gif',
     author: 'stormworm9',
     githubLink: 'https://github.com/stormworm9'
-   },
+  },
 
   {
     artName: 'TriangleProjection',
@@ -41,8 +41,7 @@ let cards = [
     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',