hci-theme 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/_includes/block +61 -0
- data/_includes/faq +37 -0
- data/_includes/footer +48 -0
- data/_includes/image +35 -0
- data/_includes/youtube +13 -0
- data/_layouts/base.html +132 -0
- data/_layouts/post.html +28 -0
- data/_layouts/text.html +10 -0
- data/_sass/_base.scss +724 -0
- data/_sass/_bibsonomy.scss +124 -0
- data/_sass/_constants.scss +18 -0
- data/_sass/_icons.scss +90 -0
- data/_sass/_main.scss +5 -0
- data/_sass/_utilities.scss +25 -0
- data/bibsonomy.js +597 -0
- data/entry.jsx +353 -0
- data/extconf.rb +13 -0
- data/package.json +27 -0
- data/webpack.config.js +52 -0
- metadata +119 -0
checksums.yaml
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
---
|
|
2
|
+
SHA256:
|
|
3
|
+
metadata.gz: 7e61009dc3806049cb4d9dba05602aa7887615de679aaef9fc3846d15e266ab4
|
|
4
|
+
data.tar.gz: 81d21a5c5e55644b0029a9100ff98dd0796670a23f8d5f092f022af65587d094
|
|
5
|
+
SHA512:
|
|
6
|
+
metadata.gz: 2a06395ba82bf45799294edef6f19b5f93b9f76e95725de85e99778c010047c5f18662e9810391a9f54707c244c6586f331d026047611c0086b0025ba446f9c2
|
|
7
|
+
data.tar.gz: 4c98cc22c5312eaf8040707a84b07123ccb0d49ff92951fcfbb62e99381ea959ffe4f11cb2db74767dde6c5efc7c2b2b774cf898ce6542132a1327c54a99d3ae
|
data/_includes/block
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{% if include.external_url %}
|
|
2
|
+
{% assign url = include.external_url %}
|
|
3
|
+
{% elsif include.url %}
|
|
4
|
+
{% assign url = include.url | prepend: site.baseurl %}
|
|
5
|
+
{% endif %}
|
|
6
|
+
|
|
7
|
+
<div class="block {{ include.class }}">
|
|
8
|
+
{% if include.image %}
|
|
9
|
+
{% if include.imagedimension %}
|
|
10
|
+
{% assign dimension = include.imagedimension %}
|
|
11
|
+
{% else %}
|
|
12
|
+
{% assign dimension = "wide" %}
|
|
13
|
+
{% endif %}
|
|
14
|
+
{% if url %}
|
|
15
|
+
{% if url=="none" %}
|
|
16
|
+
{% imgsrcset src="include.image" dimension="dimension" sizes="(min-width: 1180px) 320px, (min-width: 980px) 260px, (min-width: 740px) 50vw, 100vw" class=include.imageclass style= %}
|
|
17
|
+
{% else %}
|
|
18
|
+
<a href="{{ url }}">
|
|
19
|
+
{% imgsrcset src="include.image" dimension="dimension" sizes="(min-width: 1180px) 500px, (min-width: 980px) 410px, (min-width: 740px) 50vw, 100vw" class=include.imageclass style= %}
|
|
20
|
+
</a>
|
|
21
|
+
{% endif %}
|
|
22
|
+
{% else %}
|
|
23
|
+
{% imgsrcset src="include.image" dimension="dimension" sizes="(min-width: 1180px) 320px, (min-width: 980px) 260px, (min-width: 740px) 50vw, 100vw" class=include.imageclass style= %}
|
|
24
|
+
{% endif %}
|
|
25
|
+
{% endif %}
|
|
26
|
+
{% if include.title %}
|
|
27
|
+
{% if url %}
|
|
28
|
+
{% if url=="none" %}
|
|
29
|
+
<div class="title">
|
|
30
|
+
{{ include.title }}
|
|
31
|
+
</div>
|
|
32
|
+
{% else %}
|
|
33
|
+
<a href="{{ url }}" class="title">
|
|
34
|
+
{{ include.title }}
|
|
35
|
+
</a>
|
|
36
|
+
{% endif %}
|
|
37
|
+
{% else %}
|
|
38
|
+
<div class="title">
|
|
39
|
+
{{ include.title }}
|
|
40
|
+
</div>
|
|
41
|
+
{% endif %}
|
|
42
|
+
{% endif %}
|
|
43
|
+
{% if include.teaser %}
|
|
44
|
+
<div class="text">
|
|
45
|
+
{{ include.teaser }}
|
|
46
|
+
</div>
|
|
47
|
+
{% endif %}
|
|
48
|
+
<div class="footer">
|
|
49
|
+
<div class="text">{% if site.language == "DE" %}{{ include.date | date: "%d.%m.%Y" }}{% else %}{{ include.meta }}{% endif %}</div>
|
|
50
|
+
{% if include.external_url %}
|
|
51
|
+
<a class="link" href="{{ include.external_url }}">
|
|
52
|
+
<i class="icon-right-open"></i>{% if site.language == "DE" %}Zur Webseite{% else %}Go to website{% endif %}
|
|
53
|
+
</a>
|
|
54
|
+
{% elsif url=="none" %}
|
|
55
|
+
{% elsif url %}
|
|
56
|
+
<a class="link" href="{{ url }}">
|
|
57
|
+
<i class="icon-right-open"></i>{% if site.language == "DE" %}Mehr{% else %}More{% endif %}
|
|
58
|
+
</a>
|
|
59
|
+
{% endif %}
|
|
60
|
+
</div>
|
|
61
|
+
</div>
|
data/_includes/faq
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
<div class="faq filterInput-targetElement">
|
|
2
|
+
<div class="question">
|
|
3
|
+
{{ include.question }}
|
|
4
|
+
</div>
|
|
5
|
+
<div class="answer">
|
|
6
|
+
{{ include.answer }}
|
|
7
|
+
</div>
|
|
8
|
+
<div class="footer">
|
|
9
|
+
<div class="tags">
|
|
10
|
+
{% for tag in include.tags %}
|
|
11
|
+
<div>
|
|
12
|
+
{{tag}}
|
|
13
|
+
</div>
|
|
14
|
+
{% endfor %}
|
|
15
|
+
</div>
|
|
16
|
+
<div class="date">
|
|
17
|
+
Stand:
|
|
18
|
+
{{ include.date | date: "%-d" }}.
|
|
19
|
+
{% assign m = include.date | date: "%m" %}
|
|
20
|
+
{% case m %}
|
|
21
|
+
{% when '01' %}Januar
|
|
22
|
+
{% when '02' %}Februar
|
|
23
|
+
{% when '03' %}März
|
|
24
|
+
{% when '04' %}April
|
|
25
|
+
{% when '05' %}Mai
|
|
26
|
+
{% when '06' %}Juni
|
|
27
|
+
{% when '07' %}Juli
|
|
28
|
+
{% when '08' %}August
|
|
29
|
+
{% when '09' %}September
|
|
30
|
+
{% when '10' %}Oktober
|
|
31
|
+
{% when '11' %}November
|
|
32
|
+
{% when '12' %}Dezember
|
|
33
|
+
{% endcase %}
|
|
34
|
+
{{ include.date | date: "%Y" }}
|
|
35
|
+
</div>
|
|
36
|
+
</div>
|
|
37
|
+
</div>
|
data/_includes/footer
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
<div class="page-footer">
|
|
2
|
+
<div class="page-footer-top">
|
|
3
|
+
<div class="column-layout">
|
|
4
|
+
<div>
|
|
5
|
+
<div class="title">
|
|
6
|
+
Follow our Social Media Channels
|
|
7
|
+
</div>
|
|
8
|
+
<div style="
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: space-between;
|
|
12
|
+
">
|
|
13
|
+
<a href="https://www.youtube.com/user/hciwuerzburg"><img src="{{ site.baseurl }}/assets/images/youtube.svg" style="max-width: 61px; margin: 7px 7px 0 1px; opacity: 0.8;"/></a>
|
|
14
|
+
<a href="https://www.facebook.com/hciwuerzburg"><img src="{{ site.baseurl }}/assets/images/facebook.png" style="max-width:97px; margin: 7px 7px 0 1px; opacity: 0.8;" /></a>
|
|
15
|
+
<a href="https://twitter.com/hci_wurzburg"><img src="{{ site.baseurl }}/assets/images/twitter.png" style="max-width: 54px; margin: 7px 60px 0 -8px; opacity: 0.8;" /></a>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
<div>
|
|
19
|
+
<div class="title">
|
|
20
|
+
<a href="{{ site.baseurl }}/contact/">Contact</a>
|
|
21
|
+
</div>
|
|
22
|
+
Lehrstuhl für<br/>
|
|
23
|
+
Mensch-Computer-Interaktion<br/>
|
|
24
|
+
Universität Würzburg<br/>
|
|
25
|
+
Am Hubland<br/>
|
|
26
|
+
97074 Würzburg<br/>
|
|
27
|
+
<br/>
|
|
28
|
+
Phone: +49 931 31-88244<br/>
|
|
29
|
+
Fax: +49 931 31-882440
|
|
30
|
+
</div>
|
|
31
|
+
<div>
|
|
32
|
+
<div class="title">
|
|
33
|
+
How to Find Us
|
|
34
|
+
</div>
|
|
35
|
+
<a href="https://wueaddress.uni-wuerzburg.de/search/map/3511">
|
|
36
|
+
{% imgsrcset src="general/map.jpg" dimension="wide" %}
|
|
37
|
+
</a>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
</div>
|
|
41
|
+
<div class="page-footer-bottom">
|
|
42
|
+
<div class="column-layout">
|
|
43
|
+
<div><a href="https://www.uni-wuerzburg.de">University Main Page</a></div>
|
|
44
|
+
<div><a href="http://www.uni-wuerzburg.de/startseite/">About the University</a></div>
|
|
45
|
+
<div><a href="https://www.uni-wuerzburg.de/sonstiges/kontakt/">University Contact</a></div>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
data/_includes/image
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
<div class="image {{ include.dimension }} {{ include.class }}" style="{{ include.style }}">
|
|
2
|
+
<div>
|
|
3
|
+
{% if include.sizes %}
|
|
4
|
+
{% assign sizes = include.sizes %}
|
|
5
|
+
{% else %}
|
|
6
|
+
{% assign sizes = "(min-width: 1180px) 1024px, (min-width: 980px) 844px, (min-width: 740px) 604, 100vw" %}
|
|
7
|
+
{% endif %}
|
|
8
|
+
|
|
9
|
+
{% assign srcset = "" | split: "|" %}
|
|
10
|
+
{% for width in site.widths %}
|
|
11
|
+
{% capture src %}{{ site.baseurl }}/bundled/images/{{ width }}/{{ include.src }} {{ width }}w{% endcapture %}
|
|
12
|
+
{% assign srcset = srcset | push: src %}
|
|
13
|
+
{% endfor %}
|
|
14
|
+
{% assign srcset = srcset | join: ", " %}
|
|
15
|
+
|
|
16
|
+
{% if include.caption %}
|
|
17
|
+
<figure>
|
|
18
|
+
<img
|
|
19
|
+
src = "{{ site.baseurl }}/bundled/images/{{ site.widths.first }}/{{ include.src }}"
|
|
20
|
+
alt = ""
|
|
21
|
+
sizes = "{{ sizes }}"
|
|
22
|
+
srcset = "{{ srcset }}"
|
|
23
|
+
/>
|
|
24
|
+
<figcaption>{{ include.caption }}</figcaption>
|
|
25
|
+
</figure>
|
|
26
|
+
{% else %}
|
|
27
|
+
<img
|
|
28
|
+
src = "{{ site.baseurl }}/bundled/images/{{ site.widths.first }}/{{ include.src }}"
|
|
29
|
+
alt = ""
|
|
30
|
+
sizes = "{{ sizes }}"
|
|
31
|
+
srcset = "{{ srcset }}"
|
|
32
|
+
/>
|
|
33
|
+
{% endif %}
|
|
34
|
+
</div>
|
|
35
|
+
</div>
|
data/_includes/youtube
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
{% if include.width %}
|
|
2
|
+
{% assign width = include.width %}
|
|
3
|
+
{% else %}
|
|
4
|
+
{% assign width = 640 %}
|
|
5
|
+
{% endif %}
|
|
6
|
+
|
|
7
|
+
{% if include.height %}
|
|
8
|
+
{% assign height = include.height %}
|
|
9
|
+
{% else %}
|
|
10
|
+
{% assign height = 360 %}
|
|
11
|
+
{% endif %}
|
|
12
|
+
|
|
13
|
+
<iframe width="{{ width }}" height="{{ height }}" src="https://www.youtube.com/embed/{{ include.id }}" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
data/_layouts/base.html
ADDED
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
|
|
3
|
+
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
7
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
8
|
+
|
|
9
|
+
<title>
|
|
10
|
+
{% if page.title %}
|
|
11
|
+
{{ page.title | append: " | " | append: site.title | escape }}
|
|
12
|
+
{% else %}
|
|
13
|
+
{{ site.title | escape }}
|
|
14
|
+
{% endif %}
|
|
15
|
+
</title>
|
|
16
|
+
|
|
17
|
+
<meta name="description" content="
|
|
18
|
+
{% if page.excerpt %}
|
|
19
|
+
{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}
|
|
20
|
+
{% endif %}">
|
|
21
|
+
|
|
22
|
+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
|
23
|
+
|
|
24
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
|
|
25
|
+
<link rel="stylesheet" href="{{ "/assets/css/hci-style.css" | prepend: site.baseurl }}">
|
|
26
|
+
|
|
27
|
+
{% if site.favicon %}
|
|
28
|
+
<link rel="icon" href="{{ site.favicon }}">
|
|
29
|
+
{% endif %}
|
|
30
|
+
|
|
31
|
+
<!-- Define Facebook parameters -->
|
|
32
|
+
{% if page.title %}
|
|
33
|
+
<meta property="og:title" content="{{ page.title | replace: '"', "'" }}">
|
|
34
|
+
{% endif %}
|
|
35
|
+
{% if page.image %}
|
|
36
|
+
<meta property="og:image" content="{{ site.url }}/assets/images/{{ site.widths | first }}/{{ page.image }}">
|
|
37
|
+
{% endif %}
|
|
38
|
+
{% if page.teaser %}
|
|
39
|
+
<meta property="og:description" content="{{ page.teaser | replace: '"', "'" }}">
|
|
40
|
+
{% endif %}
|
|
41
|
+
</head>
|
|
42
|
+
|
|
43
|
+
<body>
|
|
44
|
+
|
|
45
|
+
<header role="banner" class="page-header">
|
|
46
|
+
<div class="page-header__logo">
|
|
47
|
+
<a class="page-header__logo-link" title="Zur Startseite" href="http://www.uni-wuerzburg.de/startseite/">
|
|
48
|
+
<img src="{{ site.baseurl }}/assets/images/uni-wuerzburg-logo.svg" class="page-header__logo-full">
|
|
49
|
+
</a>
|
|
50
|
+
<img src="{{ site.baseurl }}/assets/images/uni-wuerzburg-header-background.png" class="page-header__logo-background">
|
|
51
|
+
</div>
|
|
52
|
+
</header>
|
|
53
|
+
|
|
54
|
+
<div class="page-hero">
|
|
55
|
+
<script type="text/javascript">
|
|
56
|
+
window.menu = [
|
|
57
|
+
{% for m in site.menu %}
|
|
58
|
+
{
|
|
59
|
+
title: "{{ m.title }}",
|
|
60
|
+
href: "{{ m.href }}",
|
|
61
|
+
{% if m.items %}
|
|
62
|
+
items: [
|
|
63
|
+
{% for sub_m in m.items %}
|
|
64
|
+
{
|
|
65
|
+
title: "{{ sub_m.title }}",
|
|
66
|
+
href: "{{ sub_m.href }}",
|
|
67
|
+
{% if sub_m.items %}
|
|
68
|
+
items: [
|
|
69
|
+
{% for sub_sub_m in sub_m.items %}
|
|
70
|
+
{
|
|
71
|
+
title: "{{ sub_sub_m.title }}",
|
|
72
|
+
href: "{{ sub_sub_m.href }}"
|
|
73
|
+
},
|
|
74
|
+
{% endfor %}
|
|
75
|
+
]
|
|
76
|
+
{% endif %}
|
|
77
|
+
},
|
|
78
|
+
{% endfor %}
|
|
79
|
+
]
|
|
80
|
+
{% endif %}
|
|
81
|
+
},
|
|
82
|
+
{% endfor %}
|
|
83
|
+
];
|
|
84
|
+
</script>
|
|
85
|
+
<div id="react-placeholder-navigation"></div>
|
|
86
|
+
|
|
87
|
+
{% if page.slides %}
|
|
88
|
+
{% assign slides = page.slides %}
|
|
89
|
+
{% else %}
|
|
90
|
+
{% assign slides = site.slides %}
|
|
91
|
+
{% endif %}
|
|
92
|
+
{% if slides.size > 1 %}
|
|
93
|
+
<div class="slick-element">
|
|
94
|
+
{% for slide in slides %}
|
|
95
|
+
{% if forloop.index == 1 %}
|
|
96
|
+
{% assign class = "" %}
|
|
97
|
+
{% imgsrcset src="slide" sizes="(min-width: 1180px) 1200, (min-width: 980px) 1020px, (min-width: 740px) 720px, 100vw" %}
|
|
98
|
+
{% else %}
|
|
99
|
+
{% imgsrcset src="slide" class="hide" sizes="(min-width: 1180px) 1200, (min-width: 980px) 1020px, (min-width: 740px) 720px, 100vw" %}
|
|
100
|
+
{% endif %}
|
|
101
|
+
{% endfor %}
|
|
102
|
+
</div>
|
|
103
|
+
{% elsif slides.size == 1 %}
|
|
104
|
+
<div class="single-slide">
|
|
105
|
+
{% assign first_image = slides.first %}
|
|
106
|
+
{% imgsrcset src="first_image" dimension="panorama"%}
|
|
107
|
+
</div>
|
|
108
|
+
{% endif %}
|
|
109
|
+
</div>
|
|
110
|
+
|
|
111
|
+
<div class="header-title">
|
|
112
|
+
<a href="{{ site.baseurl }}/">
|
|
113
|
+
{{ site.title }}
|
|
114
|
+
</a>
|
|
115
|
+
</div>
|
|
116
|
+
|
|
117
|
+
<div class="content">
|
|
118
|
+
<div class="content-breadcrumb" id="react-placeholder-breadcrumb" url="{{ site.baseurl }}{{ page.url }}"></div>
|
|
119
|
+
{{ content }}
|
|
120
|
+
</div>
|
|
121
|
+
|
|
122
|
+
{% include footer %}
|
|
123
|
+
|
|
124
|
+
<div class="u-centerContent u-margin-bottom-10 u-color-disabled">
|
|
125
|
+
<a href="https://www.hci.uni-wuerzburg.de/legal/" class="u-color-disabled">Legal Information</a>
|
|
126
|
+
</div>
|
|
127
|
+
|
|
128
|
+
<script type="text/javascript" src="{{ site.baseurl }}/assets/bundle.js" charset="utf-8"></script>
|
|
129
|
+
|
|
130
|
+
</body>
|
|
131
|
+
|
|
132
|
+
</html>
|
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: text
|
|
3
|
+
---
|
|
4
|
+
# {{ page.title }}
|
|
5
|
+
|
|
6
|
+
{% if site.language == "DE" %}
|
|
7
|
+
{{ page.date | date: "%-d" }}.
|
|
8
|
+
{% assign m = page.date | date: "%m" %}
|
|
9
|
+
{%- case m -%}
|
|
10
|
+
{% when '01' %}Januar
|
|
11
|
+
{% when '02' %}Februar
|
|
12
|
+
{% when '03' %}März
|
|
13
|
+
{% when '04' %}April
|
|
14
|
+
{% when '05' %}Mai
|
|
15
|
+
{% when '06' %}Juni
|
|
16
|
+
{% when '07' %}Juli
|
|
17
|
+
{% when '08' %}August
|
|
18
|
+
{% when '09' %}September
|
|
19
|
+
{% when '10' %}Oktober
|
|
20
|
+
{% when '11' %}November
|
|
21
|
+
{% when '12' %}Dezember
|
|
22
|
+
{%- endcase -%}
|
|
23
|
+
{{ page.date | date: "%Y" }}
|
|
24
|
+
{% else %}{{ page.date | date_to_string }}{% endif %}
|
|
25
|
+
|
|
26
|
+
{% unless page.blank == true %}{% imgsrcset src=page.image dimension="wide" %}{% endunless %}
|
|
27
|
+
|
|
28
|
+
{{ content }}
|