adding my art to the project

zero-to-mastery · Aug 30, 2023 · e73d652 · e73d652
1 parent e8f2db3
commit e73d652
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 0 deletions.
diff --git a/Art/Bravo/flame.gif b/Art/Bravo/flame.gif
diff --git a/Art/Bravo/index.html b/Art/Bravo/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Fire Animation</title>
+    <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+    <div class="fire"></div>    
+</body>
+</html>
diff --git a/Art/Bravo/style.css b/Art/Bravo/style.css
@@ -0,0 +1,22 @@
+@keyframes flicker {
+    0%, 100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+    25% {
+      opacity: 0.6;
+      transform: scale(0.95) translateY(-5px);
+    }
+    75% {
+      opacity: 0.8;
+      transform: scale(1.05) translateY(5px);
+    }
+  }
+
+  .fire {
+    width: 800px;
+    height: 500px;
+    background-image: url('flame.gif'); /* Replace with your fire image URL */
+    background-size: cover;
+    animation: flicker 1s infinite alternate;
+  }
diff --git a/include.js b/include.js
@@ -9466,6 +9466,13 @@ let cards = [
     imageLink: './Art/datagekko/css-animation.gif',
     author: 'Datagekko',
     githubLink: 'https://github.com/datagekko'
+  },
+  {
+    artName: 'Bravo',
+    pageLink: './Art/Bravo/index.html',
+    imageLink: './Art/Bravo/flame.gif',
+    author: 'Cristian Bravo',
+    githubLink: 'https://github.com/Bravo773'
   }
 ];