Browse Source

activated pagination

master
Timm Szigat 6 years ago
parent
commit
1e27c99dd1
3 changed files with 64 additions and 1 deletions
  1. +2
    -0
      _config.yml
  2. +1
    -1
      _includes/header.html
  3. +61
    -0
      blog/index.html

+ 2
- 0
_config.yml View File

@ -10,3 +10,5 @@ url: "https://chaospott.de"
markdown: kramdown
permalink: /:year/:month/:day/:title
paginate: 5
gems: [jekyll-paginate]
paginate_path: "/blog/:num"

+ 1
- 1
_includes/header.html View File

@ -16,7 +16,7 @@
<ul class="nav navbar-nav">
<li><a href="/">Home</a></li>
<li class="divider-vertical"></li>
<li><a href="/blog.html">Logbuch</a></li>
<li><a href="/blog/">Logbuch</a></li>
<li class="divider-vertical"></li>
<li><a href="/#about">&Uuml;ber uns</a></li>
<li class="divider-vertical"></li>


+ 61
- 0
blog/index.html View File

@ -0,0 +1,61 @@
---
layout: default
---
<script src="js/elevator.js"></script>
{% for post in paginator.posts %}
{% if forloop.first == false %}
<hr>
{% endif %}
<div class="container">
<div class="row">
<div class="col-md-12 post">
<header class="post-header">
<h2 class="post-title">
<a href="{{ post.url | prepend: site.baseurl }}">
{{ post.title }}
</a>
</h2>
<p class="post-meta">
{{ post.date | date: "%b %-d, %Y" }}{% if post.author %} • {{ post.author }}{% endif %}{% if post.meta %} • {{ post.meta }}{% endif %}
</p>
</header>
<article class="post-content">
{{post.content}}
{% assign wordcount = post.content | number_of_words %}
{% if wordcount > 200 %}
<p>
<a class="btn btn-default" href="{{ post.url | prepend: site.baseurl }}" role="button">
&gt; Weiterlesen
</a>
</p>
{% endif %}
</article>
</div>
</div>
</div>
<div id="elevator-button{{ forloop.index0 }}" class="elevator-button"><i class="fa fa-arrow-up"></i></div>
<script>
// unfortunately elevator does not support a list of elements yet, hotfix for now, should be removed asap
// Elevator script: https://github.com/tholman/elevator.js
var elevator{{ forloop.index0 }} = new Elevator({
element: document.querySelector('#elevator-button{{ forloop.index0 }}'),
mainAudio: '/media/elevator-music.mp3', // Music from http://www.bensound.com/
endAudio: '/media/ding.mp3', // Music from http://www.bensound.com/
duration: {{ forloop.index | times: 500 }}
});
</script>
{% endfor %}
<div class="page-navigation" style="text-align:center">
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path }}">Zur&uuml;ck</a>
{% endif %}
| Seite {{ paginator.page }} von {{ paginator.total_pages }} |
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path }}">Vor</a>
{% endif %}
</div>

Loading…
Cancel
Save