Skip to content

Instantly share code, notes, and snippets.

@Phonbopit

Phonbopit/clean-blog.js

Last active August 29, 2015 14:07
Show Gist options
  • Save Phonbopit/db1db3590ba668bb69be to your computer and use it in GitHub Desktop.
Save Phonbopit/db1db3590ba668bb69be to your computer and use it in GitHub Desktop.
Download ZIP
Raw
clean-blog.js
(function ($) {
"use strict";
var MQL = 1170;
//primary navigation slide-in effect
if ($(window).width() > MQL) {
var headerHeight = $('.navbar-custom').height();
$(window).on('scroll', {
previousTop: 0
},
function() {
var currentTop = $(window).scrollTop();
//check if user is scrolling up
if (currentTop < this.previousTop) {
//if scrolling up...
if (currentTop > 0 && $('.navbar-custom').hasClass('is-fixed')) {
$('.navbar-custom').addClass('is-visible');
} else {
$('.navbar-custom').removeClass('is-visible is-fixed');
}
} else {
//if scrolling down...
$('.navbar-custom').removeClass('is-visible');
if (currentTop > headerHeight && !$('.navbar-custom').hasClass('is-fixed')) $('.navbar-custom').addClass('is-fixed');
}
this.previousTop = currentTop;
});
}
//hightlight.js
$("pre code").each(function(i, e) {hljs.highlightBlock(e); });
}(jQuery));
Raw
comment_disqus.hbs
<div class="row">
<div class="container">
<div class="col-md-12 text-center">
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'devahoy'; // required: replace example with your forum shortname
var disqus_identifier = '{{post.id}}';
/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
</div>
</div>
Raw
fb.hbs
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=1475043666088428&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="row">
<div class="container">
<div class="col-md-12 text-center">
<div class="fb-comments" data-href="{{@blog.url}}{{url}}" data-numposts="5" data-colorscheme="light"></div>
</div>
</div>
</div>
Raw
fb.html
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&appId=1475043666088428&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://example.com/comments" data-numposts="5" data-colorscheme="light"></div>
Raw
gp.hbs
<script src="https://apis.google.com/js/plusone.js">
</script>
<div class="row">
<div class="container">
<div class="col-md-12 text-center">
<div class="g-comments"
data-href="{{@blog.url}}{{url}}"
data-width="600"
data-first_party_property="BLOGGER"
data-view_type="FILTERED_POSTMOD">
</div>
</div>
</div>
</div>
Raw
hljs.html
<head>
<!-- Github CSS -->
<link href="{{asset "css/github.css"}}" ref="stylesheet">
</head>
<body>
<!-- highlight.js -->
<script src="{{asset "js/highlight.pack.js"}}"></script>
<!-- Custom Theme JavaScript -->
<script src="{{asset "js/clean-blog.js"}}"></script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment