Make logo an actual image

app/assets/stylesheets/base.css.sass

@@ -136,6 +136,13 @@ div.wrapper
   &::after
     content: 't'
 
+.logo
+  float: left
+  margin-left: -7px
+
+  img
+    height: 34px
+
 .feature
   border-top: 1px solid #2D2D2D
 

app/views/layouts/application.html.slim

@@ -19,18 +19,20 @@ html[lang="en"]
   body
     header
       .wrapper
-        h1
-          a href="/"
-            ' asciinema
-            span.cursor-block
+        a.logo href="/"
+          img src=image_path('logo-bar.png')
+
         .navigation
           = render :partial => 'layouts/navigation'
           .divider-vertical
           = render :partial => 'layouts/session_info'
+
     - flash.each do |type, message|
       p[class=type] = message
+
     #content
       = content_for?(:content) ? yield(:content) : yield
+
     footer
       .wrapper
         p.links