nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2025-01-18 19:00:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add anchor link to headers

Browse source
This commit is contained in:
Cornic Mathieu 2016-03-30 19:33:02 +02:00
parent 64f732ec17
commit b6c8ef14e0
2 changed files with 42 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
static/css/hugo-theme.css
View file

@ -136,3 +136,18 @@
.btn-default:active {
background-image: none !important;
}
/* anchors */
.anchor {
color: #00bdf3;
font-size: 0.5em;
cursor:pointer;
visibility:hidden;
margin-left: 0.5em;
position: absolute;
margin-top:0.1em;
}
h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
visibility:visible;
}

27
static/js/hugo-learn.js
View file

@ -55,4 +55,31 @@ images.each(function(index){
}
});
// Stick the top to the top of the screen when scrolling
$("#top-bar").stick_in_parent();
jQuery(document).ready(function() {
// Add link button for every
var text, clip = new Clipboard('.anchor');
$("h1~h2,h1~h3,h1~h4,h1~h5,h1~h6").append(function(index, html){
var element = $(this);
var url = document.location.origin + document.location.pathname;
var link = url + "#"+element[0].id;
console.log(link);
return " <span class='anchor' data-clipboard-text='"+link+"'>" +
"<i class='fa fa-link fa-lg'></i>" +
"</span>"
;
});
$(".anchor").on('mouseleave', function(e) {
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
});
clip.on('success', function(e) {
e.clearSelection();
$(e.trigger).attr('aria-label', 'Link copied to clipboard!').addClass('tooltipped tooltipped-s');
});
});