phone tweaks

source/assets/css/all.scss

@@ -114,11 +114,21 @@ a:hover{
   text-decoration: none;
 }
 
+.side-links ul.social{
+  float: left;
+  margin: 0 0 0 10px;
+}
+
+.side-links ul.social li {
+  padding: 0  0 10px 5px;
+}
+
 .poster {
   width: 100%;
   height: 300px;
   padding: 0 auto;
   background-position: center 0;
+  background-size: cover;
 }
 
 @media all and (min-width: 768px) {

source/index.haml

@@ -2,6 +2,7 @@
 pageable: true
 per_page: 10
 poster: /assets/img/stock/ships_VolkanOlmez_003.png
+title: ''
 ---
 
 .row

source/shared/_blog_list.html.haml

@@ -1,5 +1,9 @@
 .spacer-50
+
 .side-links
+  %ul.social.visible-xs
+    = partial 'shared/social_links'
+
   %ul
     %li.bolder Recent Posts
     - blog.articles[0...10].each do |article|
@@ -10,3 +14,4 @@
     %li Tags
     - blog.tags.each do |tag, articles|
       %li= link_to "#{tag.titleize}", tag_path(tag)
+

source/shared/_header.haml

@@ -12,15 +12,6 @@
             %li
               %a{href: "/contact"} contact
 
-          %ul.social
-            :ruby
-              social_links = {
-                  'fa-linkedin-square' => 'http://linkedin.com/in/markamoser/',
-                  'fa-twitter' => 'https://twitter.com/obley',
-                  'fa-github' => 'https://github.com/markmoser',
-                  'fa-bitbucket' => 'https://bitbucket.org/markamoser',
-                }
-            - social_links.each do |k,v|
-              %li
-                = link_to "#{v}" do
-                  %i.fa.fa-lg{class: "#{k}"}
+          %ul.social.hidden-xs
+            = partial 'shared/social_links'
+

source/shared/_social_links.html.haml

@@ -0,0 +1,11 @@
+:ruby
+  social_links = {
+      'fa-linkedin-square' => 'http://linkedin.com/in/markamoser/',
+      'fa-twitter' => 'https://twitter.com/obley',
+      'fa-github' => 'https://github.com/markmoser',
+      'fa-bitbucket' => 'https://bitbucket.org/markamoser',
+    }
+- social_links.each do |k,v|
+  %li
+    = link_to "#{v}" do
+      %i.fa.fa-lg{class: "#{k}"}