From 143b5f6fb3e0798bc37d3fd025ecc30905f21e92 Mon Sep 17 00:00:00 2001
From: gurusabarish <gurusabarisha@gmail.com>
Date: Tue, 27 Sep 2022 23:56:33 +0530
Subject: animate bug fix

---
 exampleSite/config.yaml |  4 ++--
 static/css/index.css    | 15 +++++++++++----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index e441818..6364bc1 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -19,7 +19,7 @@ Menus:
       title: Blog posts
       url: /blogs
       weight: 1
-    
+
     - identifier: gallery
       name: Gallery
       title: Blog posts
@@ -111,7 +111,7 @@ params:
       enable: true
       name: "Resume"
       url: "#"
-      download: true 
+      download: true
     socialLinks:
       fontAwesomeIcons:
         - icon: fab fa-github
diff --git a/static/css/index.css b/static/css/index.css
index 85a062e..7bafba9 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -109,17 +109,24 @@ header .navbar.animate {
     opacity: 0.8;
 }
 
-#hero .image.animate img {
-    animation: fade-in 1s ease-out;
-    box-shadow: 0px 8px 56px rgba(15, 80, 100, 0.16);
-    transition: box-shadow 0.3s;
+#hero .image img {
+    box-shadow:0px 8px 56px rgba(15, 80, 100, 0.16);
     padding: 0;
     border: 0;
     border: 2px solid var(--secondary-color);
     border-radius: 1rem;
 }
 
+#hero .image.animate img {
+    animation: fade-in 1s ease-out;
+    transition: box-shadow 0.3s;
+}
+
 #hero .image img:hover {
+    cursor: pointer;
+}
+
+#hero .image.animate img:hover {
     box-shadow: 0 0 11px rgb(15 80 100 / 20%);
     filter: contrast(1.2);
     cursor: pointer;
-- 
cgit v1.2.3