From 6f3161bb248d2e1d574ac10375115e40de86d819 Mon Sep 17 00:00:00 2001
From: 1776123 <50336512+1776123@users.noreply.github.com>
Date: Sun, 16 Aug 2020 01:23:17 -0400
Subject: [PATCH] bounce

---
 news/static/news/css/styles.css | 22 ++++++++++++++++++++++
 news/templates/news/base.html   |  6 +++---
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/news/static/news/css/styles.css b/news/static/news/css/styles.css
index 33ad544..39d6aae 100644
--- a/news/static/news/css/styles.css
+++ b/news/static/news/css/styles.css
@@ -149,3 +149,25 @@ a.article-title:hover {
   }
 }
 
+.bounce:hover{
+  animation: bounce 2s;
+}
+@keyframes bounce {
+  0%, 20%, 60%, 100% {
+    -webkit-transform: translateY(0);
+    transform: translateY(0);
+  }
+
+  40% {
+    -webkit-transform: translateY(-10px);
+    transform: translateY(-10px);
+  }
+
+  80% {
+    -webkit-transform: translateY(-5px);
+    transform: translateY(-5px);
+  }
+}
+
+
+
diff --git a/news/templates/news/base.html b/news/templates/news/base.html
index 93d5560..c8deaaa 100644
--- a/news/templates/news/base.html
+++ b/news/templates/news/base.html
@@ -12,8 +12,8 @@
     <link rel="stylesheet" type="text/css" href="{% static 'news/css/styles.css' %}">
 
     <!-- Favicon -->
-    <link rel="shortcut icon" href="{% static 'news/favicon.ico' %}" type="image/x-icon">
-    <link rel="icon" href="{% static 'news/favicon.ico' %}/favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="{% static 'news/favicon2.ico' %}" type="image/x-icon">
+    <link rel="icon" href="{% static 'news/favicon2.ico' %}/favicon2.ico" type="image/x-icon">
 
     <title>NewViewsNews</title>
 
@@ -23,7 +23,7 @@
       <nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top">
         <div class="container">
 
-          <a class="navbar-brand" href="{% url 'home' %}">
+          <a class="navbar-brand bounce" href="{% url 'home' %}">
               <img src="{% static 'news/css/res/logo.svg' %}" width="120" alt="">
           </a>
           <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">