jekyll-nagymaros 2.0.1 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c66944e6b6f25900c9d0b793e02d4171a20ed38beafb2025d15e1190ce683893
-  data.tar.gz: 213885f73b6adeb8c75eadc9da1b4b34c363759f3e4e72379d803b15434a5c5c
+  metadata.gz: ace9c37bc67b9fe3ac0f28886011cf6dffde033083f1dd4877d724c65013844c
+  data.tar.gz: f73a9e2831bf4dab3521dbe8fcf1dcbe51560e26051f2af72b8d1343d49e53b9
 SHA512:
-  metadata.gz: 5f14d20053d3ab1ab40ef4227b0d8065fabbc31e784824bb244ab2fe8245c3368f1d0abc19507b2f8de786893ec388e711d09efdb3d18ec4ca076523cd2ae6a5
-  data.tar.gz: 2f3adb4b453d504d53afeacf1edf4e4c345298863a9921c1a32935ed5c8c6d4469ea115369158e50e635b7877d5878b53d5de9f95bd4f530dbf15081f509e6ee
+  metadata.gz: a4c8462a8b521a8a1f9d01b8cb9b54881653051370906b3af1d328573818c1e45f8cae2cc961a5616d1a9c4920e8dc9efaeb8b8072a288a1f11f45471f91e325
+  data.tar.gz: dc9a5cdcbf7c75cbc37d74abf26093e692186683ecb54694cf5c31fe0727ac172bd9c748b2507e27500273e5aee20178a0210a09cf9a5144bb243ff32a5e71d5

data/README.md

@@ -2,14 +2,14 @@
 
 Nagymaros is a [Jekyll](https://jekyllrb.com) theme designed for conferences, workshops, meetings, and similar events. It has a simple and intuitive structure featuring four pages that provide key information about the event:
 
-- An index, meant for basic details and links to external sources, such as submission systems.
+- An index for alerts, basic details, and links to external sources such as submission systems.
 - A program, allowing for single or multi-day schedules and color-coded event categories.
 - A map of conference locations, customizable with markers, areas, and tooltips.
-- An alphabetical list of contributors, with optional roles and email addresses.
+- An alphabetical list of participants, with optional roles, affiliations, and email addresses.
 
 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.
 
-See the [demo](https://jekyll-nagymaros.netlify.app) to find out what the theme looks like.
+See the [demo](https://piazzai.github.io/jekyll-nagymaros/) to find out what the theme looks like.
 
 ![](https://github.com/piazzai/jekyll-nagymaros/blob/master/screenshot.png)
 
@@ -23,15 +23,15 @@ If you choose to install the theme as a gem, your site should include at a minim
 .
 ├── 404.md
 ├── _config.yml
-├── contributors.md
 ├── _data
-│   ├── contributors.yml
 │   ├── index.yml
-│   ├── locations.yml
+│   ├── map.yml
+│   ├── participants.yml
 │   └── program.yml
 ├── Gemfile
 ├── index.md
-├── locations.md
+├── map.md
+├── participants.md
 └── program.md
 
 ```
@@ -61,7 +61,11 @@ To customize hidden files, you can create new files with the same names and path
 
 ## Usage
 
-Core customization occurs in `_config.yml`. Aside from the usual configuration variables, you can set a value for `copyright`, which corresponds to the name of the copyright holder in the notice within the theme's footer. If no value is provided for this variable, the whole copyright notice is suppressed (this is the default). Finally, you can set a value for `indexing`, which tells search engine crawlers whether to index your site. The default value is `false`, and in this case the following code is included in the head of every page:
+Core customization occurs in `_config.yml`. Aside from the usual configuration variables, you can set a value for `home`, which will determine the destination of the site title button in the header, as well as the return link from the 404 page. Only use this if you want these buttons to lead somewhere different than the index.
+
+Next, you can set a value for `copyright`, which corresponds to the name of the copyright holder in the notice within the theme's footer. If no value is provided for this variable, the whole copyright notice is suppressed (default).
+
+Finally, you can set a value for `indexing`, which tells search engine crawlers whether to index your site. The default value is `false`, and in this case the following code is included in the head of every page:
 
 ```html
 <meta name="robots" content="none">
@@ -75,7 +79,7 @@ The order of appearance of pages in the theme's navigation bar is determined by
 
 Customizing the CSS is possible by creating a file `_sass/_custom.scss`. You can use this both to define new styles or to overwrite the theme's defaults. The file will be automatically compiled during build.
 
-For convenience, customization of the theme's color scheme is also possible via YAML. In this case, create a file called `skin.yml` in your `_data` folder and assign new colors from the [Open Color](https://yeun.github.io/open-color) library to various HTML elements using the color-number convention. Here is an example:
+For convenience, customization of the theme's color scheme is also possible via YAML. In this case, create a file `_data/skin.yml` and assign new colors from the [Open Color](https://yeun.github.io/open-color) library to various HTML elements. Make sure to stick to the library's color-number naming convention. Here is an example:
 
 ```yaml
 a:

data/_includes/footer.html

@@ -1,6 +1,6 @@
 {% assign year = site.time | date: '%Y' %}
 {% if site.copyright and site.copyright != '' %}
 <footer class="container mb-4">
-    <small class="text-muted">Copyright &copy;{{ year }} {{ site.copyright }}. All rights reserved.</small>
+    <small class="text-muted">&copy;{{ year }} {{ site.copyright }}. All rights reserved.</small>
 </footer>
 {% endif %}

data/_includes/head.html

@@ -11,8 +11,12 @@
     <title>{{ site.title | append: ' | ' | append: site.description }}</title>
     {% endif %}
     {% endif %}
-    <link rel="stylesheet" href="{{ '/assets/css/bootstrap.css' | prepend: site.url }}">
-    <link rel="stylesheet" href="{{ '/assets/css/leaflet.css' | prepend: site.url }}">
-    <link rel="stylesheet" href="{{ '/assets/css/open-color.css' | prepend: site.url }}">
-    <link rel="stylesheet" href="{{ '/assets/css/styles.css' | prepend: site.url }}">
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/icons/apple-touch-icon.png' | relative_url }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/icons/favicon-32x32.png' | relative_url }}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/icons/favicon-16x16.png' | relative_url }}">
+    <link rel="manifest" href="{{ 'assets/icons/site.webmanifest' | relative_url }}">
+    <link rel="stylesheet" href="{{ 'assets/css/bootstrap.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ 'assets/css/leaflet.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ 'assets/css/open-color.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ 'assets/css/styles.css' | relative_url }}">
 </head>

data/_includes/header.html

@@ -1,7 +1,13 @@
+{% if site.home %}
+{% assign return = site.home | relative_url %}
+{% else %}
+{% assign return = '/' | relative_url %}
+{% endif %}
+
 <header class="bg-{{ site.data.skin.header.bg | default: 'gray-4' }}">
     <div class="container">
         <nav class="navbar navbar-expand-sm">
-            <a class="navbar-brand" href="{{ site.url }}">{{ site.title }}</a>
+            <a class="navbar-brand" href="{{ return }}">{{ site.title }}</a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
@@ -11,7 +17,7 @@
                     {% for link in links %}
                     {% if link.navorder %}
                     {% assign current = link.name | split: '.' | first %}
-                    {% assign href = link.url | prepend: site.url %}
+                    {% assign href = link.url | relative_url %}
                     {% if page.layout == current %}
                     <a class="nav-link active" aria-current="page" href="{{ href }}">{{ link.title }}</a>
                     {% else %}

data/_layouts/404.html

@@ -4,6 +4,11 @@ layout: default
 
 {% include metadata.liquid %}
 {% assign digit_bg = site.data.skin.digit.bg | default: 'gray-3' %}
+{% if site.home %}
+{% assign return = site.home | relative_url %}
+{% else %}
+{% assign return = '/' | relative_url %}
+{% endif %}
 
 <main>
     <div class="container text-center">
@@ -12,6 +17,6 @@ layout: default
         <span {{ span }}>0</span>
         <span {{ span }}>4</span>
         <h1 class="display-5">{{ title }}</h1>
-        <p class="fs-5"><a href="{{ site.url }}">Return to the homepage</a></p>
+        <p class="fs-5"><a href="{{ return }}">Return to the homepage</a></p>
     </div>
 </main>

data/_layouts/default.html

@@ -5,9 +5,9 @@
 
 <body>
     {{ content }}
-    <script src="{{ '/assets/js/bootstrap.js' | prepend: site.url }}"></script>
-    <script src="{{ '/assets/js/leaflet.js' | prepend: site.url }}"></script>
-    <script src="{{ '/assets/js/main.js' | prepend: site.url }}"></script>
+    <script src="{{ 'assets/js/bootstrap.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/leaflet.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/main.js' | relative_url }}"></script>
 </body>
 
 </html>

data/_layouts/index.html

@@ -6,6 +6,24 @@ layout: default
 {% include header.html %}
 {% assign index_bg = site.data.skin.index.bg  | default: 'gray-2' %}
 
+<div class="container">
+    {% assign alerts = site.data.index.alerts %}
+    {% for alert in alerts %}
+    {% assign classes = 'mt-4' %}
+    {% unless forloop.first %}
+    {% assign classes = 'mt-2' %}
+    {% endunless %}
+    {% assign color = alert.color | default: 'yellow-1' %}
+    <div class="{{ classes }}">
+        <div class="alert alert-primary bg-{{ color }} alert-dismissible m-0 fade show text-center small" role="alert">
+            <strong>{{ alert.title }}</strong>
+            <span>{{ alert.text }}</span>
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+
 <main class="my-4">
     <div class="container px-5 py-3 bg-{{ index_bg }} rounded">
         <h1 class="display-3">{{ title }}</h1>
@@ -16,9 +34,9 @@ layout: default
         <div class="btn-group-lg mt-4 mb-3" role="group">
             {% assign buttons = site.data.index.buttons %}
             {% for button in buttons %}
-            {% assign classes = 'btn btn-primary d-block d-lg-inline-block my-lg-0' %}
-            {% unless forloop.first or forloop.last %}
-            {% assign classes = classes | append: ' my-2 mx-lg-2' %}
+            {% assign classes = 'btn btn-primary d-block d-lg-inline-block my-lg-0 my-2' %}
+            {% unless forloop.last %}
+            {% assign classes = classes | append: ' me-lg-2' %}
             {% endunless %}
             {% if button.disabled %}
             {% assign classes = classes | append: ' disabled' %}

data/_layouts/{locations.html → map.html}

@@ -9,7 +9,7 @@ layout: default
     <div class="container">
         <h1 class="display-5">{{ title }}</h1>
         {{ content }}
-        {% if site.data.locations %}
+        {% if site.data.map %}
         <hr class="my-4">
         <div id="map"></div>
         {% endif %}

data/_layouts/{contributors.html → participants.html}

@@ -9,9 +9,9 @@ layout: default
     <div class="container">
         <h1 class="display-5">{{ title }}</h1>
         {{ content }}
-        {% if site.data.contributors %}
+        {% if site.data.participants %}
         <hr class="my-4">
-        {% assign groups = site.data.contributors.groups %}
+        {% assign groups = site.data.participants.groups %}
         {% for group in groups %}
         {% if group.title %}
         <h5 class="fw-normal">{{ group.title }}</h5>
@@ -23,13 +23,18 @@ layout: default
         {% endif %}
         <div {{ div }}>
             <ul class="list-unstyled">
-                {% assign members = group.members | sort_natural: 'surname' %}
+                {% if group.sort %}
+                {% assign members = group.members | sort_natural: 'name' %}
+                {% else %}
+                {% assign members = group.members %}
+                {% endif %}
                 {% for member in members %}
                 {% assign full = member.name | append: ' ' | append: member.surname %}
+                {% assign affil = member.affil %}
                 {% if member.email %}
-                <li class="fw-light"><a href="mailto:{{ member.email }}">{{ full }}</a></li>
+                <li><a href="mailto:{{ member.email }}">{{ full }}</a> <small class="text-muted">{{ affil }}</small></li>
                 {% else %}
-                <li class="fw-light">{{ full }}</li>
+                <li>{{ full }} <small class="text-muted">{{ affil }}</small></li>
                 {% endif %}
                 {% endfor %}
             </ul>

data/_layouts/program.html

@@ -12,103 +12,92 @@ layout: default
         {% if site.data.program %}
         <hr class="my-4">
         <div class="row">
-            {% assign size = site.data.program.days.size %}
-            {% if size > 1 %}
-            <div class="col-lg-2">
-                {% assign directions = 'horizontal, vertical' | split: ', ' %}
-                {% for direction in directions %}
-                {% if direction == 'horizontal' %}
-                {% assign classes = 'd-block d-lg-none text-center mb-3' %}
-                {% assign control = 'btn-group' %}
-                {% else %}
-                {% assign classes = 'd-none d-lg-block' %}
-                {% assign control = 'btn-group-vertical' %}
-                {% endif %}
-                <div class="{{ classes }}">
-                    <div class="btn {{ control }} p-0 aos-init aos-animate" role="tablist" data-aos="fade-up">
-                        {% for day in site.data.program.days %}
-                        {% assign id = forloop.index | prepend: 'day-' %}
-                        {% assign classes = 'btn btn-secondary' %}
-                        {% if forloop.first %}
-                        {% assign classes = classes | append: ' active' %}
-                        {% endif %}
-                        <button type="button" class="{{ classes }}" data-bs-toggle="tab" data-bs-target="#{{ id }}" role="tab" aria-controls="{{ id }}" aria-selected="true">
-                            <span class="fs-5">{{ day.name }}</span>
-                        </button>
-                        {% endfor %}
-                    </div>
-                </div>
-                {% endfor %}
-            </div>
-            {% assign width = 10 %}
-            {% else %}
-            {% assign width = 12 %}
-            {% endif %}
-            <div class="col-lg-{{ width }}">
+            <div class="accordion">
                 {% for day in site.data.program.days %}
-                {% assign id = forloop.index | prepend: 'day-' %}
-                {% assign classes = 'tab-pane fade' %}
-                {% if forloop.first %}
-                {% assign classes = classes | append: ' active show' %}
-                {% endif %}
-                <div class="tab-content aos-init aos-animate" data-aos="fade-up">
-                    <div class="{{ classes }}" id="{{ id }}" role="tabpanel" aria-labelledby="{{ id }}-tab">
-                        {% assign categories = site.data.program.legend.categories %}
-                        <ul class="list-unstyled lh-sm">
-                            {% for event in day.events %}
-                            {% if event.category %}
-                            {% assign category = categories | find: 'name', event.category %}
-                            {% assign color = category.color %}
-                            {% else %}
-                            {% assign color = 'gray-4' %}
-                            {% endif %}
-                            {% assign start = event.time | split: ' to ' | slice: 0 %}
-                            {% assign end = event.time | split: ' to ' | slice: 1 %}
-                            {% if forloop.last %}
-                            {% assign classes = color | append: ' mb-2' %}
-                            {% else %}
-                            {% assign classes = color | append: ' mb-4' %}
-                            {% endif %}
-                            <li class="d-flex flex-column flex-lg-row ms-2">
-                                <div class="row col-lg-2 me-lg-4 text-lg-end mb-2">
-                                    <small class="fw-light text-muted">{{ start }}–{{ end }}</small>
-                                </div>
-                                <div class="row col-lg-10 border-start border-3 border-{{ classes }}">
-                                    {% if event.category %}
-                                    <h5 class="fw-normal m-0 mb-2">{{ event.title }}</h5>
-                                    <p class="fw-light m-0">{{ event.subtitle }}</p>
-                                    {% else %}
-                                    <h5 class="fw-light text-muted m-0 mb-2">{{ event.title }}</h5>
-                                    <p class="fw-light text-muted m-0">{{ event.subtitle }}</p>
-                                    {% endif %}
-                                </div>
-                            </li>
-                            {% endfor %}
-                        </ul>
-                        <div class="text-center">
+                {% assign slug = day.name | slugify %}
+                <div class="accordion-item">
+                    <h5 class="accordion-header">
+                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#{{ slug }}" aria-expanded="false" aria-controls="{{ slug }}">
+                            <span class="h5 m-0">{{ day.name }}</span>
+                        </button>
+                    </h5>
+                    <div id="{{ slug }}" class="accordion-collapse collapse">
+                        <div class="accordion-body mt-2">
+                            {% assign categories = site.data.program.legend.categories %}
+                            <ul class="list-unstyled ms-3 ms-lg-0 lh-sm">
+                                {% for event in day.events %}
+                                {% if event.category %}
+                                {% assign color = categories | where: 'name', event.category | map: 'color' | first %}
+                                {% else %}
+                                {% assign color = 'gray-4' %}
+                                {% endif %}
+                                {% assign start = event.time | split: ' to ' | slice: 0 %}
+                                {% assign end = event.time | split: ' to ' | slice: 1 %}
+                                <li class="d-flex flex-column flex-lg-row">
+                                    {% assign classes = color | prepend: 'border-start border-3 border-' %}
+                                    <div class="row col-lg-2 pb-2 {{ classes }} border-lg-0">
+                                        <small class="fw-light text-muted">{{ start }}–{{ end }}</small>
+                                    </div>
+                                    {% unless forloop.last %}
+                                    {% assign classes = classes | append: ' mb-4' %}
+                                    {% endunless %}
+                                    <div class="row col-lg-10 {{ classes }}">
+                                        <h5 class="fw-normal m-0 mb-2">{{ event.title }}</h5>
+                                        <p class="fw-light m-0">{{ event.subtitle }}</p>
+                                        <p class="fw-light m-0">
+                                        {% if event.paper.first %}
+                                            {% for paper in event.paper %}
+                                            <a href="{{ paper | relative_url }}">[Paper {{ forloop.index }}]</a>
+                                            {% endfor %}
+                                        {% elsif event.paper %}
+                                        <a href="{{ event.paper | relative_url }}">[Paper]</a>
+                                        {% endif %}
+                                        {% if event.poster.first %}
+                                            {% for poster in event.poster %}
+                                            <a href="{{ poster | relative_url }}">[Poster {{ forloop.index }}]</a>
+                                            {% endfor %}
+                                        {% elsif event.poster %}
+                                        <a href="{{ event.poster | relative_url }}">[Poster]</a>
+                                        {% endif %}
+                                        {% if event.slides.first %}
+                                            {% for slides in event.slides %}
+                                            <a href="{{ slides | relative_url }}">[Slides {{ forloop.index }}]</a>
+                                            {% endfor %}
+                                        {% elsif event.slides %}
+                                        <a href="{{ event.slides | relative_url }}">[Slides]</a>
+                                        {% endif %}
+                                        </p>
+                                    </div>
+                                </li>
+                                {% endfor %}
+                            </ul>
                             {% assign legend = day.events | map: 'category' | compact | uniq %}
                             {% assign size = legend | size %}
                             {% if size > 0 %}
-                            {% if site.data.program.legend.title %}
-                            <h5 class="fw-normal">{{ site.data.program.legend.title }}</h5>
-                            {% endif %}
-                            {% for item in legend %}
-                            {% assign border = categories | where: 'name', item | map: 'color' | first %}
-                            {% assign bg = border | split: '-' | first | prepend: 'bg-' | append: '-1' %}
-                            {% assign classes = border | prepend: ' border-' | prepend: bg %}
-                            {% if border %}
-                            <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>
-                            {% endif %}
-                            {% endfor %}
+                            <div class="mt-4 mb-2">
+                                {% if site.data.program.legend.title %}
+                                <h5 class="fw-normal">{{ site.data.program.legend.title }}</h5>
+                                {% endif %}
+                                {% for item in legend %}
+                                {% assign border = categories | where: 'name', item | map: 'color' | first %}
+                                {% assign bg = border | split: '-' | first | prepend: 'bg-' | append: '-1' %}
+                                {% assign classes = border | prepend: ' border-' | prepend: bg %}
+                                {% unless forloop.last %}
+                                {% assign classes = classes | append: ' me-lg-2' %}
+                                {% endunless %}
+                                {% if border %}
+                                <small class="d-block d-lg-inline-block mt-2 px-3 py-1 border-start border-3 {{ classes }}">{{ item | upcase }}</small>
+                                {% endif %}
+                                {% endfor %}
+                            </div>
                             {% endif %}
                         </div>
                     </div>
                 </div>
                 {% endfor %}
             </div>
+            {% endif %}
         </div>
-        {% endif %}
-    </div>
 </main>
 
 {% include footer.html %}

data/_sass/_elements.scss

@@ -23,7 +23,7 @@
 }
 
 #map {
-  height: 65vh;
+  height: 70vh;
 }
 
 #roster {

data/_sass/_fonts.scss

@@ -1,46 +1,27 @@
-$weights: (
-  "Light": 300,
-  "Medium": 500,
-  "Bold": 700,
-);
-
-$styles: (
-  normal: "",
-  italic: "Italic",
-);
-
-@each $style, $style-value in $styles {
-  @font-face {
-    font-family: "Zilla Slab";
-    font-display: swap;
-    font-style: #{$style};
-    font-weight: 300;
-    src: url("../webfonts/ZillaSlab-Light#{$style-value}.woff2") format("woff2");
-  }
+@font-face {
+  font-family: InterVariable;
+  font-style: normal;
+  font-weight: 100 900;
+  src: url("../fonts/InterVariable.woff2?v=4.0") format("woff2");
+}
 
-  @each $weight, $weight-value in $weights {
-    @font-face {
-      font-family: "Inter";
-      font-display: swap;
-      font-style: #{$style};
-      font-weight: #{$weight-value};
-      src: url("../webfonts/Inter-#{$weight}#{$style-value}.woff2") format("woff2");
-    }
-  }
+@font-face {
+  font-family: InterVariable;
+  font-style: italic;
+  font-weight: 100 900;
+  src: url("../fonts/InterVariable-Italic.woff2?v=4.0") format("woff2");
 }
 
 @font-face {
-  font-family: "Inter";
-  font-display: swap;
+  font-family: "Zilla Slab";
   font-style: normal;
-  font-weight: 400;
-  src: url("../webfonts/Inter-Regular.woff2") format("woff2");
+  font-weight: 300;
+  src: url("../fonts/ZillaSlab-Light.woff2") format("woff2");
 }
 
 @font-face {
-  font-family: "Inter";
-  font-display: swap;
+  font-family: "Zilla Slab";
   font-style: italic;
-  font-weight: 400;
-  src: url("../webfonts/Inter-Italic.woff2") format("woff2");
-}
+  font-weight: 300;
+  src: url("../fonts/ZillaSlab-LightItalic.woff2") format("woff2");
+}

data/_sass/_utilities.scss

@@ -11,7 +11,15 @@ $colors: (
   "green",
   "lime",
   "yellow",
-  "orange"
+  "orange",
+);
+
+$breaks: (
+  "sm": 576,
+  "md": 768,
+  "lg": 992,
+  "xl": 1200,
+  "xxl": 1400,
 );
 
 @each $color in $colors {
@@ -41,3 +49,17 @@ $colors: (
     }
   }
 }
+
+@each $break, $break-value in $breaks {
+  @media (min-width: #{$break-value}px) {
+    .border-#{$break}-0 {
+      border-width: 0 !important;
+    }
+
+    @for $width from 1 through 5 {
+      .border-#{$break}-#{$width} {
+        border-width: #{$width}px !important;
+      }
+    }
+  }
+}

data/_sass/overrides/_bootstrap.scss

@@ -7,13 +7,62 @@ a {
   }
 }
 
+.accordion-button {
+  color: inherit;
+  background-color: $accordion-button_bg;
+
+  &:focus {
+    box-shadow: none;
+  }
+
+  &:not(.collapsed) {
+    background-color: $accordion-button_bg;
+    box-shadow: none;
+    color: inherit;
+  }
+}
+
+.accordion-item {
+  border-color: $accordion-item_border;
+  border-width: 0.15rem;
+  color: inherit;
+  background-color: transparent;
+}
+
+.alert-primary {
+  background-color: $alert-primary_bg;
+  border-color: transparent !important;
+  color: inherit;
+}
+
 body {
   background-color: $body_bg;
   color: $body_color;
-  font-family: "Inter", var(--bs-font-sans-serif);
+  font-family: "InterVariable", var(--bs-font-sans-serif);
   font-size: 1.15rem;
 }
 
+.btn-close:focus {
+  box-shadow: none;
+}
+
+.btn-outline-primary {
+  border-color: $btn-outline-primary_border !important;
+  color: $btn-outline-primary_color !important;
+
+  &:hover,
+  &:active,
+  &.active {
+    background-color: $btn-outline-primary_hover_bg !important;
+    color: $btn-outline-primary_hover_color !important;
+  }
+
+  &.disabled {
+    border-color: $btn-outline-primary_disabled_border !important;
+    color: $btn-outline-primary_disabled_color !important;
+  }
+}
+
 .btn-primary {
   background-color: $btn-primary_bg !important;
   border-color: transparent !important;
@@ -42,12 +91,57 @@ body {
   }
 }
 
+caption {
+  color: $caption_color;
+}
+
+.card {
+  border-color: $card_border;
+  border-width: 0.15rem;
+  color: inherit;
+  background-color: transparent;
+}
+
+.card-footer,
+.card-header {
+  border-width: 0;
+  color: inherit;
+  background-color: $card-header_bg;
+}
+
+.card-body,
+.card-title {
+  color: inherit;
+}
+
 @for $level from 1 through 6 {
   .display-#{$level} {
     font-family: "Zilla Slab", var(--bs-font-sans-serif);
   }
 }
 
+.form-control {
+  color: $form-control_color;
+  background-color: $form-control_bg;
+  border: var(--bs-border-width) solid $form-control_border;
+}
+
+.form-control:focus {
+  color: $form-control_focus_color;
+  background-color: $form-control_focus_bg;
+  border-color: $form-control_focus_border;
+  box-shadow: 0 0 0 0.25rem $form-control_focus_shadow;
+}
+
+.form-control::-moz-placeholder,
+.form-control::placeholder {
+  color: $form-control_placeholder;
+}
+
+.invalid-feedback {
+  color: $invalid-feedback;
+}
+
 .lead {
   font-size: 1.5rem;
 }
@@ -68,6 +162,17 @@ body {
   }
 }
 
+svg {
+  fill: $svg_fill;
+}
+
+.table td {
+  border-color: $table_td_border;
+  border-width: 0 0 0.15rem 0;
+  color: inherit;
+  background-color: transparent;
+}
+
 .text-muted {
   color: $text-muted_color !important;
 
@@ -78,4 +183,4 @@ body {
       color: $text-muted_hover;
     }
   }
-}
+}

data/_sass/overrides/_leaflet.scss

@@ -8,13 +8,13 @@
 }
 
 .leaflet-control-layers-toggle {
-  background-image: url(../images/layers.png);
+  background-image: url(../img/layers.png);
 }
 
 .leaflet-retina .leaflet-control-layers-toggle {
-  background-image: url(../images/layers-2x.png);
+  background-image: url(../img/layers-2x.png);
 }
 
 .leaflet-default-icon-path {
-  background-image: url(../images/marker-icon.png);
+  background-image: url(../img/marker-icon.png);
 }

data/assets/css/styles.scss

@@ -7,8 +7,17 @@
 
 $a_color: var(--oc-{{ site.data.skin.a.color | default: 'blue-7' }});
 $a_hover: var(--oc-{{ site.data.skin.a.hover | default: 'blue-9' }});
+$accordion-button_bg: var(--oc-{{ site.data.skin.accordion-button.bg | default: 'gray-2' }});
+$accordion-item_border: var(--oc-{{ site.data.skin.accordion-item.border | default: 'gray-2' }});
+$alert-primary_bg: var(--oc-{{ site.data.skin.alert-primary.bg | default: 'blue-1' }});
 $body_bg: var(--oc-{{ site.data.skin.body.bg | default: 'gray-0' }});
 $body_color: var(--oc-{{ site.data.skin.body.color | default: 'gray-8' }});
+$btn-outline-primary_border: var(--oc-{{ site.data.skin.btn-outline-primary.border | default: 'blue-5' }});
+$btn-outline-primary_color: var(--oc-{{ site.data.skin.btn-outline-primary.color | default: 'blue-5' }});
+$btn-outline-primary_hover_bg: var(--oc-{{ site.data.skin.btn-outline-primary.hover.bg | default: 'blue-5' }});
+$btn-outline-primary_hover_color: var(--oc-{{ site.data.skin.btn-outline-primary.hover.color | default: 'gray-0' }});
+$btn-outline-primary_disabled_border: var(--oc-{{ site.data.skin.btn-outline-primary.disabled.border | default: 'blue-3' }});
+$btn-outline-primary_disabled_color: var(--oc-{{ site.data.skin.btn-outline-primary.disabled.color | default: 'blue-3' }});
 $btn-primary_bg: var(--oc-{{ site.data.skin.btn-primary.bg | default: 'blue-5' }});
 $btn-primary_color: var(--oc-{{ site.data.skin.btn-primary.color | default: 'gray-0' }});
 $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
 $btn-secondary_bg: var(--oc-{{ site.data.skin.btn-secondary.bg | default: 'gray-4' }});
 $btn-secondary_color: var(--oc-{{ site.data.skin.btn-secondary.color | default: 'gray-0' }});
 $btn-secondary_hover: var(--oc-{{ site.data.skin.btn-secondary.hover | default: 'gray-6' }});
+$caption_color: var(--oc-{{ site.data.skin.caption.color | default: 'gray-6' }});
+$card_border: var(--oc-{{ site.data.skin.card.border | default: 'gray-2' }});
+$card-header_bg: var(--oc-{{ site.data.skin.card-header.bg | default: 'gray-2' }});
+$form-control_bg: var(--oc-{{ site.data.skin.form-control.bg | default: 'gray-0' }});
+$form-control_color: var(--oc-{{ site.data.skin.form-control.color | default: 'gray-9' }});
+$form-control_border: var(--oc-{{ site.data.skin.form-control.border | default: 'gray-3' }});
+$form-control_focus_bg: var(--oc-{{ site.data.skin.form-control.focus.bg | default: 'gray-0' }});
+$form-control_focus_color: var(--oc-{{ site.data.skin.form-control.focus.color | default: 'gray-9' }});
+$form-control_focus_border: var(--oc-{{ site.data.skin.form-control.focus.border | default: 'blue-2' }});
+$form-control_focus_shadow: var(--oc-{{ site.data.skin.form-control.focus.shadow | default: 'blue-1' }});
+$form-control_placeholder: var(--oc-{{ site.data.skin.form-control | default: 'gray-6' }});
+$invalid-feedback: var(--oc-{{ site.data.skin.invalid-feedback | default: 'red-9' }});
 $navbar-brand_color: var(--oc-{{ site.data.skin.navbar-brand.color | default: 'gray-8' }});
 $navbar-brand_hover: var(--oc-{{ site.data.skin.navbar-brand.hover | default: 'gray-9' }});
 $nav-link_color: var(--oc-{{ site.data.skin.nav-link.color | default: 'gray-7' }});
 $nav-link_hover: var(--oc-{{ site.data.skin.nav-link.hover | default: 'gray-9' }});
+$svg_fill: var(--oc-{{ site.data.skin.svg.fill | default: 'gray-7' }});
+$table_td_border: var(--oc-{{ site.data.skin.table.td.border | default: 'gray-2' }});
 $text-muted_color: var(--oc-{{ site.data.skin.text-muted.color | default: 'gray-6' }});
 $text-muted_hover: var(--oc-{{ site.data.skin.text-muted.hover | default: 'gray-9' }});
 

data/assets/icons/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

data/assets/js/main.js

@@ -1,15 +1,15 @@
 ---
 ---
 
-{% assign center = site.data.locations.center | default: '47.788542883494856, 18.961139141737842' %}
-{% assign zoom = site.data.locations.zoom | default: 13 %}
+{% assign center = site.data.map.center | default: '47.788542883494856, 18.961139141737842' %}
+{% assign zoom = site.data.map.zoom | default: 13 %}
 
 var map = L.map("map").setView([{{ center }}], {{ zoom }});
 
 L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
 
-{% if site.data.locations.markers %}
-{% for marker in site.data.locations.markers %}
+{% if site.data.map.markers %}
+{% for marker in site.data.map.markers %}
 {% assign content = false %}
 {% if marker.title %}
 {% assign content = marker.title | prepend: '<strong>' | append: '</strong>' %}
@@ -31,18 +31,18 @@ L.marker([{{ marker.latlng }}])
 {% endfor %}
 {% endif %}
 
-{% if site.data.locations.areas %}
-{% for area in site.data.locations.areas %}
-{% assign latlng = area.latlng | join: '],[' | prepend: '[' | append: ']' %}
-{% assign color = area.color | default: '#ff6b6b' %}
-{% assign offset = area.offset | default: '0, 0' %}
+{% if site.data.map.polygons %}
+{% for polygon in site.data.map.polygons %}
+{% assign latlng = polygon.latlng | join: '],[' | prepend: '[' | append: ']' %}
+{% assign color = polygon.color | default: '#ff6b6b' %}
+{% assign offset = polygon.offset | default: '0, 0' %}
 {% assign x = offset | split: ', ' | first %}
 {% assign y = offset | split: ', ' | last %}
 {% assign content = false %}
-{% if area.title %}
-{% assign content = area.title | prepend: '<strong>' | append: '</strong>' %}
+{% if polygon.title %}
+{% assign content = polygon.title | prepend: '<strong>' | append: '</strong>' %}
 {% endif %}
-{% for line in area.text %}
+{% for line in polygon.text %}
 {% if content %}
 {% assign content = content | append: '<br>' | append: line %}
 {% else %}

metadata

@@ -1,63 +1,49 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-nagymaros
 version: !ruby/object:Gem::Version
-  version: 2.0.1
+  version: 3.0.0
 platform: ruby
 authors:
 - piazzai
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-04-14 00:00:00.000000000 Z
+date: 2024-09-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
-  name: jekyll
+  name: github-pages
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.3'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 4.3.3
+        version: '231'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.3'
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 4.3.3
+        version: '231'
 - !ruby/object:Gem::Dependency
-  name: jekyll-seo-tag
+  name: webrick
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.8'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.8'
-- !ruby/object:Gem::Dependency
-  name: jekyll-sitemap
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
+        version: '1.8'
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.4'
+        version: 1.8.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.4'
+        version: '1.8'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.8.1
 description: 
 email:
 - 42124135+piazzai@users.noreply.github.com
@@ -67,21 +53,20 @@ extra_rdoc_files: []
 files:
 - LICENSE
 - README.md
-- _config.yml
-- _data/contributors.yml
 - _data/index.yml
-- _data/locations.yml
+- _data/map.yml
+- _data/participants.yml
 - _data/program.yml
 - _includes/footer.html
 - _includes/head.html
 - _includes/header.html
 - _includes/metadata.liquid
 - _layouts/404.html
-- _layouts/contributors.html
 - _layouts/default.html
 - _layouts/index.html
-- _layouts/locations.html
+- _layouts/map.html
 - _layouts/page.html
+- _layouts/participants.html
 - _layouts/program.html
 - _sass/_custom.scss
 - _sass/_elements.scss
@@ -93,24 +78,31 @@ files:
 - assets/css/leaflet.css
 - assets/css/open-color.css
 - assets/css/styles.scss
-- assets/images/layers-2x.png
-- assets/images/layers.png
-- assets/images/marker-icon-2x.png
-- assets/images/marker-icon.png
-- assets/images/marker-shadow.png
+- assets/files/paper-1.pdf
+- assets/files/paper-2.pdf
+- assets/files/poster-a.pdf
+- assets/files/poster-b.pdf
+- assets/files/poster-c.pdf
+- assets/files/slides.pdf
+- assets/fonts/InterVariable-Italic.woff2
+- assets/fonts/InterVariable.woff2
+- assets/fonts/ZillaSlab-Light.woff2
+- assets/fonts/ZillaSlab-LightItalic.woff2
+- assets/icons/android-chrome-192x192.png
+- assets/icons/android-chrome-512x512.png
+- assets/icons/apple-touch-icon.png
+- assets/icons/favicon-16x16.png
+- assets/icons/favicon-32x32.png
+- assets/icons/favicon.ico
+- assets/icons/site.webmanifest
+- assets/img/layers-2x.png
+- assets/img/layers.png
+- assets/img/marker-icon-2x.png
+- assets/img/marker-icon.png
+- assets/img/marker-shadow.png
 - assets/js/bootstrap.js
 - assets/js/leaflet.js
 - assets/js/main.js
-- assets/webfonts/Inter-Bold.woff2
-- assets/webfonts/Inter-BoldItalic.woff2
-- assets/webfonts/Inter-Italic.woff2
-- assets/webfonts/Inter-Light.woff2
-- assets/webfonts/Inter-LightItalic.woff2
-- assets/webfonts/Inter-Medium.woff2
-- assets/webfonts/Inter-MediumItalic.woff2
-- assets/webfonts/Inter-Regular.woff2
-- assets/webfonts/ZillaSlab-Light.woff2
-- assets/webfonts/ZillaSlab-LightItalic.woff2
 homepage: https://github.com/piazzai/jekyll-nagymaros
 licenses:
 - MIT

data/_config.yml

@@ -1,21 +0,0 @@
-title: ""
-description: ""
-baseurl: ""
-url: ""
-
-copyright: false
-indexing: false
-
-exclude:
-  - demo/
-  - jekyll-nagymaros.gemspec
-  - LICENSE
-  - README.md
-  - screenshot.png
-
-plugins:
-  - jekyll-seo-tag
-  - jekyll-sitemap
-
-sass:
-  sourcemap: never