Adding my animation to the Open source project (#2427)

Co-authored-by: nyrkn10 <kevinnyariki9@gmail.com> Co-authored-by: Sophia Brandt <16630701+sophiabrandt@users.noreply.github.com>
zero-to-mastery · Nov 12, 2023 · 718d76b · 718d76b
1 parent c6fd66a
commit 718d76b
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 1 deletion.
diff --git a/Art/Nyrkn10/index.html b/Art/Nyrkn10/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title></title>
+	<link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+<div class="animate"></div>
+
+
+</body>
+</html>
diff --git a/Art/Nyrkn10/set.gif b/Art/Nyrkn10/set.gif
diff --git a/Art/Nyrkn10/style.css b/Art/Nyrkn10/style.css
@@ -0,0 +1,18 @@
+.animate {
+	width: 100px;
+  height: 100px;
+  background-color: blue;
+  position: relative;
+  animation-name: animated;
+  animation-duration: 4s;
+  animation-iteration-count: 6;
+}
+
+
+@keyframes animated{
+  0%   { left:0px; top:0px;}
+  25%  { left:100px; top:0px;}
+  50%  { left:100px; top:100px;}
+  75%  { left:0px; top:200px;}
+  100% { left:0px; top:0px;}
+}
diff --git a/include.js b/include.js
@@ -2855,7 +2855,13 @@ let cards = [
     githubLink: 'https://github.com/daniel-badura'
   },
   {
-    artName: 'Fascinating Animation',
+    artName: 'Animated', 
+    pageLink: './Art/Nyrkn10/index.html',
+    imageLink: './Art/Nyrkn10/set.gif',
+    author: 'Nyariki Kevin',
+    githubLink: 'https://github.com/nyrkn10>' 
+  },
+  {    artName: 'Fascinating Animation',
     pageLink: './Art/moutro/index.html',
     imageLink: './Art/moutro/Animation-Nation.png',
     author: 'Jay',