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 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