jekyll-nagymaros 2.0.1 → 2.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/_includes/footer.html +1 -1
- data/_layouts/program.html +76 -86
- data/_sass/_elements.scss +1 -1
- data/_sass/_utilities.scss +23 -1
- data/_sass/overrides/_bootstrap.scss +105 -0
- data/assets/css/styles.scss +23 -0
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: cfea4cbb2998e19a1bf73a2a7e3a8a1e5a08adb1078accbb0bf1923e81833097
|
4
|
+
data.tar.gz: 1e29022390140b07716ff117d509a0dc098267d79bfa325d57d7d8d1b17bf6a6
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 5af86c496fe5f62235cd441bd99dc9f41f1f73f57449d20d3845d75c4df21eb1709ec52df1f70af9af646dd542cf59f12636eb8820c64757e4b43837d48cf460
|
7
|
+
data.tar.gz: 2704e5e470dbe4d01aeb76028e3e0d476164328fa4f379836b0e57a182477afbe7d9aad0fc2ab7ec44ec2b4f3bc647a92990beb077be2526a444a22a61ab9eb5
|
data/README.md
CHANGED
@@ -9,7 +9,7 @@ Nagymaros is a [Jekyll](https://jekyllrb.com) theme designed for conferences, wo
|
|
9
9
|
|
10
10
|
The theme is based on [Bootstrap 5](https://getbootstrap.com/), which makes it mobile-first and fully responsive. Body text is set in Inter, a clean sans-serif typeface that guarantees readability at small screen sizes. A slab-serif typeface, Zilla Slab, is used instead in display headings. The layout is adapted from [jekyll-conference-theme](https://github.com/DigitaleGesellschaft/jekyll-theme-conference) and remains quite similar to it, but compared to this theme, Nagymaros aims to be simpler and easier to customize.
|
11
11
|
|
12
|
-
See the [demo](https://jekyll-nagymaros
|
12
|
+
See the [demo](https://piazzai.github.io/jekyll-nagymaros/) to find out what the theme looks like.
|
13
13
|
|
14
14
|
![](https://github.com/piazzai/jekyll-nagymaros/blob/master/screenshot.png)
|
15
15
|
|
data/_includes/footer.html
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{% assign year = site.time | date: '%Y' %}
|
2
2
|
{% if site.copyright and site.copyright != '' %}
|
3
3
|
<footer class="container mb-4">
|
4
|
-
<small class="text-muted"
|
4
|
+
<small class="text-muted">© {{ year }} {{ site.copyright }}. All rights reserved.</small>
|
5
5
|
</footer>
|
6
6
|
{% endif %}
|
data/_layouts/program.html
CHANGED
@@ -12,103 +12,93 @@ layout: default
|
|
12
12
|
{% if site.data.program %}
|
13
13
|
<hr class="my-4">
|
14
14
|
<div class="row">
|
15
|
-
|
16
|
-
{% if size > 1 %}
|
17
|
-
<div class="col-lg-2">
|
18
|
-
{% assign directions = 'horizontal, vertical' | split: ', ' %}
|
19
|
-
{% for direction in directions %}
|
20
|
-
{% if direction == 'horizontal' %}
|
21
|
-
{% assign classes = 'd-block d-lg-none text-center mb-3' %}
|
22
|
-
{% assign control = 'btn-group' %}
|
23
|
-
{% else %}
|
24
|
-
{% assign classes = 'd-none d-lg-block' %}
|
25
|
-
{% assign control = 'btn-group-vertical' %}
|
26
|
-
{% endif %}
|
27
|
-
<div class="{{ classes }}">
|
28
|
-
<div class="btn {{ control }} p-0 aos-init aos-animate" role="tablist" data-aos="fade-up">
|
29
|
-
{% for day in site.data.program.days %}
|
30
|
-
{% assign id = forloop.index | prepend: 'day-' %}
|
31
|
-
{% assign classes = 'btn btn-secondary' %}
|
32
|
-
{% if forloop.first %}
|
33
|
-
{% assign classes = classes | append: ' active' %}
|
34
|
-
{% endif %}
|
35
|
-
<button type="button" class="{{ classes }}" data-bs-toggle="tab" data-bs-target="#{{ id }}" role="tab" aria-controls="{{ id }}" aria-selected="true">
|
36
|
-
<span class="fs-5">{{ day.name }}</span>
|
37
|
-
</button>
|
38
|
-
{% endfor %}
|
39
|
-
</div>
|
40
|
-
</div>
|
41
|
-
{% endfor %}
|
42
|
-
</div>
|
43
|
-
{% assign width = 10 %}
|
44
|
-
{% else %}
|
45
|
-
{% assign width = 12 %}
|
46
|
-
{% endif %}
|
47
|
-
<div class="col-lg-{{ width }}">
|
15
|
+
<div class="accordion">
|
48
16
|
{% for day in site.data.program.days %}
|
49
|
-
{% assign
|
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
|
-
|
17
|
+
{% assign slug = day.name | slugify %}
|
18
|
+
<div class="accordion-item">
|
19
|
+
<h5 class="accordion-header">
|
20
|
+
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ slug }}" aria-expanded="false" aria-controls="{{ slug }}">
|
21
|
+
<span class="h5 m-0">{{ day.name }}</span>
|
22
|
+
</button>
|
23
|
+
</h5>
|
24
|
+
<div id="{{ slug }}" class="accordion-collapse collapse">
|
25
|
+
<div class="accordion-body mt-2">
|
26
|
+
{% assign categories = site.data.program.legend.categories %}
|
27
|
+
<ul class="list-unstyled ms-3 ms-lg-0 lh-sm">
|
28
|
+
{% for event in day.events %}
|
29
|
+
{% if event.category %}
|
30
|
+
{% assign category = categories | find: 'name', event.category %}
|
31
|
+
{% assign color = category.color %}
|
32
|
+
{% else %}
|
33
|
+
{% assign color = 'gray-4' %}
|
34
|
+
{% endif %}
|
35
|
+
{% assign start = event.time | split: ' to ' | slice: 0 %}
|
36
|
+
{% assign end = event.time | split: ' to ' | slice: 1 %}
|
37
|
+
<li class="d-flex flex-column flex-lg-row">
|
38
|
+
{% assign classes = color | prepend: 'border-start border-3 border-' %}
|
39
|
+
<div class="row col-lg-2 pb-2 {{ classes }} border-lg-0">
|
40
|
+
<small class="fw-light text-muted">{{ start }}–{{ end }}</small>
|
41
|
+
</div>
|
42
|
+
{% unless forloop.last %}
|
43
|
+
{% assign classes = classes | append: ' mb-4' %}
|
44
|
+
{% endunless %}
|
45
|
+
<div class="row col-lg-10 {{ classes }}">
|
46
|
+
<h5 class="fw-normal m-0 mb-2">{{ event.title }}</h5>
|
47
|
+
<p class="fw-light m-0">{{ event.subtitle }}</p>
|
48
|
+
<p class="fw-light m-0">
|
49
|
+
{% if event.paper.first %}
|
50
|
+
{% for paper in event.paper %}
|
51
|
+
<a href="{{ paper }}" target="_blank">[Paper {{ forloop.index }}]</a>
|
52
|
+
{% endfor %}
|
53
|
+
{% elsif event.paper %}
|
54
|
+
<a href="{{ event.paper }}" target="_blank">[Paper]</a>
|
55
|
+
{% endif %}
|
56
|
+
{% if event.poster.first %}
|
57
|
+
{% for poster in event.poster %}
|
58
|
+
<a href="{{ poster }}" target="_blank">[Poster {{ forloop.index }}]</a>
|
59
|
+
{% endfor %}
|
60
|
+
{% elsif event.poster %}
|
61
|
+
<a href="{{ event.poster }}" target="_blank">[Poster]</a>
|
62
|
+
{% endif %}
|
63
|
+
{% if event.slides.first %}
|
64
|
+
{% for slides in event.slides %}
|
65
|
+
<a href="{{ slides }}" target="_blank">[Slides {{ forloop.index }}]</a>
|
66
|
+
{% endfor %}
|
67
|
+
{% elsif event.slides %}
|
68
|
+
<a href="{{ event.slides }}" target="_blank">[Slides]</a>
|
69
|
+
{% endif %}
|
70
|
+
</p>
|
71
|
+
</div>
|
72
|
+
</li>
|
73
|
+
{% endfor %}
|
74
|
+
</ul>
|
89
75
|
{% assign legend = day.events | map: 'category' | compact | uniq %}
|
90
76
|
{% assign size = legend | size %}
|
91
77
|
{% if size > 0 %}
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
78
|
+
<div class="mt-4 mb-2">
|
79
|
+
{% if site.data.program.legend.title %}
|
80
|
+
<h5 class="fw-normal">{{ site.data.program.legend.title }}</h5>
|
81
|
+
{% endif %}
|
82
|
+
{% for item in legend %}
|
83
|
+
{% assign border = categories | where: 'name', item | map: 'color' | first %}
|
84
|
+
{% assign bg = border | split: '-' | first | prepend: 'bg-' | append: '-1' %}
|
85
|
+
{% assign classes = border | prepend: ' border-' | prepend: bg %}
|
86
|
+
{% unless forloop.last %}
|
87
|
+
{% assign classes = classes | append: ' me-lg-2' %}
|
88
|
+
{% endunless %}
|
89
|
+
{% if border %}
|
90
|
+
<small class="d-block d-lg-inline-block mt-2 px-3 py-1 border-start border-3 {{ classes }}">{{ item | upcase }}</small>
|
91
|
+
{% endif %}
|
92
|
+
{% endfor %}
|
93
|
+
</div>
|
103
94
|
{% endif %}
|
104
95
|
</div>
|
105
96
|
</div>
|
106
97
|
</div>
|
107
98
|
{% endfor %}
|
108
99
|
</div>
|
100
|
+
{% endif %}
|
109
101
|
</div>
|
110
|
-
{% endif %}
|
111
|
-
</div>
|
112
102
|
</main>
|
113
103
|
|
114
104
|
{% include footer.html %}
|
data/_sass/_elements.scss
CHANGED
data/_sass/_utilities.scss
CHANGED
@@ -11,7 +11,15 @@ $colors: (
|
|
11
11
|
"green",
|
12
12
|
"lime",
|
13
13
|
"yellow",
|
14
|
-
"orange"
|
14
|
+
"orange",
|
15
|
+
);
|
16
|
+
|
17
|
+
$breaks: (
|
18
|
+
"sm": 576,
|
19
|
+
"md": 768,
|
20
|
+
"lg": 992,
|
21
|
+
"xl": 1200,
|
22
|
+
"xxl": 1400,
|
15
23
|
);
|
16
24
|
|
17
25
|
@each $color in $colors {
|
@@ -41,3 +49,17 @@ $colors: (
|
|
41
49
|
}
|
42
50
|
}
|
43
51
|
}
|
52
|
+
|
53
|
+
@each $break, $break-value in $breaks {
|
54
|
+
@media (min-width: #{$break-value}px) {
|
55
|
+
.border-#{$break}-0 {
|
56
|
+
border-width: 0 !important;
|
57
|
+
}
|
58
|
+
|
59
|
+
@for $width from 1 through 5 {
|
60
|
+
.border-#{$break}-#{$width} {
|
61
|
+
border-width: #{$width}px !important;
|
62
|
+
}
|
63
|
+
}
|
64
|
+
}
|
65
|
+
}
|
@@ -7,6 +7,34 @@ a {
|
|
7
7
|
}
|
8
8
|
}
|
9
9
|
|
10
|
+
.accordion-item {
|
11
|
+
border-color: $accordion-item_border;
|
12
|
+
border-width: 0.15rem;
|
13
|
+
color: inherit;
|
14
|
+
background-color: transparent;
|
15
|
+
}
|
16
|
+
|
17
|
+
.accordion-button {
|
18
|
+
color: inherit;
|
19
|
+
background-color: $accordion-button_bg;
|
20
|
+
|
21
|
+
&:focus {
|
22
|
+
box-shadow: none;
|
23
|
+
}
|
24
|
+
|
25
|
+
&:not(.collapsed) {
|
26
|
+
background-color: $accordion-button_bg;
|
27
|
+
box-shadow: none;
|
28
|
+
color: inherit;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
.alert-primary {
|
33
|
+
background-color: $alert-primary_bg;
|
34
|
+
border-color: transparent !important;
|
35
|
+
color: inherit;
|
36
|
+
}
|
37
|
+
|
10
38
|
body {
|
11
39
|
background-color: $body_bg;
|
12
40
|
color: $body_color;
|
@@ -14,6 +42,27 @@ body {
|
|
14
42
|
font-size: 1.15rem;
|
15
43
|
}
|
16
44
|
|
45
|
+
.btn-close:focus {
|
46
|
+
box-shadow: none;
|
47
|
+
}
|
48
|
+
|
49
|
+
.btn-outline-primary {
|
50
|
+
border-color: $btn-outline-primary_border !important;
|
51
|
+
color: $btn-outline-primary_color !important;
|
52
|
+
|
53
|
+
&:hover,
|
54
|
+
&:active,
|
55
|
+
&.active {
|
56
|
+
background-color: $btn-outline-primary_hover_bg !important;
|
57
|
+
color: $btn-outline-primary_hover_color !important;
|
58
|
+
}
|
59
|
+
|
60
|
+
&.disabled {
|
61
|
+
border-color: $btn-outline-primary_disabled_border !important;
|
62
|
+
color: $btn-outline-primary_disabled_color !important;
|
63
|
+
}
|
64
|
+
}
|
65
|
+
|
17
66
|
.btn-primary {
|
18
67
|
background-color: $btn-primary_bg !important;
|
19
68
|
border-color: transparent !important;
|
@@ -42,12 +91,57 @@ body {
|
|
42
91
|
}
|
43
92
|
}
|
44
93
|
|
94
|
+
caption {
|
95
|
+
color: $caption_color;
|
96
|
+
}
|
97
|
+
|
98
|
+
.card {
|
99
|
+
border-color: $card_border;
|
100
|
+
border-width: 0.15rem;
|
101
|
+
color: inherit;
|
102
|
+
background-color: transparent;
|
103
|
+
}
|
104
|
+
|
105
|
+
.card-footer,
|
106
|
+
.card-header {
|
107
|
+
border-width: 0;
|
108
|
+
color: inherit;
|
109
|
+
background-color: $card-header_bg;
|
110
|
+
}
|
111
|
+
|
112
|
+
.card-body,
|
113
|
+
.card-title {
|
114
|
+
color: inherit;
|
115
|
+
}
|
116
|
+
|
45
117
|
@for $level from 1 through 6 {
|
46
118
|
.display-#{$level} {
|
47
119
|
font-family: "Zilla Slab", var(--bs-font-sans-serif);
|
48
120
|
}
|
49
121
|
}
|
50
122
|
|
123
|
+
.form-control {
|
124
|
+
color: $form-control_color;
|
125
|
+
background-color: $form-control_bg;
|
126
|
+
border: var(--bs-border-width) solid $form-control_border;
|
127
|
+
}
|
128
|
+
|
129
|
+
.form-control:focus {
|
130
|
+
color: $form-control_focus_color;
|
131
|
+
background-color: $form-control_focus_bg;
|
132
|
+
border-color: $form-control_focus_border;
|
133
|
+
box-shadow: 0 0 0 0.25rem $form-control_focus_shadow;
|
134
|
+
}
|
135
|
+
|
136
|
+
.form-control::-moz-placeholder,
|
137
|
+
.form-control::placeholder {
|
138
|
+
color: $form-control_placeholder;
|
139
|
+
}
|
140
|
+
|
141
|
+
.invalid-feedback {
|
142
|
+
color: $invalid-feedback;
|
143
|
+
}
|
144
|
+
|
51
145
|
.lead {
|
52
146
|
font-size: 1.5rem;
|
53
147
|
}
|
@@ -68,6 +162,17 @@ body {
|
|
68
162
|
}
|
69
163
|
}
|
70
164
|
|
165
|
+
svg {
|
166
|
+
fill: $svg_fill;
|
167
|
+
}
|
168
|
+
|
169
|
+
.table td {
|
170
|
+
border-color: $table_td_border;
|
171
|
+
border-width: 0 0 0.15rem 0;
|
172
|
+
color: inherit;
|
173
|
+
background-color: transparent;
|
174
|
+
}
|
175
|
+
|
71
176
|
.text-muted {
|
72
177
|
color: $text-muted_color !important;
|
73
178
|
|
data/assets/css/styles.scss
CHANGED
@@ -7,8 +7,17 @@
|
|
7
7
|
|
8
8
|
$a_color: var(--oc-{{ site.data.skin.a.color | default: 'blue-7' }});
|
9
9
|
$a_hover: var(--oc-{{ site.data.skin.a.hover | default: 'blue-9' }});
|
10
|
+
$accordion-button_bg: var(--oc-{{ site.data.skin.accordion-button.bg | default: 'gray-2' }});
|
11
|
+
$accordion-item_border: var(--oc-{{ site.data.skin.accordion-item.border | default: 'gray-2' }});
|
12
|
+
$alert-primary_bg: var(--oc-{{ site.data.skin.alert-primary.bg | default: 'blue-1' }});
|
10
13
|
$body_bg: var(--oc-{{ site.data.skin.body.bg | default: 'gray-0' }});
|
11
14
|
$body_color: var(--oc-{{ site.data.skin.body.color | default: 'gray-8' }});
|
15
|
+
$btn-outline-primary_border: var(--oc-{{ site.data.skin.btn-outline-primary.border | default: 'blue-5' }});
|
16
|
+
$btn-outline-primary_color: var(--oc-{{ site.data.skin.btn-outline-primary.color | default: 'blue-5' }});
|
17
|
+
$btn-outline-primary_hover_bg: var(--oc-{{ site.data.skin.btn-outline-primary.hover.bg | default: 'blue-5' }});
|
18
|
+
$btn-outline-primary_hover_color: var(--oc-{{ site.data.skin.btn-outline-primary.hover.color | default: 'gray-0' }});
|
19
|
+
$btn-outline-primary_disabled_border: var(--oc-{{ site.data.skin.btn-outline-primary.disabled.border | default: 'blue-3' }});
|
20
|
+
$btn-outline-primary_disabled_color: var(--oc-{{ site.data.skin.btn-outline-primary.disabled.color | default: 'blue-3' }});
|
12
21
|
$btn-primary_bg: var(--oc-{{ site.data.skin.btn-primary.bg | default: 'blue-5' }});
|
13
22
|
$btn-primary_color: var(--oc-{{ site.data.skin.btn-primary.color | default: 'gray-0' }});
|
14
23
|
$btn-primary_hover: var(--oc-{{ site.data.skin.btn-primary.hover | default: 'blue-7' }});
|
@@ -16,10 +25,24 @@ $btn-primary_disabled: var(--oc-{{ site.data.skin.btn-primary.disabled | default
|
|
16
25
|
$btn-secondary_bg: var(--oc-{{ site.data.skin.btn-secondary.bg | default: 'gray-4' }});
|
17
26
|
$btn-secondary_color: var(--oc-{{ site.data.skin.btn-secondary.color | default: 'gray-0' }});
|
18
27
|
$btn-secondary_hover: var(--oc-{{ site.data.skin.btn-secondary.hover | default: 'gray-6' }});
|
28
|
+
$caption_color: var(--oc-{{ site.data.skin.caption.color | default: 'gray-6' }});
|
29
|
+
$card_border: var(--oc-{{ site.data.skin.card.border | default: 'gray-2' }});
|
30
|
+
$card-header_bg: var(--oc-{{ site.data.skin.card-header.bg | default: 'gray-2' }});
|
31
|
+
$form-control_bg: var(--oc-{{ site.data.skin.form-control.bg | default: 'gray-0' }});
|
32
|
+
$form-control_color: var(--oc-{{ site.data.skin.form-control.color | default: 'gray-9' }});
|
33
|
+
$form-control_border: var(--oc-{{ site.data.skin.form-control.border | default: 'gray-3' }});
|
34
|
+
$form-control_focus_bg: var(--oc-{{ site.data.skin.form-control.focus.bg | default: 'gray-0' }});
|
35
|
+
$form-control_focus_color: var(--oc-{{ site.data.skin.form-control.focus.color | default: 'gray-9' }});
|
36
|
+
$form-control_focus_border: var(--oc-{{ site.data.skin.form-control.focus.border | default: 'blue-2' }});
|
37
|
+
$form-control_focus_shadow: var(--oc-{{ site.data.skin.form-control.focus.shadow | default: 'blue-1' }});
|
38
|
+
$form-control_placeholder: var(--oc-{{ site.data.skin.form-control | default: 'gray-6' }});
|
39
|
+
$invalid-feedback: var(--oc-{{ site.data.skin.invalid-feedback | default: 'red-9' }});
|
19
40
|
$navbar-brand_color: var(--oc-{{ site.data.skin.navbar-brand.color | default: 'gray-8' }});
|
20
41
|
$navbar-brand_hover: var(--oc-{{ site.data.skin.navbar-brand.hover | default: 'gray-9' }});
|
21
42
|
$nav-link_color: var(--oc-{{ site.data.skin.nav-link.color | default: 'gray-7' }});
|
22
43
|
$nav-link_hover: var(--oc-{{ site.data.skin.nav-link.hover | default: 'gray-9' }});
|
44
|
+
$svg_fill: var(--oc-{{ site.data.skin.svg.fill | default: 'gray-7' }});
|
45
|
+
$table_td_border: var(--oc-{{ site.data.skin.table.td.border | default: 'gray-2' }});
|
23
46
|
$text-muted_color: var(--oc-{{ site.data.skin.text-muted.color | default: 'gray-6' }});
|
24
47
|
$text-muted_hover: var(--oc-{{ site.data.skin.text-muted.hover | default: 'gray-9' }});
|
25
48
|
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: jekyll-nagymaros
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.0
|
4
|
+
version: 2.2.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- piazzai
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2024-
|
11
|
+
date: 2024-06-13 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|