Hugo version 0.152

assets/js/theme/design-system/Lightbox.js

@@ -1,5 +1,5 @@
 import './TouchControl';
-import { setButtonEnability, setDefaultAltToImages } from '../utils/a11y';
+import { a11yClick, setButtonEnability, setDefaultAltToImages } from '../utils/a11y';
 
 /* eslint-disable no-underscore-dangle */
 window.osuny = window.osuny || {};
@@ -35,12 +35,12 @@ window.osuny.Lightbox.prototype._setup = function () {
     this.bindButtons();
 };
 
-window.osuny.Lightbox.prototype.bindButtons = function (key) {
+window.osuny.Lightbox.prototype.bindButtons = function () {
     this.buttons = document.querySelectorAll('[data-lightbox]');
     setDefaultAltToImages(this.buttons);
 
     this.buttons.forEach(function (button, index) {
-        button.addEventListener('click', this.open.bind(this, button));
+        a11yClick(button, this.open.bind(this, button));
         this._setAriaDescribed(button, index);
     }.bind(this));
 };

assets/js/theme/design-system/components/Maps.js

@@ -96,7 +96,7 @@ window.osuny.Map.prototype.filterMarkers = function (filters) {
 
 window.osuny.Map.prototype.setMarkers = function () {
     this.setMarkerIcon();
-    this.elements = Array.prototype.slice.call(this.element.children);
+    this.elements = this.element.querySelectorAll('[data-longitude]');
     this.elements.forEach(this.createMarker.bind(this));
 
     if (this.popups.length === 1) {

assets/sass/_theme/_utils.sass

@@ -1,4 +1,5 @@
 @import utils/a11y
+@import utils/browsers
 @import utils/fonts
 @import utils/lists
 @import utils/colors

assets/sass/_theme/blocks/base.sass

@@ -10,6 +10,8 @@
             margin-top: $spacing-3
         .block-title.sr-only + .description
             margin-top: 0
+    .block-content > ul
+        @include list-reset
     @include in-page-without-sidebar
         .top
             .description
@@ -19,13 +21,11 @@
     margin-top: var(--heading-margin-bottom)
 
 // Specific
-$backgrounded_blocks: ".block-call_to_action--accent_background, .block-chapter--accent_background, .block-chapter--alt_background, .block-timeline--horizontal, .block-pages--cards"
+$backgrounded_blocks: ".block-call_to_action--accent_background, .block-timeline--horizontal, .block-pages--cards"
 main
     .blocks
-        .block:first-child
+        .block:first-child:where(#{$backgrounded_blocks})
             margin-top: 0
-            &:not(#{$backgrounded_blocks})
-                padding-top: 0
         .block:last-child
             &:is(#{$backgrounded_blocks})
                 margin-bottom: 0

assets/sass/_theme/blocks/chapter.sass

@@ -67,11 +67,13 @@
                 background: $block-chapter-layout-accent-background
 
     @include in-page-without-sidebar
-        &--alt_background, 
+        &--alt_background,
         &--accent_background
             padding-top: var(--grid-gutter)
             padding-bottom: var(--grid-gutter)
             margin-bottom: 0
+            &:first-child
+                margin-top: 0
         .chapter
             flex-direction: row
             justify-content: space-between

assets/sass/_theme/blocks/exhibitions.sass

@@ -0,0 +1,5 @@
+.block-exhibitions
+    .top
+        .block-title a
+            @include icon(arrow-right-line, after, true)
+            @include hover-translate-icon(after)

assets/sass/_theme/blocks/image.sass

@@ -41,7 +41,7 @@
                 display: flex
                 align-items: flex-end
                 justify-content: flex-end
-                > button
+                > button,  > [role="button"]
                     width: columns(8)
                     margin-left: var(--grid-gutter)
                     display: block

assets/sass/_theme/blocks/organizations.sass

@@ -1,10 +1,4 @@
 .block-organizations
-    .organization
-        .organization-title
-            a[target="_blank"]
-                @include stretched-link(before)
-                @include icon(links-line, after, true)
-                    position: relative
     &--carousel
         @include layout-carousel
         .slider
@@ -75,41 +69,13 @@
                     z-index: 2
                 a.leaflet-popup-close-button
                     color: var(--color-text)
-    &--large
-        @include layout-large
-        .organization
-            .organization-content
-                display: flex
-                flex-direction: column
-                .organization-title
-                    @include h2
-                    a
-                        @include link
-                .organization-summary
-                    flex: 1
-            + .organization
-                margin-top: $spacing-4
-                @include media-breakpoint-up(md)
-                    margin-top: $spacing-3
-            .media--logo
-                padding: $spacing-5
-                @include media-breakpoint-up(md)
-                    padding: $spacing-6
-            @include in-page-with-or-without-sidebar
-                .media
-                    margin-bottom: 0
+
 
     @include media-breakpoint-down(md)
         details
             ul
                 li + li
                     margin-top: $spacing-3
-    @include in-page-with-sidebar
-        .grid
-            @include grid(4, lg)
-            &.with-summaries
-                @include grid(1, lg)
-                @include grid(2, xl)
 
     @include in-page-without-sidebar
         .top .description