Merge pull request #1816 from zero-to-mastery/Guruprasad846-master

Guruprasad846 master
zero-to-mastery · Oct 2, 2023 · 4679a06 · 4679a06
2 parents d15d853 + 879d528
commit 4679a06
Show file tree

Hide file tree

Showing 5 changed files with 91 additions and 0 deletions.
diff --git a/Art/Guruprasad-Kulkarni/index.html b/Art/Guruprasad-Kulkarni/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>shodow</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <div class="sun"></div>
+    <div class="welcome">WELCOME</div>
+  </body>
+</html>
diff --git a/Art/Guruprasad-Kulkarni/style.css b/Art/Guruprasad-Kulkarni/style.css
@@ -0,0 +1,73 @@
+body {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: url('wp2895287-cartoon-cloud-background.jpg');
+  background-repeat: repeat-x;
+  background-size: 170%;
+
+  font-family: Verdana, Geneva, Tahoma, sans-serif;
+  animation: bg 5s infinite linear;
+}
+@keyframes bg {
+  0% {
+    background-position: 0px;
+  }
+  100% {
+    background-position: 500px;
+  }
+}
+.sun {
+  position: absolute;
+  top: 5%;
+  width: 100px;
+  height: 100px;
+  background: yellow;
+  box-shadow: 0px 0px 100px yellow;
+  border: 1px black solid;
+  border-radius: 50%;
+  animation: sun 5s linear infinite;
+}
+@keyframes sun {
+  0% {
+    top: 2%;
+    left: -10%;
+  }
+  40% {
+    top: 2%;
+    left: 50%;
+  }
+  50% {
+    top: 2%;
+    left: 50%;
+  }
+  100% {
+    top: 5%;
+    left: 110%;
+  }
+}
+.welcome {
+  position: absolute;
+  font-size: 50px;
+  font-weight: bolder;
+  top: 20%;
+  left: 35%;
+  text-shadow: 30px 25px 5px grey;
+  color: rgb(26, 26, 172);
+  letter-spacing: 4px;
+  animation: shadow 5s linear infinite;
+}
+@keyframes shadow {
+  0% {
+    text-shadow: 30px 25px 5px grey;
+  }
+  40% {
+    text-shadow: 0px 25px 5px grey;
+  }
+  50% {
+    text-shadow: 0px 25px 5px grey;
+  }
+  100% {
+    text-shadow: -30px 25px 5px grey;
+  }
+}
diff --git a/Art/Guruprasad-Kulkarni/sun.gif b/Art/Guruprasad-Kulkarni/sun.gif
diff --git a/Art/Guruprasad-Kulkarni/wp2895287-cartoon-cloud-background.jpg b/Art/Guruprasad-Kulkarni/wp2895287-cartoon-cloud-background.jpg
diff --git a/include.js b/include.js
@@ -110,6 +110,13 @@ let cards = [
     imageLink: './Art/Haneesh/car.gif',
     author: 'Haneesh',
     githubLink: 'https://github.com/Haneesh000'
+  },
+  {
+    artName: 'Sun shadow',
+    pageLink: './Art/Guruprasad-Kulkarni/index.html',
+    imageLink: './Art/Guruprasad-Kulkarni/sun.gif',
+    author: 'Guruprasad',
+    githubLink: 'https://github.com/Guruprasad846'
   }
 ];