diff --git a/Art/shazeen-1990/animate.jpg b/Art/shazeen-1990/animate.jpg
new file mode 100644
index 000000000..6b1e0e1ae
Binary files /dev/null and b/Art/shazeen-1990/animate.jpg differ
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 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+
+
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',