Merge branch 'master' of github.com:Rushilwiz/NewViewsNews

news/static/news/css/styles.css

@@ -149,3 +149,25 @@ a.article-title:hover {
   }
 }
 
+.bounce:hover{
+  animation: bounce 1.5s;
+}
+@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);
+  }
+}
+
+
+

news/templates/news/base.html

@@ -14,8 +14,8 @@
     <!-- Font Awesome -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
     <!-- Favicon -->
-    <link rel="shortcut icon" href="{% static 'news/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/favicon.ico' %}/favicon.ico" type="image/x-icon">
+    <link rel="icon" href="{% static 'news/favicon2.ico' %}/favicon2.ico" type="image/x-icon">
 
     <title>NewViewsNews</title>
 
@@ -25,7 +25,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">