Add SMS sharing (fix #310)

stylus/toolbar.styl

@@ -49,8 +49,13 @@ a.icon-tumblr
   &:before
     font-size: 90%
 
-a.icon-facebook-squared, a.icon-twitter, a.icon-tumblr
-  margin-right: 15px
+a.icon-message
+  color: palette('Green')
+  html:not(.isMobile) &
+    display: none
+
+a.icon-facebook-squared, a.icon-twitter, a.icon-tumblr, a.icon-message
+  margin-right: 13px
   margin-left: 0
   &:before
     font-size: 150%
@@ -59,3 +64,5 @@ a.icon-facebook-squared, a.icon-twitter, a.icon-tumblr
   &:hover, &:active, &:focus
     opacity: 0.7
     text-decoration: none
+  &:last-child
+    margin-right: 0

vendor/fontello/config.json

@@ -18,18 +18,18 @@
       "code": 59397,
       "src": "fontawesome"
     },
-    {
-      "uid": "d7271d490b71df4311e32cdacae8b331",
-      "css": "home",
-      "code": 59394,
-      "src": "fontawesome"
-    },
     {
       "uid": "de2fc7a5c986ab8c622f63455d7cf814",
       "css": "upload-cloud",
       "code": 59393,
       "src": "fontawesome"
     },
+    {
+      "uid": "85528017f1e6053b2253785c31047f44",
+      "css": "message",
+      "code": 59394,
+      "src": "fontawesome"
+    },
     {
       "uid": "3a00327e61b997b58518bd43ed83c3df",
       "css": "login",

vendor/fontello/css/fontello-codes.css

@@ -1,7 +1,7 @@
 
 .icon-angle-double-right:before { content: '\e800'; } /* '' */
 .icon-upload-cloud:before { content: '\e801'; } /* '' */
-.icon-home:before { content: '\e802'; } /* '' */
+.icon-message:before { content: '\e802'; } /* '' */
 .icon-search:before { content: '\e803'; } /* '' */
 .icon-facebook-squared:before { content: '\e804'; } /* '' */
 .icon-user:before { content: '\e805'; } /* '' */

vendor/fontello/css/fontello-ie7-codes.css

@@ -1,7 +1,7 @@
 
 .icon-angle-double-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-upload-cloud { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
-.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-message { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-facebook-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

vendor/fontello/css/fontello-ie7.css

@@ -12,7 +12,7 @@
 
 .icon-angle-double-right { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-upload-cloud { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
-.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-message { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-facebook-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

vendor/fontello/css/fontello.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'fontello';
-  src: url('../font/fontello.eot?10281179');
-  src: url('../font/fontello.eot?10281179#iefix') format('embedded-opentype'),
-       url('../font/fontello.woff?10281179') format('woff'),
-       url('../font/fontello.ttf?10281179') format('truetype'),
-       url('../font/fontello.svg?10281179#fontello') format('svg');
+  src: url('../font/fontello.eot?54576762');
+  src: url('../font/fontello.eot?54576762#iefix') format('embedded-opentype'),
+       url('../font/fontello.woff?54576762') format('woff'),
+       url('../font/fontello.ttf?54576762') format('truetype'),
+       url('../font/fontello.svg?54576762#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -14,7 +14,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('../font/fontello.svg?10281179#fontello') format('svg');
+    src: url('../font/fontello.svg?54576762#fontello') format('svg');
   }
 }
 */
@@ -56,7 +56,7 @@
 
 .icon-angle-double-right:before { content: '\e800'; } /* '' */
 .icon-upload-cloud:before { content: '\e801'; } /* '' */
-.icon-home:before { content: '\e802'; } /* '' */
+.icon-message:before { content: '\e802'; } /* '' */
 .icon-search:before { content: '\e803'; } /* '' */
 .icon-facebook-squared:before { content: '\e804'; } /* '' */
 .icon-user:before { content: '\e805'; } /* '' */

vendor/fontello/demo.html

@@ -229,11 +229,11 @@
 }
 @font-face {
       font-family: 'fontello';
-      src: url('./font/fontello.eot?93973252');
-      src: url('./font/fontello.eot?93973252#iefix') format('embedded-opentype'),
-           url('./font/fontello.woff?93973252') format('woff'),
-           url('./font/fontello.ttf?93973252') format('truetype'),
-           url('./font/fontello.svg?93973252#fontello') format('svg');
+      src: url('./font/fontello.eot?82966663');
+      src: url('./font/fontello.eot?82966663#iefix') format('embedded-opentype'),
+           url('./font/fontello.woff?82966663') format('woff'),
+           url('./font/fontello.ttf?82966663') format('truetype'),
+           url('./font/fontello.svg?82966663#fontello') format('svg');
       font-weight: normal;
       font-style: normal;
     }
@@ -303,7 +303,7 @@ <h1>
       <div class="row">
         <div title="Code: 0xe800" class="the-icons span3"><i class="demo-icon icon-angle-double-right">&#xe800;</i> <span class="i-name">icon-angle-double-right</span><span class="i-code">0xe800</span></div>
         <div title="Code: 0xe801" class="the-icons span3"><i class="demo-icon icon-upload-cloud">&#xe801;</i> <span class="i-name">icon-upload-cloud</span><span class="i-code">0xe801</span></div>
-        <div title="Code: 0xe802" class="the-icons span3"><i class="demo-icon icon-home">&#xe802;</i> <span class="i-name">icon-home</span><span class="i-code">0xe802</span></div>
+        <div title="Code: 0xe802" class="the-icons span3"><i class="demo-icon icon-message">&#xe802;</i> <span class="i-name">icon-message</span><span class="i-code">0xe802</span></div>
         <div title="Code: 0xe803" class="the-icons span3"><i class="demo-icon icon-search">&#xe803;</i> <span class="i-name">icon-search</span><span class="i-code">0xe803</span></div>
       </div>
       <div class="row">

views/includes/toolbar.jade

@@ -1,7 +1,8 @@
 .toolbar-ghost
   .toolbar.clearfix
+    .share
+      a.icon-facebook-squared(href='#') <span class="hide-phone-tight">Share</span>
+      a.icon-twitter(href='#') <span class="hide-phone-tight">Tweet</span>
+      a.icon-tumblr(href='#') <span class="hide-phone-tight">Post</span>
+      a.icon-message(href='sms:&body=' + encodeURIComponent('Studying this right now:\n\n' + locals.url)) <span class="hide-phone-tight">Message</span>
     block toolbar
-      .share
-        a.icon-facebook-squared(href='#') <span class="hide-phone-tight">Share</span>
-        a.icon-twitter(href='#') <span class="hide-phone-tight">Tweet</span>
-        a.icon-tumblr(href='#') <span class="hide-phone-tight">Post</span>