-
Notifications
You must be signed in to change notification settings - Fork 28
/
home.html
116 lines (108 loc) · 4.12 KB
/
home.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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
{% extends "base.html" %}
{% block content %}
<div class="container" id="home">
{{ page.content }}
<!--Featured Blog Post-->
<div class="c">
{% for blog in site.categories['blog'] | sort(attribute='datetime', reverse=True) if blog.featured %}
{% if loop.first %}
<div class="featured-blog">
<h3 class="featured-header">Featured Blog</h3>
{% if blog.image %}
<img class="thumbnail" src="{{blog.image.url}}"/>
{% endif %}
<div>
<h3 class="big-index-title"><a href="{{blog.url}}">{{
blog.title }}</a></h3>
{% set page = blog %}
{% include "metadata.html" %}
<div class="big-index-post">
{{blog.content|truncate(length=700)}}
</pre>
</code>
<a href="{{blog.url}}">more</a>
</div>
</div>
</div>
{% endif %}
{% endfor %}
</div>
<!--End Featured Blog Post-->
<div class="row">
<div class="events span5 columns">
<!--Upcoming Events-->
<h3>Upcoming Events</h3>
<ul>
{% for event in site.categories['events'] | sort(attribute='datetime') if event.datetime > site.datetime %}
<li class="list">
<h4>
<a href="{{ event.url }}">{{ event.title }}</a>
</h4>
<span class="metadata">
{% if event.location %}
{{ event.location }} |
{% endif %}
{{ event.date.strftime('%A %B %d, %Y') }}
</span>
<p>
{{ event.preview }}
</p>
</li>
{% endfor %}
</ul>
{% for event in site.categories['events'] | sort(attribute='datetime', reverse=True) %}
{% if loop.first and event.datetime < site.datetime %}
<p class="no-events">Check back soon for future events!</p>
{% endif %}
{% endfor %}
<!--End Upcoming Events-->
</div>
<!--Blog Posts-->
<div class="span10 columns recent-blogs">
<div class="big-index">
<h3 class="recent-blogs-header">Recent Blogs</h3>
<form class="sliding-btn" method="link" action="/blog/index.html">
<button class="btn info" id="sliding-all"><a href="/blog/index.html">All</a></button>
</form>
<noscript><div style="display:none;"</noscript>
<button href="#" class="btn info" id="sliding-prev-page">Prev</button>
<button href="#" class="btn info" id="sliding-next-page">Next</button>
<noscript></div></noscript>
<div class="sliding-index">
{% set featured = False %}
{% for blog in site.categories['blog'] | sort(attribute='datetime', reverse=True) %}
{% if blog.featured and not featured %}
{% set featured = True %}
{% else %}
{% if loop.index0 <= pagination.post_limit %}
<div class="sliding-index-page{{ loop.index0 // pagination.limit }}">
<!--Header Group-->
<h3 class="big-index-title"><a href="{{blog.url}}">{{ blog.title }}</a></h3>
{% set page = blog %}
{% include "metadata.html" %}
<!--End Header Group-->
<!--Blog Image-->
{% if blog.image %}
<div class="big-index">
<img src="{{blog.image.url}}"/>
</div>
{% endif %}
<!--End Blog Image-->
<!--Blog Preview Post-->
<div class="big-index-post">
{{blog.content|truncate(length=450)}}
<a href="{{blog.url}}">more</a>
</div >
<!--End Blog Preview Post-->
</div>
{% endif %}
{% endif %}
{% endfor %}
</div>
</div>
</div>
</div>
<!--End Blog Posts-->
</div>
</div>
{% endblock %}