hci-theme 0.1.1
Sign up to get free protection for your applications and to get access to all the features.
- 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 }}
|