-
Notifications
You must be signed in to change notification settings - Fork 45
/
Copy pathindex.html
184 lines (155 loc) · 8.72 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
---
events: true
# no layout since it's a main page with special navbar that will not be repeated
# nav_id: Home
# nav_weight: 10
# nav_nesting: true
---
<!DOCTYPE html>
<html lang="en">
<head>
{% include main_header.html %}
</head>
<body>
{% include top_brand.html %}
{% include navbar.html %}
<div class="container">
<div class="container">
<div class="row row-offcanvas row-offcanvas-right">
<div class="col-12 col-md-8">
<!-- Code for the news roll -->
<div class="swiper-pagination mt-1"></div>
<div class="jumbotron" style="padding: 12px">
<div class="swiper-container mt-4">
<div class="swiper-wrapper">
{% assign swiper-news_counter = 0 %}
{% for post in site.categories['news'] limit:20 %}
{% if post.categories contains 'swiper-news' and swiper-news_counter < 4 %}
{% assign swiper-news_id = post.id %}
{% assign swiper-news_counter = swiper-news_counter | plus:1 %}
<div class="swiper-slide">
<a href="{{site.url }}{{ post.url }}" style="color:inherit;"><span class="h4 mb-3">{{post.title}}</a></span>
{% if post.event-date != null and post.multi-day-event %}
<h5>Event start date: {{ post.event-date | date: "%Y/%m/%d" }}</h5>{%else%}<br>{% endif %}
{% if post.event-date != null and post.multi-day-event != true %}
<h5>Event date: {{ post.event-date | date: "%Y/%m/%d" }}</h5>{%else%}<br>{% endif %}
{% if post.image != null %}
{% if post.image-address != null %}<a href="{{ post.image-address | replace: '__SITE_URL__', site.url }}">{% else %}<a href="{{site.url }}{{ post.url }}">{% endif %}<img src="{{ post.image | replace: '__SITE_URL__', site.url }}" style="max-width:100%;;max-height:175px;height:auto;width:auto;" alt="{{post.image-alt}}" title="{{ post.image-alt }}"></a><br /><br />
{% endif %}
{% unless post.good-md %}
<a href="{{site.url }}{{ post.url }}" class="main-roll-link hidden-xs-down">
{{ post.excerpt | markdownify | strip_html | markdownify }}
</a>
{% else %}
<div class="hidden-xs-down">{{ post.excerpt | markdownify }}
</div>
{% if post.more-text != null %}<a class="btn btn-secondary h5" href="{{site.url }}{{ post.url }}" style="white-space: normal" role="button">{{ post.more-text }} »</a>{% endif %}{% include categories.html %}
{% endunless %}
</div>
{% endif %}
{% endfor %}
</div>
</div>
</div>
<!-- Swiper JS -->
<script src="../css/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
spaceBetween: 30,
centeredSlides: true,
autoplay: {
delay: 6500,
disableOnInteraction: true,
},
pagination: {
el: '.swiper-pagination',
clickable: true,
},
// navigation: {
// nextEl: '.swiper-button-next',
// prevEl: '.swiper-button-prev',
// },
});
</script>
{% assign major-news_counter = 0 %}
{% for post in site.categories['news'] limit:10 %}
{% if post.categories contains 'major-news' and major-news_counter == 0 %}
{% unless post.categories contains 'swiper-news' %}
{% assign major-news_id = post.id %}
{% assign major-news_counter = major-news_counter | plus:1 %}
<div class="jumbotron" style="background:#DADADA; padding: 12px">
<span class="{% if post.title.size<35 %}bodoni-h2{% else %}h2{% endif %} mb-3"><a href="{{site.url }}{{ post.url }}" style="color:inherit;">{{post.title}}</a></span>
{% if post.event-date != null and post.multi-day-event %}
<h5>Event start date: {{ post.event-date | date: "%Y/%m/%d" }}</h5>{%else%}<br>{% endif %}
{% if post.event-date != null and post.multi-day-event != true %}
<h5>Event date: {{ post.event-date | date: "%Y/%m/%d" }}</h5>{%else%}<br>{% endif %}
{% if post.image != null %}
{% if post.image-address != null %}<a href="{{ post.image-address | replace: '__SITE_URL__', site.url }}">{% else %}<a href="{{site.url }}{{ post.url }}">{% endif %}<img src="{{ post.image | replace: '__SITE_URL__', site.url }}" style="{% if post.image-wide != true %}max-width:70%;{% else %}max-width:100%;{% endif %};max-height:400px;height:auto;width:auto;" alt="{{post.image-alt}}" title="{{ post.image-alt }}"></a><br /><br />
{% endif %}
{{ post.excerpt | markdownify }}
{% if post.more-text != null %}<a class="btn btn-secondary h5" href="{{site.url }}{{ post.url }}" style="white-space: normal" role="button">{{ post.more-text }} »</a>{% endif %}{% include categories.html %}
</div>
{% endunless %}
{% endif %}
{% endfor %}
<div class="list-group h5 hidden-lg-up">
{% include front_page_link_list.html classes="orange-item" %}
</div>
<div class="list-group h5 hidden-lg-up">
<br />
</div>
{% assign usual-news-counter = 0 %}
<div class="row zebra-md">
{% for post in site.categories['news'] %}
{% unless post.categories contains 'swiper-news' %}
{% if post.id != major-news_id and post.hide-this-item != true and usual-news-counter <= 5 %}
{% assign usual-news-counter = usual-news-counter | plus:1 %}
<div class="col-12 col-lg-6 my-bordered-news-snippets">
<h3 class="mb-3 mt-3"><a href="{{site.url }}{{ post.url }}" style="color:inherit;">{{ post.title }}</a></h3>
{% if post.image != null %}
{% if post.image-address != null %}<a href="{{ post.image-address | replace: '__SITE_URL__', site.url }}">{% else %}<a href="{{site.url }}{{ post.url }}">{% endif %}<img src="{{ post.image | replace: '__SITE_URL__', site.url }}" alt="{{ post.image-alt }}" title="{{ post.image-alt }}" style="{% if post.image-wide != true %}max-width:70%;{% else %}max-width:100%;{% endif %};max-height:240px;height:auto;width:auto;" class="mb-3"></a>
{% endif %}
{% if post.event-date != null and post.multi-day-event %}
<h6>Event start date: {{ post.event-date | date: "%Y/%m/%d" }}</h6>{% endif %}
{% if post.event-date != null and post.multi-day-event != true %}
<h6>Event date: {{ post.event-date | date: "%Y/%m/%d" }}</h6>{% endif %}
<span class="hidden-xs-down">{{ post.excerpt | markdownify }}</span>
<p>{% if post.more-text != null %}<a class="btn btn-secondary h5" href="{{site.url }}{{ post.url }}" style="white-space: normal" role="button">{{ post.more-text }} »</a>{% endif %}{% include categories.html %}</p>
</div><!--/span-->
{% endif %}
{% endunless %}
{% endfor %}
<div class="col-lg-6"></div>
<div class="col-lg-6">
<a href="{{site.url}}/allnews/" class="h5 hidden-sm-down mt-4 list-group-item list-group-item-action" >All news and events »</a>
</div>
</div><!--/row-->
</div><!--/span-->
<!-- The main page's right menu -->
<div class="col-10 col-md-4 sidebar-offcanvas" id="sidebar">
<!-- Link group on the right -->
<br class="hidden-md-up">
<div class="list-group h5 hidden-md-down">
{% include front_page_link_list.html %}
</div>
<br class="hidden-md-down">
<!-- Unifying upcoming seminars calendar -->
{% if page.events %}
<h3>{{ site.new_seminars_label }} (<a href="{{site.url}}/calendar/">all</a>)</h3>
<!-- <div class="list-group-item h5 orange-item">In-person seminars are suspended until further notice due to COVID-19</div> -->
<div style="font-size:15px; margin: 0.5cm 0cm 0cm 0cm;" class="container">
<!-- {% include cal_main.js show_from="2014" show_to="2015" max_sem=300 max_from_cal=100 %} -->
{% include cal_main.js current="true" max_sem=12 max_from_cal=9 %}
</div>
{% endif %}
</div><!--/span-->
</div><!--/row-->
</div>
</div>
{% include footer.html %}
{%unless page.math == false %}{% include katex %}{% include mathjax %}{%endunless%}
{% include bootjs %}
{% include google-analytics.html %}{% include UVA_fonts.html %}
</body>
</html>