From 8b89563825d8b382e9cd6ce2bcbed2c0c946c4d9 Mon Sep 17 00:00:00 2001
From: Mark Moser <mark@mcommgroup.com>
Date: Sun, 21 Sep 2014 10:17:39 -0500
Subject: [PATCH] phone tweaks

---
 source/assets/css/all.scss            | 10 ++++++++++
 source/index.haml                     |  1 +
 source/shared/_blog_list.html.haml    |  5 +++++
 source/shared/_header.haml            | 15 +++------------
 source/shared/_social_links.html.haml | 11 +++++++++++
 5 files changed, 30 insertions(+), 12 deletions(-)
 create mode 100644 source/shared/_social_links.html.haml

diff --git a/source/assets/css/all.scss b/source/assets/css/all.scss
index a4348e0..64a5b01 100644
--- a/source/assets/css/all.scss
+++ b/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) {
diff --git a/source/index.haml b/source/index.haml
index 2129b4c..cd922a6 100644
--- a/source/index.haml
+++ b/source/index.haml
@@ -2,6 +2,7 @@
 pageable: true
 per_page: 10
 poster: /assets/img/stock/ships_VolkanOlmez_003.png
+title: ''
 ---
 
 .row
diff --git a/source/shared/_blog_list.html.haml b/source/shared/_blog_list.html.haml
index aa3d13b..bf145e8 100644
--- a/source/shared/_blog_list.html.haml
+++ b/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)
+
diff --git a/source/shared/_header.haml b/source/shared/_header.haml
index 5ee5cc9..7f11aa2 100644
--- a/source/shared/_header.haml
+++ b/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'
+
diff --git a/source/shared/_social_links.html.haml b/source/shared/_social_links.html.haml
new file mode 100644
index 0000000..f2ea901
--- /dev/null
+++ b/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}"}