vitalif-js
/
social-likes-nojq
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Move LiveJournal button to contrib.

master
Artem Sapegin 2013-09-22 22:55:47 +04:00
parent 28bc12d618
commit ca42fb746f
10 changed files with 107 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
contrib/css/livejournal.css Normal file
View File

@ -0,0 +1,29 @@
/** Author: Artem Sapegin, http://sapegin.me, 2012 */
.social-likes__button_livejournal {
background: #cadcf3;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #cadcf3));
background: -webkit-linear-gradient(top, #fff 0%, #cadcf3 100%);
background: -moz-linear-gradient(top, #fff 0%, #cadcf3 100%);
background: -o-linear-gradient(top, #fff 0%, #cadcf3 100%);
background: -ms-linear-gradient(top, #fff 0%, #cadcf3 100%);
background: linear-gradient(top, #fff 0%, #cadcf3 100%);
color: #5183b4;
border-color: rgba(182,216,246,0.8);
border-bottom-color: rgba(131,154,175,0.8);
}
.social-likes__button_livejournal:hover {
background: #dce2f5;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ecf1f7), color-stop(1, #bad2f0));
background: -webkit-linear-gradient(top, #ecf1f7 0%, #bad2f0 100%);
background: -moz-linear-gradient(top, #ecf1f7 0%, #bad2f0 100%);
background: -o-linear-gradient(top, #ecf1f7 0%, #bad2f0 100%);
background: -ms-linear-gradient(top, #ecf1f7 0%, #bad2f0 100%);
background: linear-gradient(top, #ecf1f7 0%, #bad2f0 100%);
color: #253759;
border-color: #b7cfe4;
border-bottom-color: #9caebe;
}
.social-likes__icon_livejournal {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABBVBMVEUAAAAAM2bAwMD///9uodQaSH+FYnt+X3eOZXx6XHYOMWCDYXtDYYVLao87UnkeS4IzUHhVcJNYjMA6apmZzvkkUYc1V38pXZRfkcKd0Pyh1f+YzfklUYcjQWwtXpBwpNhLfrFPgbKbzfqh1P+azvooVIoVPWtrn9Kl2f9KfbBRg7Sazfqi1f+ZzfonU4gdSoFpndBMf7JPgrOazfum2f+f1P8vW5IbSoFpntFNgLRNf7B/s+Z8telek8UAJVtonM9wo9ZEerBJZH6Jioe2o4qLhX0XRXxqndBalM53hI3/1pj/2Z7fuZEXRn1OicOIjY7/15r/zpr/05t7enzkwZP/1pzwypnA4MqSAAAAAXRSTlMAQObYZgAAAJJJREFUeF5EyyEPglAYheHzMi7eO6cJm82MTYO/3WbUaDTi6GzQ2Mf4BvBupzzbQUKSaSkTcXcQG1AMqSOxgvKi1T4dWSH0dgmnUM4CosT7m4M4M/czv1jdxDpOVUjyXflWTL3NQdz53Fxe5iDyB97TsnFggf9/2CEAZChEZDcbGDDAPAFiBAG1rAbSCBEEhSwIAHICG8xK35H0AAAAAElFTkSuQmCC");
background-position: 2px 2px;
}

2
contrib/github.html
View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<title>Social Likes GitHub button</title>
<link href="../social-likes.css" rel="stylesheet">
<link href="../social-likes_classic.css" rel="stylesheet">
<script src="http://yandex.st/jquery/1.9.1/jquery.min.js"></script>
<script src="../social-likes.min.js"></script>

0
src/styles/classic/icons/livejournal.png → contrib/icons/livejournal.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 489 B

After

Width:  |  Height:  |  Size: 489 B

49
contrib/livejournal.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="ru-RU">
<head>
<meta charset="utf-8">
<title>Social Likes LiveJournal button</title>
<link href="../social-likes_classic.css" rel="stylesheet">
<script src="http://yandex.st/jquery/1.9.1/jquery.min.js"></script>
<script src="../social-likes.min.js"></script>
<!-- GitHub button CSS -->
<link href="css/livejournal.css" rel="stylesheet">
</head>
<body>
<h3>LiveJournal button</h3>
<script>
// Don't forget to change your name and repo name: sapegin/social-likes
var socialLikesButtons = {
livejournal: {
click: function(e) {
var form = this._livejournalForm;
if (!form) {
var html = this.options.pageHtml
.replace(/&/g, '&amp;')
.replace(/"/g, '&quot;');
form = $(
'<form action="http://www.livejournal.com/update.bml" method="post" target="_blank" accept-charset="UTF-8">' +
'<input type="hidden" name="mode" value="full">' +
'<input type="hidden" name="subject" value="' + this.options.pageTitle + '">' +
'<input type="hidden" name="event" value="' + html + '">' +
'</form>'
);
this.widget.append(form);
this._livejournalForm = form;
}
form.submit();
}
}
};
</script>
<ul class="social-likes">
<li class="livejournal" title="Share on LiveJournal">LiveJournal</li>
</ul>
</body>
</html>

24
contrib/styles/livejournal.styl Normal file
View File

@ -0,0 +1,24 @@
/** Author: Artem Sapegin, http://sapegin.me, 2012 */
@import "nib/gradients"
@import "nib/vendor";
// Livejournal
.social-likes__button_livejournal {
background:#cadcf3;
background:linear-gradient(top, #fff, #cadcf3);
color:#5183b4;
border-color:hsla(208,78%,84%,.8);
border-bottom-color:hsla(209,22%,60%,.8);
}
.social-likes__button_livejournal:hover {
background:#dce2f5;
background:linear-gradient(top, #ecf1f7, #bad2f0);
color:#253759;
border-color:#b7cfe4;
border-bottom-color:#9caebe;
}
.social-likes__icon_livejournal {
background-image:embedurl('../icons/livejournal.png');
background-position:2px 2px;
}

3
src/Gruntfile.js
View File

@ -40,7 +40,8 @@ module.exports = function(grunt) {
},
contrib: {
files: {
'../contrib/css/github.css': '../contrib/styles/github.styl'
'../contrib/css/github.css': '../contrib/styles/github.styl',
'../contrib/css/livejournal.css': '../contrib/styles/livejournal.styl'
},
options: {
'urlfunc': 'embedurl',

8
src/demo.html
View File

@ -30,7 +30,6 @@ body {
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
<li class="plusone" data-counter="http://sapegin.ru/api/social-likes/googleplusonecount.php?url={url}&amp;callback=?" title="Опубликовать ссылку в Гугл-плюсе">Google+</li>
<li class="livejournal" title="Опубликовать ссылку в ЖЖ">LiveJournal</li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Пинтересте">Pinterest</li>
</ul>
@ -43,7 +42,6 @@ body {
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
<li class="plusone" data-counter="http://sapegin.ru/api/social-likes/googleplusonecount.php?url={url}&amp;callback=?" title="Опубликовать ссылку в Гугл-плюсе">Google+</li>
<li class="livejournal" title="Опубликовать ссылку в ЖЖ">LiveJournal</li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Пинтересте">Pinterest</li>
</ul>
</div>
@ -59,7 +57,6 @@ body {
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
<li class="plusone" title="Плюсануть в Гугле">Google+</li>
<li class="livejournal" data-title="Cвой текст для ЖЖ" title="Опубликовать ссылку в ЖЖ">LiveJournal</li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Pinterest">Pinterest</li>
</ul>
</td>
@ -73,7 +70,6 @@ body {
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
<li class="plusone" title="Плюсануть в Гугле">Google+</li>
<li class="livejournal" data-title="Cвой текст для ЖЖ" title="Опубликовать ссылку в ЖЖ">LiveJournal</li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Pinterest">Pinterest</li>
</ul>
</div>
@ -95,7 +91,6 @@ body {
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li>
<li class="plusone" title="Плюсануть в Гугле">Google+</li>
<li class="livejournal" title="Опубликовать ссылку в ЖЖ">LiveJournal</li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Pinterest">Pinterest</li>
</ul>
<ul class="social-likes social-likes_single" data-url="http://mail.ru/">
@ -105,7 +100,6 @@ body {
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте">Вконтакте</li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках">Одноклассники</li-->
<li class="plusone" title="Плюсануть в Гугле">Google+</li>
<!--li class="livejournal" title="Опубликовать ссылку в ЖЖ">LiveJournal</li-->
</ul>
<h3>Icons only</h3>
@ -116,7 +110,6 @@ body {
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте"></li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках"></li>
<li class="plusone" title="Плюсануть в Гугле"></li>
<li class="livejournal" data-title="Cвой текст для ЖЖ" title="Опубликовать ссылку в ЖЖ"></li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Pinterest"></li>
</ul>
@ -128,7 +121,6 @@ body {
<li class="vkontakte" title="Опубликовать ссылку во Вконтакте"></li>
<li class="odnoklassniki" title="Опубликовать ссылку в Одноклассниках"></li>
<li class="plusone" title="Плюсануть в Гугле"></li>
<li class="livejournal" data-title="Cвой текст для ЖЖ" title="Опубликовать ссылку в ЖЖ"></li>
<li class="pinterest" data-media="http://i.telegraph.co.uk/multimedia/archive/01882/mail-ru_1882101c.jpg" title="Опубликовать ссылку в Pinterest"></li>
</ul>

24
src/social-likes.js
View File

@ -101,30 +101,6 @@ var services = {
popupWidth: 700,
popupHeight: 500
},
livejournal: {
click: function(e) {
var form = this._livejournalForm;
if (!form) {
var html = this.options.pageHtml
.replace(/&/g, '&amp;')
.replace(/"/g, '&quot;');
form = $(template(
'<form action="http://www.livejournal.com/update.bml" method="post" target="_blank" accept-charset="UTF-8">' +
'<input type="hidden" name="mode" value="full">' +
'<input type="hidden" name="subject" value="{title}">' +
'<input type="hidden" name="event" value="{html}">' +
'</form>',
{
title: this.options.pageTitle,
html: html
}
));
this.widget.append(form);
this._livejournalForm = form;
}
form.submit();
}
},
pinterest: {
counterUrl: 'http://api.pinterest.com/v1/urls/count.json?url={url}&callback=?',
convertNumber: function(data) {

21
src/styles/classic/index.styl
View File

@ -347,27 +347,6 @@
}
// Livejournal
.social-likes__button_livejournal {
background:#cadcf3;
background:linear-gradient(top, #fff, #cadcf3);
color:#5183b4;
border-color:hsla(208,78%,84%,.8);
border-bottom-color:hsla(209,22%,60%,.8);
}
.social-likes__button_livejournal:hover {
background:#dce2f5;
background:linear-gradient(top, #ecf1f7, #bad2f0);
color:#253759;
border-color:#b7cfe4;
border-bottom-color:#9caebe;
}
.social-likes__icon_livejournal {
background-image:embedurl('icons/livejournal.png');
background-position:2px 2px;
}
// Pinterest
.social-likes__button_pinterest {
padding-left:20px;

2
src/styles/flat/index.styl
View File

@ -31,6 +31,8 @@
font-size:18px;
font-weight:bold;
color:#fff;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
// transition:border .1s ease-in-out, color .2s ease-in-out;
}