-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
101 lines (100 loc) · 4.6 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
---
layout: mosaic
---
<div uk-filter="target: .js-filter">
<div class="uk-container-fluid" uk-sticky="bottom: #offset;media: @m; cls-active: select-shadow">
<div class="uk-container uk-container-xlarge uk-background-muted" >
<div id="topic-selector" style="padding-bottom: 2ex; padding-top: 1ex;">
<div class="uk-grid-small uk-child-width-auto" uk-grid>
<div>
<ul class="uk-subnav uk-subnav-pill" uk-margin>
<li class="uk-active" uk-filter-control><a href="#">Alle</a></li>
</ul>
</div>
<div class="uk-text-nowrap ">
<span class="uk-active" uk-filter-control="sort: data-date; order: desc"><a href="#"
uk-icon="icon: arrow-down"></a></span>
<span uk-filter-control="sort: data-date;"><a class="uk-icon-link" href="#"
uk-icon="icon: arrow-up"></a></span>
</div>
<div id="topic-list">
<ul class="uk-subnav uk-subnav-pill" uk-margin>
{% for tag in site.data.tags %}
{% if tag[1].hide != true %}
<li uk-filter-control="filter: [data-tags*='{{ tag[0] }}']; group: data-tag">
<a href="#"><i class="{{ tag[1].icon }}"></i> {{ tag[1].titl }}</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="uk-container uk-container-xlarge">
<ul class="js-filter uk-child-width-1-1 uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-4@l"
uk-grid="masonry: true" uk-scrollspy="cls: uk-animation-slide-bottom; target: .uk-card; delay: 100;">
{% for link_hash in site.data.links %}
{% assign file = link_hash[0] %}
{% assign link = link_hash[1] %}
<li data-tags="{% for tag in link.tags %}{{ tag }} {% endfor %}" data-date="{{ link.datum }}"">
<div class=" uk-card uk-card-default">
{% if link.bild %}
<div class="uk-card-media-top">
<img style="width: 100%" data-src="{{"/assets/pic/" | append: file | append: ".jpeg" | relative_url }}" alt="" uk-img/>
</div>
{% endif %}
<div class="uk-card-body">
{% assign textsize = link.kurztext.size %}
<div class="sh-quote {% if textsize > 200 %}sh-quote-long{% endif %}{% if textsize > 400 %}er{% endif %}">{{ link.kurztext | markdownify }}
{% if link.text %}
<div style="font-size: 3rem;margin-bottom: -2rem;" class="uk-align-right"><a href="#popup-{{ file }}" uk-toggle><i class="fas fa-info-circle"></i></a></div>
{% endif %}
</div>
<div class="sh-author uk-margin-small-top"><div>{{ link.name }}</div>
<div class="uk-text-meta">
{% if link.funktion %}
{{ link.funktion }}
{% endif %}
{% if link.verein %}
<br/>{{ link.verein }}
{% endif %}
</div>
</div>
<div class="uk-position-top-right uk-padding-small sh-tags{% if link.whitetag %} sh-tag-white{% endif %}">
{% for tag in link.tags %}
<i class="{{ site.data.tags[tag].icon }}"></i>
{% endfor %}
</div>
{% if link.text %}
<div id="popup-{{ file }}" class="uk-flex-top" uk-modal>
<div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical">
<button class="uk-modal-close-default" type="button" uk-close></button>
{% if link.textbild %}
<div class="uk-card-media-top">
<img style="width: 100%" data-src="{{"/assets/pic/" | append: file | append: "-txt.jpeg" | relative_url }}" alt="" uk-img/>
</div>
{% endif %}
<h2 class="uk-modal-title">{{ link.titel }}</h2>
<div class="uk-margin-small-top"><div>{{ link.name }}</div>
<div class="uk-text-meta">
{% if link.funktion %}
{{ link.funktion }}
{% endif %}
{% if link.verein %}
<br/>{{ link.verein }}
{% endif %}
</div>
</div>
{{ link.text | markdownify }}
<!-- <div class="uk-text-right">{{ link.datum | date: "%d.%m.%Y" }}</div> -->
</div>
</div>
{% endif %}
</div>
</li>
{% endfor %}
</ul>
</div>
</div>