diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml index 679d678e..7500156b 100644 --- a/.github/workflows/build.yml +++ b/.github/workflows/build.yml @@ -21,3 +21,4 @@ jobs: name: Install bundle - run: bundle exec jekyll build name: Build website + diff --git a/.gitignore b/.gitignore index c560e6ec..e4dc991c 100644 --- a/.gitignore +++ b/.gitignore @@ -3,4 +3,4 @@ # Ignore local build Gemfile.lock -_site/ +_site/ \ No newline at end of file diff --git a/assets/css/customsty.css b/assets/css/customsty.css index 5975a377..47d7b9f5 100644 --- a/assets/css/customsty.css +++ b/assets/css/customsty.css @@ -346,3 +346,107 @@ a.iconlink:hover { color:#0F79D0 !important; transition: 0.3s; } + +/* Image Gallery Slider Styles */ +.gallery-slider-container { + position: relative; + display: flex; + align-items: center; + width: 100%; + margin: 30px 0; +} + +.gallery-scroll-wrapper { + overflow-x: auto; + overflow-y: hidden; + scrollbar-width: none; /* Firefox */ + -ms-overflow-style: none; /* IE 10+ */ + width: 100%; + scroll-behavior: smooth; + padding: 10px 0; /* Add padding for translateY hover translations */ +} + +.gallery-scroll-wrapper::-webkit-scrollbar { + display: none; /* Safari and Chrome */ +} + +.image-gallery-container { + display: flex; + flex-direction: column; + gap: 20px; + width: max-content; + margin: 0; +} + +.image-gallery-row { + display: flex; + flex-direction: row; + gap: 20px; + width: max-content; +} + +.image-gallery-row a { + position: relative; + display: block; + height: 180px; + width: auto; + overflow: hidden; + border-radius: 8px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); + cursor: pointer; + background-color: #f0f0f0; + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +.image-gallery-row a:hover { + transform: translateY(-2px); + box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); +} + +.image-gallery-row a img { + height: 100%; + width: auto; + display: block; + margin: 0; + transition: filter 0.3s ease; +} + +/* Slider buttons for the thumbnail grid */ +.slider-btn { + background-color: rgba(255, 255, 255, 0.9); + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 50%; + width: 44px; + height: 44px; + font-size: 18px; + color: #333333; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, transform 0.2s; + z-index: 10; + user-select: none; +} + +.slider-btn:hover { + background-color: #0F79D0; + color: #ffffff; + border-color: #0F79D0; + transform: scale(1.05); +} + +.prev-btn { + margin-right: 15px; +} + +.next-btn { + margin-left: 15px; +} + + + + + + diff --git a/conference/2026.md b/conference/2026.md index c940e30e..bcbdfe54 100644 --- a/conference/2026.md +++ b/conference/2026.md @@ -5,7 +5,6 @@ image: assets/img/fenics2026/universityofchicagoparis.jpg image-zoom: fill permalink: /fenics-2026/ --- - # Description The FEniCS 2026 conference is an opportunity for all those interested in @@ -25,6 +24,43 @@ and dedicated time for discussions and coding. Links to previous FEniCS conferences can be found [here](index.md). +## Photo Gallery + +
+ ## FEniCS 2026 Awardees In this edition of the FEniCS Conference, alongside the main awards, the Award @@ -255,3 +291,4 @@ Best Presentation and Poster Awards. If you have any questions about the conference organization, please contact: [fenics-2026@dalembert.upmc.fr](mailto:fenics-2026@dalembert.upmc.fr?cc=corrado.maurini%40sorbonne-universite.fr%2Cridg%40uchicago.edu&subject=FEniCS26%3A%20). +