-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (85 loc) · 3.65 KB
/
index.html
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: home
---
<div id="articles" class="articles">
<div id="blog" class="panel">
<div class="row fullwidth">
<div class="large-6 columns text-right">
<h1>Articles</h1>
</div>
<div class="large-6 columns"></div>
</div>
</div>
{% for post in paginator.posts %}
{% if paginator.page != 1 %}
<article class="article {{ post.text_color }} {% if paginator.page != 1 %}poof{% else %}alapeanutbuttersandwiches{% endif %}" style="background-image: url({{ post.featured_image | prepend: site.url }});" data-stellar-background-ratio="0.2">
<div class="container" style="background: {{ post.bg_color }}">
<div class="row fullwidth">
<div class="large-2 columns">
</div>
<div class="large-4 columns text-right">
<h2><a class="post-link" href="{{ post.url | prepend: site.url }}">{{ post.title }}{% if post.title_secondary %}<br><span class="label secondary t50">{{ post.title_secondary }}</span>{% endif %}</a></h2>
</div>
<div class="large-4 columns hide-for-small">
<p class="lead">{{ post.excerpt | remove: '<p>' | remove: '</p>' | truncatewords: 60 }}</p>
<p><a class="post-link" href="{{ post.url | prepend: site.url }}">continue reading...</a></p>
</div>
<div class="large-2 columns">
<span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
</div>
</div>
</div>
</article>
{% else %}
<article class="article {{ post.text_color }} {% if paginator.page != 1 %}poof{% else %}alapeanutbuttersandwiches{% endif %}" style="background-size: cover; background-image: url({{ post.featured_image | prepend: site.url }});" data-stellar-background-ratio="0.3" data-stellar-vertical-offset="700">
<div class="container" style="background: {{ post.bg_color }};">
<div class="row fullwidth">
<div class="large-2 columns">
</div>
<div class="large-4 columns text-right">
<h2><a class="post-link" href="{{ post.url | prepend: site.url }}">{{ post.title }}{% if post.title_secondary %}<br><span class="label secondary t50">{{ post.title_secondary }}</span>{% endif %}
</a></h2>
</div>
<div class="large-4 columns hide-for-small">
<p class="lead">{{ post.excerpt | remove: '<p>' | remove: '</p>' | truncatewords: 60 }}</p>
<p><a class="post-link" href="{{ post.url | prepend: site.url }}">continue reading...</a></p>
</div>
<div class="large-2 columns">
<span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span>
</div>
</div>
</div>
</article>
{% endif %}
{% endfor %}
<hr>
{% if paginator.total_pages > 1 %}
<div class="row fullwidth">
<div class="large-8 large-centered columns text-center">
<ul class="pagination">
{% if paginator.previous_page %}
<li class="arrow"><a href="{{ paginator.previous_page_path | replace: '//', '/' }}">« Prev</a></li>
{% else %}
<li class="arrow unavailable"><span>« Prev</span></li>
{% endif %}
{% for page in (1..paginator.total_pages) %}
{% if page == paginator.page %}
<li class="current"><a><em>{{ page }}</em></a></li>
{% elsif page == 1 %}
<li><a href="{{ '/index.html' | replace: '//', '/' }}">{{ page }}</a></li>
{% else %}
<li><a href="{{ site.url }}/articles/{{ page }}">{{ page }}</a></li>
{% endif %}
{% endfor %}
{% if paginator.next_page %}
<li class="arrow"><a href="{{ paginator.next_page_path | replace: '//', '/' }}">Next »</a></li>
{% else %}
<li class="arrow unavailable"><span>Next »</span></li>
{% endif %}
</ul>
</div>
</div>
{% endif %}
</div>