perro
/
perrotuerto.blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Share buttons test

This commit is contained in:
NikaZhenya 2018-10-04 15:11:02 -05:00
parent bb12d7c516
commit 29e351c7ab
8 changed files with 91 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
build.rb
View File

@ -91,7 +91,10 @@ def replace_content content, title = 'Main'
content.gsub!($mariana, "<a target=\"_blank\" href=\"https://marianaeguaras.com/blog/\">#{$mariana}</a>")
end
if title == 'Main' then content.gsub!('href="../', 'href="') end
if title == 'Main'
content.gsub!('href="../', 'href="')
content.gsub!('src="../', 'src="')
end
return content
end

BIN
ebooks/entry001.epub
View File

Binary file not shown.

BIN
ebooks/entry001.mobi
View File

Binary file not shown.

1
html/entry001.html
View File

@ -10,6 +10,7 @@
<link rel="alternate" type="application/rss+xml" href="https://blog.cliteratu.re/feed/" title="Publishing is Coding: Change My Mind">
<link type="text/css" rel="stylesheet" href="../css/core.css">
<link type="text/css" rel="stylesheet" href="../css/extra.css">
<script type="text/javascript" src="../js/main.js"></script>
</head>
<body>
<header>

1
index.html
View File

@ -10,6 +10,7 @@
<link rel="alternate" type="application/rss+xml" href="https://blog.cliteratu.re/feed/" title="Publishing is Coding: Change My Mind">
<link type="text/css" rel="stylesheet" href="css/core.css">
<link type="text/css" rel="stylesheet" href="css/extra.css">
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<header>

24
js/main.js Normal file
View File

@ -0,0 +1,24 @@
window.onload = function () {
var url = window.location.pathname,
file = url.split('/')[url.split('/').length - 1];
if (file != 'index.html') {
add_shares(url);
}
};
function add_shares (url) {
var section = document.getElementsByTagName('section')[0],
div = document.createElement('div'),
script = document.createElement('script');
div.id = 'social';
div.style.cssText = 'margin-top:1em;padding-top:1em;border-top:1px dashed gray;'
div.innerHTML += '<div id="mastodon-share"></div>';
div.innerHTML += '<a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-text="See: " data-url="' + url + '" data-via="_perroTuerto" data-hashtags="Publishing" data-lang="en" data-show-count="false">Tweet</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>';
div.innerHTML += '<h3 style="margin:0;color:gray;font-style:normal;">Comments</h3>';
section.appendChild(div);
script.src = '../js/mastodon.js';
section.appendChild(script);
}

60
js/mastodon.js Normal file
View File

@ -0,0 +1,60 @@
// Mastodon Share
// Create of DEADBLACKCLOVER
// License GNU GPL-3
var host = null,
message = null;
var mastodon = document.getElementById("mastodon-share");
mastodon.innerHTML = "<div><button id='mastodon-share-btn' onclick='viewHostMastodon()'></button></div>" +
"<div id='mastodon-share-host' hidden>"+
"<input id='mastodon-share-ipt' type='text' placeholder='Mastodon URL'>"+
"<button id='mastodon-share-share' onclick='getHostMastodon()'>OK</button>"+
"</div>";
var btn = document.getElementById("mastodon-share-btn");
btn.style.width = "120px";
btn.style.height = "30px";
btn.style.backgroundColor = "#282c37";
btn.style.backgroundImage = "url(https://joinmastodon.org/static/media/logo_full.97822390.svg)";
btn.style.backgroundSize = "75% 80%";
btn.style.backgroundRepeat = "no-repeat";
btn.style.backgroundPosition = "50% 50%";
btn.style.color = "#d9e1e8";
btn.style.border = "0";
btn.style.borderRadius = "5px";
var block = document.getElementById("mastodon-share-host");
block.style.marginTop = "5px";
block.style.backgroundColor = "#282c37";
block.style.width = "180px";
block.style.padding = "5px";
block.style.borderRadius = "5px";
var ipt = document.getElementById("mastodon-share-ipt");
ipt.style.width = "110px";
ipt.style.marginRight = "5px";
function getMessageMastodon(mes) {
message = mes;
}
function viewHostMastodon() {
block.hidden = false;
}
function getHostMastodon(){
host = ipt.value;
shareMastodon();
}
function shareMastodon() {
if(host && message){
host = 'https://' + host + '/share?text=' + message;
var newWin = window.open(host, "Mastodon", "width=430,height=320");
}
}

1
template/site/head.html
View File

@ -10,5 +10,6 @@
<link rel="alternate" type="application/rss+xml" href="$site_link$/feed/" title="$site_name$">
<link type="text/css" rel="stylesheet" href="../css/core.css">
<link type="text/css" rel="stylesheet" href="../css/extra.css">
<script type="text/javascript" src="../js/main.js"></script>
</head>
<body>