From d184a29037c15c6f7a4314bfacc7707099e3009b Mon Sep 17 00:00:00 2001 From: Danang Probo Sayekti Date: Wed, 8 Jan 2014 17:56:56 +0700 Subject: [PATCH] Add share button Add share button: Twitter, Facebook and Google+. --- system/htmly.php | 2 +- themes/default/css/style.css | 52 +++++++++++++++++++++++++++++--- themes/default/img/share-facebook.png | Bin 0 -> 582 bytes themes/default/img/share-googleplus.png | Bin 0 -> 836 bytes themes/default/img/share-twitter.png | Bin 0 -> 668 bytes themes/default/post.html.php | 18 ++++++++--- 6 files changed, 62 insertions(+), 10 deletions(-) create mode 100644 themes/default/img/share-facebook.png create mode 100644 themes/default/img/share-googleplus.png create mode 100644 themes/default/img/share-twitter.png diff --git a/system/htmly.php b/system/htmly.php index c2cb4a5..f814963 100644 --- a/system/htmly.php +++ b/system/htmly.php @@ -149,7 +149,7 @@ get('/:year/:month/:name', function($year, $month, $name){ render('post',array( 'title' => $current->title .' - ' . config('blog.title'), 'p' => $current, - 'authorinfo' => '
→

by ' . $bio->title . '

' . $bio->body . '
', + 'authorinfo' => '

by ' . $bio->title . '

' . $bio->body . '
', 'canonical' => $current->url, 'description' => $description = get_description($current->body), 'bodyclass' => 'inpost', diff --git a/themes/default/css/style.css b/themes/default/css/style.css index d0d329d..6387f46 100644 --- a/themes/default/css/style.css +++ b/themes/default/css/style.css @@ -552,20 +552,52 @@ aside .copyright p{ } /*---------------------------- - Author info + Share + Author info -----------------------------*/ +.separator { + text-align:left; + font-size: 18px; + line-height: 1; +} + +.share-box { + margin-bottom: 0.75em; +} + .author-info { font-size: 12px; font-style:italic; + float:left; + width: 430px; + margin-right: 2em; } -.separator { - text-align:left; - font-size: 18px; - line-height: 1; +.share { + font-size: 12px; + font-style:italic; + width:120px; } +.share a { + display: inline-block; + width: 18px; + height: 18px; + margin: 2px; + vertical-align: middle; + -o-transition: all .3s; + -moz-transition: all .3s; + -webkit-transition: all .3s; + -ms-transition: all .3s; + text-indent: -9999em; +} + +.share a.twitter { background: url(../img/share-twitter.png) left top no-repeat; } +.share a.facebook { background: url(../img/share-facebook.png) left top no-repeat; } +.share a.googleplus { background: url(../img/share-googleplus.png) left top no-repeat; } + +.share a:hover { background-position: left -26px; } + /*---------------------------- Media queries -----------------------------*/ @@ -640,6 +672,16 @@ aside .copyright p{ .search { text-align:center; } + + .author-info { + width: 100%; + } + + .share { + float:left; + width:100%; + padding-bottom: 1em; + } } /*---------------------------- diff --git a/themes/default/img/share-facebook.png b/themes/default/img/share-facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..5541821ec577a47a2cb2b82385a776079fc24cea GIT binary patch literal 582 zcmeAS@N?(olHy`uVBq!ia0vp^LO`s;!3-qh6C`#3sqFziA+A6=EG*1-_C~+Cn}Lkr z{PNJy(D3kZ|9M-13?Klqf#QC1Hb+KALd5;%Yyye^*%1*DKsHcsz``BAvo`q7+2l2C z4NxOc9HeFTCZHCe#-N}epPB1{;(qhC_|M-OxM(L(5TZRgIvS`Ls4Q^tE+E5q_6Gk2 z+X5DB2bu{~5E2sNKYyFw+$})!ffo79+TcB7Ezn6o!`WrCRDe!5E(!7rW-!xVyqNJF zJNsjq1R;ypcY|4->aNJVdGo-1@x8!p>R-MudAjO?&&zn-4Jxzq9reEMDLJZh{*)~P z10%Pmi(`n!`J?A=1~nUquq8MweB-^4>C)MCQRVzM72f}kIVPFx^l?%7-{OfU&DB4j zH>{id&Z=ehm4KCkqUnn-iz#~*Yz?0jy2M(h|MyI#?F(PrlTgX#kiAfpDJ$@IRj~Ht zEiWf<9R6~7YDi*>=24!jZD-ac_XxRNTXmr;?mp+g4NB441>P=sN7i1JUHCkttiq(# zEo9TjD;e(PzBkG|wu!nLKYq2*e_5to+bo|?q5L*{CR`8H@5TJy#_)jQXvpv9j?puo zMXv}v^w7~xg>nDYL^&4i29@*6g+2ZFm1G_~?YCjHE#O;K@KAN_fh7U0`|67r<~iNJ wCY{W1Q{!agzd4V-&DY$KleH)LzmELmdKI;Vst08S|VcmMzZ literal 0 HcmV?d00001 diff --git a/themes/default/img/share-googleplus.png b/themes/default/img/share-googleplus.png new file mode 100644 index 0000000000000000000000000000000000000000..fb077cd85fc3c365507bf4d7b1f17bbb013a8af4 GIT binary patch literal 836 zcmeAS@N?(olHy`uVBq!ia0vp^LO`s;!3-qh6C`#pFfhsn_=LCux&HIEhKGlTg@yUf z-sn4LW5E1vq47x&k%)*0pg2$gko23o1t{e=XS4V8HGXq90|kSFgMs1!^S1*P`_0=D zxM(L(J%~ML6Oe=$3uFKRP_O@jZ9qn7Xedw(L>W*okO4FhNP16S3seu$;s<2R-v$(f zSnV@wgU`(Mk&%%=^C30@6@#P}Z1A z)uyvBbl!|!o#&~ZQ{wvVfae#V*rYph7Pp_*x=WSXFA(he^tJo*RP`-M=a1fc?#TOp zwP`=!f=7q-7|OGress~x-Z5==%WRQvnfOA&+(h-1rS#T!Yn2U8#Tlub zxgI;$_K}h6oA@9%4VfQrZn!ZlQ%jWId%@*|N1f^VNoE;Fyv9bC4=gHQe$G(s%c2bb zrgJhTm9`;oJ(nM5-Li&nw#>y(if`Ojx1ByB^UlM^Ps?!jg!Z)oM|Zk3%;VB3ef-B} z0_(+RmijuWtg4=wGCXpzOD8VaQJ5gc^@;V3i$0s&)KzTtPuUM0)_=jQJJ$>t+YFwr KelF{r5}E*meQs6& literal 0 HcmV?d00001 diff --git a/themes/default/img/share-twitter.png b/themes/default/img/share-twitter.png new file mode 100644 index 0000000000000000000000000000000000000000..26f102bdd3be46c2411187a93789f6dea5ba5fe0 GIT binary patch literal 668 zcmeAS@N?(olHy`uVBq!ia0vp^LO`s;!3-qh6C`#3sjC4#A+A8$Z_cKOh=}m;@UXBj zAn7}2b4YQGUwJb`1Skjuesed6hKBmi+6a^l4h{ygfr3BDddn3>& zzqwod=WX?yy%DSrqy`9lX0G>}x5awITz2w1qod&WAT zEf6hS@17h1dd#vU$S;^dX8KKzJ~vjzbQOJ}ElZRx7(ZI`uqnGTsHOk@f|Zi-2O{2G z^A_QGr+4V@*_m^zcw}at@-j^rB{qTUaUcvqPm|={?5)D zs^xg_z^=2`+>UO(7Io0`^!0z-g82gc=A1{Kc}nnegdQ_oBXUBebL%WQ-kW`n8Kq+B zyqY%o#;eyeb1dA#rg{0~(x-(blbD1Sx*lCK+ji+UA=dPT{tMmj?f$w#UTtO9RFUtM ze``6Myo6_T1-^Xr#nR?Y*x3!&H~c#oviH%ulGAge1b23P4QsqpaPH>Z*MHWeBpRQa zxG;Y0Q}O=B%g;J`l5c+7tT4a4rq8XjO}E&|j%V|EwL}5MqGQHQ{5z{p|4le!u*mEr z2b-PoJrReq&rZ)uJ{z-GW#ep7js5yog68gLuAHCE7W>IjSmNjYyZO8F1FHk)pI@W> aOnQ5o+1gBn_E2DKFnGH9xvX - - - - +
→
+ +