improve layout, accessibility on /blog

_layouts/blog.html

@@ -15,9 +15,9 @@
     {% if post.hide != true %}
     <div class="post-teaser">
       {% if post.thumbnail %} 
-      <div class="post-img">
-        <img src="{{ site.baseurl }}/{{ post.thumbnail }}">
-        <a href="{{ post.url | prepend: site.baseurl }}">
+      <div class="post-img" role="img" alt="{{ post.thumbnail_alt }}">
+        <img src="{{ site.baseurl }}/{{ post.thumbnail }}" alt="{{ post.thumbnail_alt }}">
+        <a href="{{ post.url | prepend: site.baseurl }}" title="{{ post.title }}">
           <span></span>
         </a>
       </div>

_posts/2019-03-23-nstableview-drag-and-drop.md

@@ -3,6 +3,7 @@ layout: post
 title: Using Drag and Drop with NSTableView
 tags: [macOS, Tutorial]
 thumbnail: assets/img/blog/2019-03-23-nstableview-drag-and-drop/fruits-hero.jpg
+thumbnail_alt: Drag and Drop Fruits app
 ---
 
 I recently tried to implement drag and drop with `NSTableView` in a project and ran into a bunch of issues with finding resources that actually helped. Such is the life of a Cocoa developer. So here's my attempt at the _definitive guide_ to drag and drop with `NSTableView`. (This should also apply to `NSOutlineView`, since they work in a similar way.)

_sass/layouts/_index.scss

@@ -65,9 +65,11 @@ h1 {
 
     .post-img {
       vertical-align: middle;
-      border-radius: 25px;
+      border-radius: 15px;
+      box-shadow: 0 3px 8px $shadow-color;
       overflow: hidden;
       position: relative;
+      margin-bottom: 10px;
 
       @media (min-width: $break) {
         height: 250px;
@@ -80,6 +82,7 @@ h1 {
 
       a {
         span {
+          cursor: pointer;
           position: absolute;
           width:100%;
           height:100%;
@@ -89,16 +92,6 @@ h1 {
         }
       }
     }
-
-    .post-img img {
-      -moz-transition-timing-function: ease-out;
-      -webkit-transition-timing-function: ease-out;
-      transition-timing-function: ease-out;
-
-      -moz-transition: all 5s;
-      -webkit-transition: all 5s;
-      transition: all 5s;
-    }
   }
   .excerpt {
     margin-top: 1em;