jekyll-nagymaros 2.0.1 → 2.2.0

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 CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: c66944e6b6f25900c9d0b793e02d4171a20ed38beafb2025d15e1190ce683893
4
- data.tar.gz: 213885f73b6adeb8c75eadc9da1b4b34c363759f3e4e72379d803b15434a5c5c
3
+ metadata.gz: cfea4cbb2998e19a1bf73a2a7e3a8a1e5a08adb1078accbb0bf1923e81833097
4
+ data.tar.gz: 1e29022390140b07716ff117d509a0dc098267d79bfa325d57d7d8d1b17bf6a6
5
5
  SHA512:
6
- metadata.gz: 5f14d20053d3ab1ab40ef4227b0d8065fabbc31e784824bb244ab2fe8245c3368f1d0abc19507b2f8de786893ec388e711d09efdb3d18ec4ca076523cd2ae6a5
7
- data.tar.gz: 2f3adb4b453d504d53afeacf1edf4e4c345298863a9921c1a32935ed5c8c6d4469ea115369158e50e635b7877d5878b53d5de9f95bd4f530dbf15081f509e6ee
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.netlify.app) to find out what the theme looks like.
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
 
@@ -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">Copyright &copy;{{ year }} {{ site.copyright }}. All rights reserved.</small>
4
+ <small class="text-muted">&copy; {{ year }} {{ site.copyright }}. All rights reserved.</small>
5
5
  </footer>
6
6
  {% endif %}
@@ -12,103 +12,93 @@ layout: default
12
12
  {% if site.data.program %}
13
13
  <hr class="my-4">
14
14
  <div class="row">
15
- {% assign size = site.data.program.days.size %}
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 id = forloop.index | prepend: 'day-' %}
50
- {% assign classes = 'tab-pane fade' %}
51
- {% if forloop.first %}
52
- {% assign classes = classes | append: ' active show' %}
53
- {% endif %}
54
- <div class="tab-content aos-init aos-animate" data-aos="fade-up">
55
- <div class="{{ classes }}" id="{{ id }}" role="tabpanel" aria-labelledby="{{ id }}-tab">
56
- {% assign categories = site.data.program.legend.categories %}
57
- <ul class="list-unstyled lh-sm">
58
- {% for event in day.events %}
59
- {% if event.category %}
60
- {% assign category = categories | find: 'name', event.category %}
61
- {% assign color = category.color %}
62
- {% else %}
63
- {% assign color = 'gray-4' %}
64
- {% endif %}
65
- {% assign start = event.time | split: ' to ' | slice: 0 %}
66
- {% assign end = event.time | split: ' to ' | slice: 1 %}
67
- {% if forloop.last %}
68
- {% assign classes = color | append: ' mb-2' %}
69
- {% else %}
70
- {% assign classes = color | append: ' mb-4' %}
71
- {% endif %}
72
- <li class="d-flex flex-column flex-lg-row ms-2">
73
- <div class="row col-lg-2 me-lg-4 text-lg-end mb-2">
74
- <small class="fw-light text-muted">{{ start }}–{{ end }}</small>
75
- </div>
76
- <div class="row col-lg-10 border-start border-3 border-{{ classes }}">
77
- {% if event.category %}
78
- <h5 class="fw-normal m-0 mb-2">{{ event.title }}</h5>
79
- <p class="fw-light m-0">{{ event.subtitle }}</p>
80
- {% else %}
81
- <h5 class="fw-light text-muted m-0 mb-2">{{ event.title }}</h5>
82
- <p class="fw-light text-muted m-0">{{ event.subtitle }}</p>
83
- {% endif %}
84
- </div>
85
- </li>
86
- {% endfor %}
87
- </ul>
88
- <div class="text-center">
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
- {% if site.data.program.legend.title %}
93
- <h5 class="fw-normal">{{ site.data.program.legend.title }}</h5>
94
- {% endif %}
95
- {% for item in legend %}
96
- {% assign border = categories | where: 'name', item | map: 'color' | first %}
97
- {% assign bg = border | split: '-' | first | prepend: 'bg-' | append: '-1' %}
98
- {% assign classes = border | prepend: ' border-' | prepend: bg %}
99
- {% if border %}
100
- <small class="d-block d-lg-inline-block mt-2 me-lg-2 px-3 py-1 border-start border-3 {{ classes }}">{{ item | upcase }}</small>
101
- {% endif %}
102
- {% endfor %}
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
@@ -23,7 +23,7 @@
23
23
  }
24
24
 
25
25
  #map {
26
- height: 65vh;
26
+ height: 70vh;
27
27
  }
28
28
 
29
29
  #roster {
@@ -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
 
@@ -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.1
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-04-14 00:00:00.000000000 Z
11
+ date: 2024-06-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll