From 92733d3fa190a793bc61c3a371911f1fd3cdaa20 Mon Sep 17 00:00:00 2001 From: Holger Just Date: Fri, 15 Jan 2016 15:42:58 +0100 Subject: [PATCH] Add email sharing button to posts --- helpers/middleman_casper_helpers.rb | 15 +++++++++++---- source/fonts/icons.config.json | 8 +++++++- source/fonts/icons.eot | Bin 6792 -> 6984 bytes source/fonts/icons.svg | 3 ++- source/fonts/icons.ttf | Bin 6636 -> 6828 bytes source/fonts/icons.woff | Bin 4144 -> 4288 bytes source/layouts/post.haml | 2 ++ source/stylesheets/_casper_override.css.scss | 6 ++++++ source/stylesheets/_icons.css.scss | 1 + 9 files changed, 29 insertions(+), 6 deletions(-) diff --git a/helpers/middleman_casper_helpers.rb b/helpers/middleman_casper_helpers.rb index ce5d1cf..b017bf6 100644 --- a/helpers/middleman_casper_helpers.rb +++ b/helpers/middleman_casper_helpers.rb @@ -98,14 +98,21 @@ module MiddlemanCasperHelpers end def twitter_url - "https://twitter.com/share?text=#{current_article.title}" \ - "&url=#{current_article_url}" + "https://twitter.com/share?text=#{ERB::Util.u current_article.title}" \ + "&url=#{ERB::Util.u current_article_url}" end def facebook_url - "https://www.facebook.com/sharer/sharer.php?u=#{current_article_url}" + "https://www.facebook.com/sharer/sharer.php?" \ + "u=#{ERB::Util.u current_article_url}" end def google_plus_url - "https://plus.google.com/share?url=#{current_article_url}" + "https://plus.google.com/share?" \ + "url=#{ERB::Util.u current_article_url}" + end + def mail_url + "mailto:?to=" \ + "&subject=#{ERB::Util.u current_article.title}" \ + "&body=#{ERB::Util.u "Check out this article. I think you'll find it of interest.\r\n\r\n" + current_article_url.to_s}" end def feed_path diff --git a/source/fonts/icons.config.json b/source/fonts/icons.config.json index a25d8aa..5c43b11 100644 --- a/source/fonts/icons.config.json +++ b/source/fonts/icons.config.json @@ -6,6 +6,12 @@ "units_per_em": 512, "ascent": 480, "glyphs": [ + { + "uid": "ccc2329632396dc096bb638d4b46fb98", + "css": "mail", + "code": 62989, + "src": "fontawesome" + }, { "uid": "72b1277834cba5b7944b0a6cac7ddb0d", "css": "feed", @@ -79,4 +85,4 @@ "src": "websymbols" } ] -} \ No newline at end of file +} diff --git a/source/fonts/icons.eot b/source/fonts/icons.eot index d9a8fa549519638ee66c225aa5790ca18d7ef873..e3c36b31d58362e04907c3599d4b64461b8b1395 100644 GIT binary patch delta 567 zcmXYtO-vI}5XWa;x4UI``*!WNi!P-=L7JeVEoIArq%|?d=*@$H1SD%Mt)Xi-wo#0S z9*m?14<&1&@ytbo9&Gh!Jd((P7!$pC5#vR!CL9bnMc;cf^M3z%^S)ZsTef&<0ASNv z7j22@>r^dVFf&UIlelECBU9BvpE#&!+MGIqIgF>XklOU7tkxnWN5D-k9sLNF9S zK^1jeR3{>4f<6Q3J!H+nLU&1<{S68u0pQd7uiyX0*KhnM@<{`aRvzX4JMM4GS;oLW tkP~v?52?Mqcqgg!A=>_F^(ES!FKPyn`!cr}g)zPq6kO+4wX?>V`WJhvaaaHV delta 396 zcmXwzJxD@P6vxkb+VkmsPmO4>B!p^licqJZ0*St83|f-M^W#CjyrhWHkVAn(gK`%M zg4UuycoOAWLt#_2=Fkukj(w~hjV_#X&+q@g=iGB2t3>6>2tYSblVi?yxY4T3<@O(d z6pD4j(s_4`T>)U6V%aDbLZs8tJ}G(9JY!X=)eQhIA>$c6&#CZ}-|JU0+1<41x>*8{ zssOIInbMQ;+R8V8`vbBc*J>B zZLee~<46`os}XJ|d^2CbBoY9g>c`E$n;(cpHaXOP)wlkWCdw=#u31p-4FJvVFgIdU pysPIJwS_i~qZ)Nd=s+h9po}h5(2X8ssG=rby$J`k*$X~N{RMDBSC0Sy diff --git a/source/fonts/icons.svg b/source/fonts/icons.svg index 683441f..ab5a1a4 100644 --- a/source/fonts/icons.svg +++ b/source/fonts/icons.svg @@ -1,7 +1,7 @@ -Copyright (C) 2015 by original authors @ fontello.com +Copyright (C) 2016 by original authors @ fontello.com @@ -18,6 +18,7 @@ + \ No newline at end of file diff --git a/source/fonts/icons.ttf b/source/fonts/icons.ttf index 13c5a73771da08c21136b96a4206dddd742832c3..20b42fa00396b149071d9dea4ced994a1d7a4e85 100644 GIT binary patch delta 606 zcmXX^O=uHA6n<|v$!_*9Yc|>H8q+q_1|qik>!xU-3e|!NqJmUtscX!SG}|ss(29o$ zV#zU*gQZ8wMX4T4>_rfdf|nv5ya-~Y2hCN;L0Vs0XXd>(-}k+FGt5jUwJ}x&1ONpd z0SmXTTpvxIe|L3@m=4*EtZg}+esL23r^qg5?^Onfr>3;Y33;br*Xs3~gg*d?PQfZW z#H)liDDs8UgZ$Q)$Fl%T9f0c=bJiWt`p0Xuv_`sFEas|~%a6Z_paO8bXjfMHKG6(> zpXA0%OIgb&No!O*L^y0)D-OI8cL+}q9$2*OTwA%{CEVNOg|k$ylq*S@4#1P%be40@ zw*~eIfDtGB5D;5f2RHCIg?VD8pYA45Zp85%%B^M0@>OPUk17E^gCj5w{M+;}3(TpL z7z}uZ1|!3nF}+Xk$1tW6Nplj-jF|~|IO;y^jc6h=!j9qyM$=|$FsU87iwiWS0NaGZR(}pI+ z+j>m7py*NgfsFq?lh1)6MkWkgR&_YDWO!Q8UoQ)9BzDZsHDenOSGPvw8M8`{wLXzWknt7JEFPeMN=9x;h3IJ@i-F4kNSNg0Cns_X@XP@6 zQ-FM#+{B6khBe&Jfcyp^Um-6sH+2hN*>@m+0nn0_1^LA#M-Fq`13JJ5C_lHLD7D~j zHghWjgCxjd)eMY`YZ)gnurhEkx-g~zMcgO;Gi2nMY{2Nq$g{bKF_}Xd6dXXjYlGJ5 zcz&C&4BSjW0S1OkGiGgp&;>1%*Knx{gH?g0US7z+uX}*@>Hzkz_)6L&`j2IbtCu{LZO?KmpX9jB8yo!&B2LOvCR#*T4 diff --git a/source/fonts/icons.woff b/source/fonts/icons.woff index 61db6d407f2daadef55c0b41a68249d59e089b09..8cfdf368909452ce34108c6429ee5cc8ea0f352c 100644 GIT binary patch delta 2523 zcmV<12_*KgAiyCMcTYw}00961000oc01f~E000`SkrXQv&|__3Z~y=ShyVZpIsgCx zO6(tzQb>OWH~;_#_|VjYTxexsWB>pSqyPW_GXMYpHU^r=QfO#pVE_OP*Z=?kAOHXW zBm@!x>u7CscmMzm_y7O^CjbBdI2X$R0Bmn#VE_OQAOHXW9smFU9uEu*m~CNrZ~y=f zKmY&$AOHXWAONik=5AqaWdHyUU;qFCd;kCfskAZ1)wk^NDctX z6bu=YhXErP{{IhB@Qo2fb1^{G0|6r&!-xj}f<6Yxv%&$c1%FM98&@5F|M_@tJYOEq zr#&8f?V0u1YkTe48GB~)QO8L)RAfV&L=mc5nuG!^A`pqKI9BR`Kvh8xEn-(l+-Q*& zwa}t!4;4tL5;RH~){{@An8#@CC2JyF?;u zWShuGY1mLG$A52*3Y&)UEKgm}r6UOA{shV~pXH~Z%|8H(36J1I@ELfkGwI-X1r({z zWT4lUk^~ClHm{zIe~#b=Q$a|t+*&YMVX*t+&BYC`yrFYaQe}4bng}xMOR^B3y*got zEN)#%1;jQanO}V8#WK`YydS_mnG*W@K?OEPK$&CfJbw%OZk84pXZcmeujJma@7`+Y?!qRJAj-Jj(?wdin&HKN_qx<+cwu1552)*vSKK z$PLy5PM~QBiaMzK&L|ZWCC*#a=$fk%iiF(1#}W7kNk~c_CYQ-KNOh?`dFA}hsVvq7}pDaa5Koaxy0h<9ThCXYj2sNy7YubXK<_vx~et zaev~Vgy7vIJpOl>9G)8*#%XS{v32ecQ8P>)JnJg_o!I!SDl4DGJlC!Q4W|&#&On~7 zfosEK2M3~)lIxZi0o-DQp5WnEW8&6mpm`@w~8 zGghq(uEWXJqpiz5pJ5Fey-Rwm>VnoNZ)gNUnFhbA)e-8v zioP_(I*+5kRs^hb&#@`%qV*t8ynk-$7GGEw57zxJtl>zd$KONektKK)UFrX#slj7wLVh)2dkTA=XJH4U&;3h_;k>PmcrFsPIB*;yO&YytHxZ zt>z0ZMbANZ30c|VQe}3VFS2yO7dF%RkVPSyI$CB?UTFV$mU?JAu46OzNHTm~rM?~r zf553Baf0pI+*TYZV<&OOYJV7m84Tlk;>E+jT-KC$xIJtR%w!OEB(pD7*CuPj$*9*( z+B%DGt96?*0^2uDU;ccqd0|3%o+hEcUY98dsvGZ~T6a5!3X*IFR&;u2)APG6w;@;R zZmZkyCZ)bmW$-ijh?pco{&yNWU+Rmp)lqc@lC6G>){=TXmpwSZrhj0S$Zz;ZB>6n0 z{Ff&JWjl%l4$tr3;3?fv+1C%4a-Kq0d|s2q7cS9?_KZl6Klzsf561R_z=kDU;s-40E0me#{hVoV_;-pV0`fZ0TqKD69WUo|36HO3_uYS zzy|<=#{~bAa19^_Aawx183x^xmkk{X1N;C00096101lJ74IY2XPQpMKh0ky^LUf^t z8#lAjKupRdkp(LZ5f&~?Sg>(bN@+_*+<7N}E|T)`Pej;r*a9M{NG$91&u;4mHvON;~M$SaUD0J>$pMx*>MvK@#?sRd+|9@yQ5B`*vR&zBL}_yP%e*B z(MmEumHytuO6PJc*D5n%nkp|)+ayp~J`baP>TAn(TZB4KR3`gg&+1v2h1xgas_2*> zqJc4Mxz=hcr>>XWX|)Lh2)J)q71&6QIb#tkQ`YNW{)raM(AFum`Z37wNW(+533w|9sIf8ti8+7Gd?&fW;MJI1bvy+r(w{SkXZ%nhk lcnhNEH70u=qkE?u-QtrFeE_T_B@B3+WANU=a3Yh?4`3K4uyFtY delta 2382 zcmV-U39OVtpETAL}&-ONoZwZWB>pS8~^|SGXMYpHU>^h_GoBjVE_OPPyhe`9smFU zBm@xw>S%3rcmMzmZ~y=RB>(^bG!@GL0Bmn#VE_OPm;e9(8~^|S919Q(m~CNrZ~y=e zv;Y7AAOHXWAONfj=5AqaWdHyT)Bpehd;kCfskAZ1)wk^NDctV z4-68MhXErP{QnP9@Qo2fb1^{G0|6r&!-xj}fguLSv%&$c1%FG7+f)>N*Pr(s$99~= zpTw~B?hrXVnGE$&_zLXgv1h%2DSWz zW`RILm7rzAf^HB(Dl1m7V~3_(hYBhdM9;~+Cw|ZOo_p^x;R$}=P56RHWR5Hoc_;R( zdCKvNz0{z7IDblF%eH6_{IETMY>h|BeyH=e!F0eQco+N)o@)#mxGq9oYBL$=si`DE zo^gvCE8*J+E-(dz_{6yhlk*JLUVVCU#?Cf0_DPD&R!)f^v$iA);mXE64A{G!^ zkYs-H)T>#jvv|LUOJs@A&pJ6+>;Yw_q4CUbTf;cTIDfOBEGBD+;f~Te*dYcT+eu1U z0^gTwR)4ZFyl*Ni)3`p6Wl2#Q-LhS_Kn)(*%O&@_b2Yi{z|(G7X&qTjT&~M?=3P#p zu@8BrQ*q2*EadZH;!(X>no%eca_c5X;1?2+nA}a)$)lt&RUSHVcy<3U-s2K+u~+sn z(sTm*fqw-Ulm<)#!$mK`U!4Rmbiw1Voc$fyW4jYF-Mps}C&A<=G#ZfYZ$NebslfBZ4Rt`!{?7O{tw=xL6 zh=2Uu-~DL&P*>LvaD#zrjtk7|G+j=Z4M*hiwsC%%BAvETo3SI$S^L3-fUK=qS0+>y?z%>B+|U$T!{PPG`BBrOC~5eFr`w zbuz*8@0u^*==D-;eJjg1Y-73;!0Z`qhlm)q6{qDH8G+xJYDH z;4S!>lt_U6->7PQHeZy@UR4Jn+S3kET4K9pvD+`OB`9aehx|Q~e1Diy{@#H=*=k+_ zljkp;;VE5J*uz^af0#m3d{LFfmyXk%dRC;ne|#+Flutob{{nt65~~0J0C=2ZU}Rum z0ODQip9aVC+k9oqq@@Pi005I84jl#n0RR914U2N-*9(!cZEBF{Xx(Zi$X4pr#6iyORn z?%@>g?4VkQRC9cIR_Lmx=LU||k>@7;bAQh*@`dL%&Q#xXhyK0iE<*L>xra;jIn~RJ zDYD$k)%03MgW;{bZbZ{6s;HD`Wpiz6nMkTDo0O#vV!bG0UDeM?wkjjz*ezjV>OxmC z3^i91}jQ}6)b0bv%0C=2Z@ZQ02A}C@bBa>thT)Q+x AegFUf diff --git a/source/layouts/post.haml b/source/layouts/post.haml index 101e316..9f45793 100644 --- a/source/layouts/post.haml +++ b/source/layouts/post.haml @@ -55,6 +55,8 @@ %span.hidden Facebook %a.icon-google-plus{href: google_plus_url, onclick: "window.open(this.href, 'google-plus-share', 'width=490,height=530');return false;"} %span.hidden Google+ + %a.icon-mail{href: mail_url} + %span.hidden Email %aside.read-next - if prev_article = current_article.previous_article diff --git a/source/stylesheets/_casper_override.css.scss b/source/stylesheets/_casper_override.css.scss index 0468f8c..5ee7c44 100644 --- a/source/stylesheets/_casper_override.css.scss +++ b/source/stylesheets/_casper_override.css.scss @@ -27,3 +27,9 @@ .author-bio { text-align: left; } +.post-footer .share a { + margin: 1rem 1.4rem 1.4rem 0; +} +.post-footer .share .icon-mail:hover { + color: #111; +} diff --git a/source/stylesheets/_icons.css.scss b/source/stylesheets/_icons.css.scss index 5a09758..0f256fb 100644 --- a/source/stylesheets/_icons.css.scss +++ b/source/stylesheets/_icons.css.scss @@ -31,3 +31,4 @@ .icon-stackoverflow:before { content: '\f60a'; } .icon-github:before { content: '\f60b'; } .icon-xing:before { content: '\f60c'; } +.icon-mail:before { content: '\f60d'; }