add social icons to theme

app/assets/stylesheets/theme1/theme1.css.sass

@@ -61,8 +61,29 @@ body
           #header
             margin-bottom: 20px
             height: 74px
+            #logo
               a
                 margin: 20px
+            #header-right
+              padding-right: 30px
+              .social
+                float: right
+                width: 222px
+                text-align: right
+                a
+                  background-image: image-url('theme1/social.png')
+                  margin: 0 0 0 3px
+                  width: 32px
+                  height: 56px
+                  display: inline-block
+                  &.wsite-social-facebook
+                    background-position: 0 0
+                  &.wsite-social-twitter
+                    background-position: -35px 0
+                  &.wsite-social-linkedin
+                    background-position: -70px 0
+                  &.wsite-social-rss
+                    background-position: -141px 0
     #nav-wrap
       .container
         clear: both

app/views/layouts/application.html.slim

@@ -26,7 +26,17 @@ html lang="en"
             .light3
           .container
             #header
-              = link_to image_tag('icons/logo-small.png', alt: application_title), root_path
+              #header-right
+                .social
+                  a.wsite-social-facebook href="https://www.facebook.com/Qwaiter" target=:_blank
+                    span.wsite-social-inner
+                  a.wsite-social-twitter href="https://twitter.com/qwaiter" target=:_blank
+                    span.wsite-social-inner
+                  a.wsite-social-linkedin href="http://www.linkedin.com/company/579750" target=:_blank
+                    span.wsite-social-inner
+                  a.wsite-social-rss
+                    span.wsite-social-inner
+              #logo= link_to image_tag('icons/logo-small.png', alt: application_title), root_path
       #nav-wrap
         .container
           ul.nav