Removed unused code from event.html (old a tag).

Changed background for on event hover to be less opaque so that the image is visible and added image scaling on hover.

Author: Tomasz-Kluczkowski

_includes/event.html

@@ -38,7 +38,6 @@ <h2 class="section-title">Recent Events</h2>
                         <div class="events__spacer"></div>
                         <div class="events__img-container">
                             <div class="events__img-overlay">
-                                <!--<a class="events__link" href="{{ post.link }}" target="_blank">-->
                                 <a class="events__link" href="{{ post.url }}">
                                     <i class="events__icon fas fa-external-link-square-alt"></i>
                                 </a>

_sass/style.scss

@@ -284,7 +284,7 @@ a {
 .events__title-container {
     width: 100%;
     height: 100%;
-    background: rgba(0, 0, 0, 0.9);
+    background: rgba(0, 0, 0, 0.7);
 }
 
 .events__img-title {
@@ -345,6 +345,15 @@ a {
     opacity: 1;
 }
 
+.events__img {
+  transition: all 0.5s ease-in-out;
+}
+
+
+.events__img-container:hover > .events__img {
+  -webkit-transform: scale(1.05);
+}
+
 .events__icon {
     font-size: 2em;
     position: relative;