Merge pull request #1803 from zero-to-mastery/dsauce817-test

Dsauce817 test
zero-to-mastery · Oct 2, 2023 · 5ef0554 · 5ef0554
2 parents eaa5b75 + 460883a
commit 5ef0554
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 0 deletions.
diff --git a/Art/runningBars/index.html b/Art/runningBars/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Running Bars</title>
+    <link rel="stylesheet" type="text/css" href="style.css" />
+  </head>
+  <body>
+    <div id="one"></div>
+    <div id="two"></div>
+  </body>
+</html>
diff --git a/Art/runningBars/running.gif b/Art/runningBars/running.gif
diff --git a/Art/runningBars/style.css b/Art/runningBars/style.css
@@ -0,0 +1,28 @@
+div#one {
+  height: 400px;
+  width: 400px;
+  background: #0d00ff;
+  animation: slidein 4s linear 4s infinite alternate;
+}
+
+div#two {
+  height: 50%;
+  width: 50%;
+  background: #ff06b8;
+  transition: slidein;
+  animation: slidein 0.3s linear 1s infinite alternate;
+}
+
+div#one:active div#two {
+  background: green;
+  transform: translateX(100%);
+}
+
+@keyframes slidein {
+  from {
+    transform: scaleX(3);
+  }
+  to {
+    transform: scaleX(6);
+  }
+}
diff --git a/include.js b/include.js
@@ -54,6 +54,13 @@ let cards = [
     imageLink: './Art/Animation_makrenko-dev/logog.gif',
     author: 'makrenko-dev',
     githubLink: 'https://github.com/makrenko-dev'
+  },
+  {
+    artName: 'Running Laps',
+    pageLink: './Art/runningBars/index.html',
+    imageLink: './Art/runningBars/running.gif',
+    author: 'Daniel',
+    githubLink: 'https://github.com/dsauce817'
   }
 ];