sr-rolando/rolandjesse.de
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fixes #75

Browse source
This commit is contained in:
Panos Sakkos 2015-11-22 22:08:49 +01:00
parent 3fffab87c2
commit 262c38ee85
7 changed files with 154 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

47
_includes/js.html
View file

@ -214,15 +214,44 @@ $(window).scroll(toggleNavCollapse);$(function(){$("a.page-scroll").bind("click"
{% endif %}
{% if page.section-type == "blog" or page.section-type == "post" %}
<script>
$(document).ready(function(){
if(!localStorage.getItem('swipeshowed')){
$("#swipe-instruction").modal();
localStorage.setItem('swipeshowed', true);
}
});
</script>
{% if page.section-type == "blog" %}
<!-- Swipe Instructions for Blog Start -->
<script>
$(document).ready(function(){
if(!localStorage.getItem('blog-swipeshowed')){
$("#swipe-instruction").fadeIn();
$("#swipe-instruction .close-swipe-instruction").click(function(){
$("#swipe-instruction").fadeOut();
});
localStorage.setItem('blog-swipeshowed', true);
}
});
</script>
<!-- Swipe Instructions for Blog End -->
{% endif %}
{% if page.section-type == "post" %}
<!-- Swipe Instructions for Post Start -->
<script>
$(document).ready(function(){
if(!localStorage.getItem('post-swipeshowed')){
$("#swipe-instruction").fadeIn();
$("#swipe-instruction .close-swipe-instruction").click(function(){
$("#swipe-instruction").fadeOut();
});
localStorage.setItem('post-swipeshowed', true);
}
});
</script>
<!-- Swipe Instructions for Post End -->
{% endif %}
<!-- Javascript End -->

18
_includes/navigation.html
View file

@ -13,7 +13,9 @@
<a class="navbar-brand" href="{{site.baseurl}}/">
{% endif %}
<div>
{% if site.black-favicon %}<img src="{{site.baseurl}}{{ site.black-favicon }}" alt="">{% endif %}
{% if site.black-favicon %}
<img src="{{site.baseurl}}{{ site.black-favicon }}" alt="">
{% endif %}
{{ site.title }}
</div>
</a>
@ -51,18 +53,4 @@
</div>
</nav>
{% if page.section-type == "blog" or page.section-type == "post" %}
<div id="swipe-instruction" class="modal fade">
<div class="modal-content container content-section text-center">
<div class="row">
<div>
<i id="hand-swipe" class="fa fa-hand-o-up"></i>
<p><strong>Hey!<br/>Did you know that you can navigate the archive pages by swiping left and right?<br>Check it out!</strong></p>
<button type="button" class="btn btn-default" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
{% endif %}
<!-- Navigation End -->

25
_includes/swipe-instructions.html Normal file
View file

@ -0,0 +1,25 @@
<!-- Swipe Instructions Start -->
<div id="swipe-instruction">
<div>
<p><br><br><br></p>
<i id="hand-swipe" class="fa fa-hand-o-up"></i>
<p><strong>
{% if page.section-type == "blog" %}
Did you know that you can navigate the archive pages by swiping left and right?
{% elsif page.section-type == "post" %}
Did you know that you can navigate the posts by swiping left and right?
{% endif %}
</strong></p>
<button type="button" class="btn btn-default ok-btn close-swipe-instruction">
{% if page.section-type == "blog" %}
Got it!
{% elsif page.section-type == "post" %}
Awesome!
{% endif %}
</button>
</div>
</div>
<!-- Swipe Instructions End -->