timkeller.github.io/index.html at master · timkeller/timkeller.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
---
layout: default
---

<!-- This loops through the paginated posts -->
{% for post in paginator.posts %}

<div class="article">
    {% if post.link %}
    <h2 class="title"><a href="{{ post.link }}" class="link" target="_blank">{{ post.title }}</a><span class="linkarrow"> →</span></h2>
    {% else %}
    <h2 class="title"><a href="{{ post.url }}">{{ post.title }}</a></h2>
    {% endif %}

    <p class="meta">

        <time datetime="{{ post.date | date_to_xmlschema }}" pubdate="pubdate">{{ post.date | date_to_long_string }}</time> &middot; <a class="permalink" title="Permalink" href="{{ post.url }}">Permalink</a>{% if post.flickr_set_url %} &middot; <a href="{{ post.flickr_set_url }}">Flickr Set</a>{% endif %}
    </p>

    <div id="{% if post.layout == 'gallery' %}gallery{% else %}post{% endif %}">
    {{ post.content }}
    </div>
</div>
<hr>

{% endfor %}

<!-- Pagination links -->


<div id="post-pagination" class="pagination">
    <ul class="pages">

    {% if paginator.previous_page %}
        <li class="page">
            {% if paginator.previous_page == 1 %}
                <a href="/">Previous</a>
            {% else %}
                <a href="{{ paginator.previous_page_path }}">Previous</a>
            {% endif %}
        </li>
    {% else %}
        <li class="page">
            <span>Previous</span>
        </li>
    {% endif %}

    {% if paginator.page == 1 %}
        <li class="page"><span class="current-page">1</span></li>
    {% else %}
        <li class="page"><a href="/">1</a></li>
    {% endif %}

    {% if paginator.page > 4 %}
    <li class="dotdotdot">
        ...
    </li>
    {% endif %}

    {% if paginator.page > 3 %}
    <li class="page">
        <a href="/page{{ paginator.page | minus:2 }}">{{ paginator.page | minus:2 }}</a>
    </li>
    {% endif %}

    {% if paginator.page > 2 %}
    <li class="page">
        <a href="/page{{ paginator.page | minus:1 }}">{{ paginator.page | minus:1 }}</a>
    </li>
    {% endif %}

    {% if paginator.page != 1 %}
    <li class="page">
        <span class="current-page">{{ paginator.page }}</span>
    </li>
    {% endif %}

    <li class="page">
        <a href="/page{{ paginator.page | plus:1 }}">{{ paginator.page | plus:1 }}</a>
    </li>

    <li class="page">
        <a href="/page{{ paginator.page | plus:2 }}">{{ paginator.page | plus:2 }}</a>
    </li>

    <li class="dotdotdot">
        ...
    </li>


  {% if paginator.next_page %}
    <li class="page">
      <a href="{{ paginator.next_page_path }}">Next</a>
    </li>
  {% else %}
    <li class="page">
      <span>Next</span>
    </li>
  {% endif %}
  </ul>

</div>