Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nouvel agenda #826

Draft
wants to merge 2 commits into
base: main
Choose a base branch
from
Draft

Nouvel agenda #826

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
804a366
test exhibitions
alexisben Dec 16, 2024
7270f52
structure
arnaudlevy Dec 18, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 9 additions & 1 deletion assets/sass/_theme/_variables.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -160,7 +160,15 @@
@include media-breakpoint-up(xxl)
--grid-gutter: #{$grid-gutter-xxl}
--grid-gutter-negative: #{-$grid-gutter-xxl}


// -------------- //
// SPAGINGS //
// ---------------//
--block-space-y: #{$block-space-y}
@include in-page-without-sidebar
--block-space-y: #{$block-space-y-desktop}
@include in-page-with-sidebar
--block-space-y: #{$block-space-y-with-sidebar}
// -------------- //
// HEADING //
// ---------------//
Expand Down
4 changes: 0 additions & 4 deletions assets/sass/_theme/blocks/base.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
.block
--block-space-y: #{$block-space-y}
margin-top: var(--block-space-y)
margin-bottom: var(--block-space-y)
.block-title
Expand All @@ -12,12 +11,9 @@
.block-title.sr-only + .description
margin-top: 0
@include in-page-without-sidebar
--block-space-y: #{$block-space-y-desktop}
.top
.description
max-width: columns(8)
@include in-page-with-sidebar
--block-space-y: #{$block-space-y-with-sidebar}

.heading + .block, .block-title + .block
margin-top: var(--heading-margin-bottom)
Expand Down
3 changes: 2 additions & 1 deletion assets/sass/_theme/hugo-osuny.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,10 +73,11 @@

// Sections
@import sections/administrators
@import sections/agenda/events
@import sections/agenda/exhibitions
@import sections/authors
@import sections/categories
@import sections/diplomas
@import sections/events
@import sections/locations
@import sections/organizations
@import sections/pages
Expand Down
11 changes: 11 additions & 0 deletions assets/sass/_theme/sections/events.sass → ...s/sass/_theme/sections/agenda/events.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,17 @@
height: 1px

.events__section
.exhibitions
margin-bottom: $spacing-6
h2
margin-bottom: var(--heading-margin-bottom)
.events-date-title
margin-bottom: var(--heading-margin-bottom)
&:not(:first-child)
margin-top: var(--heading-margin-top)
.event
&--child
margin-left: offset(4)
.archive-link
@include icon(arrow-right-line, after, true)
@include hover-translate-icon(after)
Expand Down
299 changes: 299 additions & 0 deletions assets/sass/_theme/sections/agenda/exhibitions.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,299 @@
.exhibitions__page
.lead
@include h3
// Safe spacing if post is empty
&:not(.full-width)
.exhibition-sidebar
@include sidebar
@include media-breakpoint-up(desktop)
.document-content
min-height: 600px
// Add after element to avoid "min-height" to ignore the last block's margin-bottom
&::after
content: ''
display: block
height: 1px

.exhibitions__section
.exhibitions
margin-bottom: $spacing-6
h2
margin-bottom: var(--heading-margin-bottom)
.exhibitions-date-title
margin-bottom: var(--heading-margin-bottom)
&:not(:first-child)
margin-top: var(--heading-margin-top)
.exhibition
&--child
margin-left: offset(4)
.archive-link
@include icon(arrow-right-line, after, true)
@include hover-translate-icon(after)
display: block
text-align: right
text-decoration: none
@include media-breakpoint-down(desktop)
.exhibitions
margin-bottom: $spacing-4
.archive-link
text-align: left

.exhibition-infos
@include list-reset
@include media-breakpoint-up(desktop)
font-size: $table-body-size-desktop
padding-bottom: $spacing-5
.exhibition-date
text-transform: capitalize
ul
@include list-reset
> li
padding-top: $spacing-2
&:not(:last-child)
padding-bottom: $spacing-2
> span
@include meta
color: var(--color-text-alt)
padding-left: 0
display: block
white-space: nowrap
time + time
@include icon(arrow-right-line)
&::before
padding-right: 0.3rem
.exhibitions-categories
display: flex
column-gap: $spacing-1
flex-wrap: wrap
a
@include link(var(--color-accent))
.exhibitions-actions
ul
align-items: start
display: flex
flex-direction: column
gap: space(1)
padding-bottom: 0
margin-top: space(1)
a
display: block
&::after
display: none
.share
a
color: inherit
li:first-child a
padding-left: 0

.exhibition
&-title
a
@include stretched-link
text-decoration: none
&-subtitle
@include h3
color: var(--color-text-alt)
&-categories
@include meta
@include list-reset
margin-top: $spacing-2
display: flex
flex-wrap: wrap
column-gap: $spacing-1
position: relative
z-index: 2
li:not(:last-child)
a::after
content: ', '
&-schedule
p + p
margin-top: 0
&-dates
span + span
&::before
content: ' — '
&-time
@include meta
span
white-space: nowrap
+ span
@include icon(arrow-right-line, before)
margin-left: space()
margin-right: space()
.media
&:empty
display: none
img
display: block
@include media-breakpoint-up(desktop)
&-time
display: flex

.exhibitions
&--list
.exhibition
border-bottom: 1px solid var(--color-border)
display: flex
flex-direction: column
margin-bottom: $spacing-3
padding-bottom: $spacing-3
position: relative
&-title
@include h3
&-schedule
@include h4
&-content
order: 2
@include media-breakpoint-down(desktop)
@include media-breakpoint-up(md)
flex-direction: row
gap: $spacing-3
.media
width: columns(4)
&-content
order: 1
width: columns(8)
@include media-breakpoint-down(md)
.media
max-width: 33%
margin-bottom: $spacing-2
&-content
order: 1
@include media-breakpoint-up(md)
.media
grid-column: 10 / 13
@include media-breakpoint-up(desktop)
flex-direction: row
gap: var(--grid-gutter)
align-items: start
&-content
> hgroup, > .exhibition-title
margin-bottom: $spacing-2
.media
order: 2
@include in-page-without-sidebar
&-schedule
margin-bottom: $spacing-3
&-dates
@include h3
span
display: block
+ span
&::before
display: none
&-time
margin-top: $spacing-2
&-content
@include grid(10, desktop, 0)
order: 1
grid-column: 1 / 11
width: columns(10)
> .exhibition-title, > hgroup, .exhibition-description, .exhibition-categories, .exhibition-status
grid-column: 5 / 11
> .exhibition-schedule
grid-column: 1 / 5
grid-row: 1 / 4
.media
width: columns(2)
@include in-page-with-sidebar
@include grid(8)
&-content
order: 1
grid-column: 6 span
margin-top: $spacing-1
&-schedule
margin-top: $spacing-1
margin-bottom: $spacing-2
&-time
display: inline
.media
grid-column: 2 span

&--grid
@include grid(2, md, $spacing-4)
.exhibition
display: flex
flex-direction: column
position: relative
&-schedule
@include meta
margin-top: $spacing-2
&-content
.exhibition-title, hgroup
@include h3
&-description
margin-top: $spacing-2
.media
margin-bottom: $spacing-2
order: -1
img
aspect-ratio: 1
object-fit: cover
width: 100%
@include media-breakpoint-down(md)
.exhibition
+ .exhibition
margin-top: $spacing-4
@include in-page-without-sidebar
@include grid(3, desktop)

&--large
.exhibition
display: flex
flex-direction: row
position: relative
gap: var(--grid-gutter)
+ .exhibition
margin-top: $spacing-5
&-content
display: flex
flex-direction: column
.exhibition-description
order: 2
.exhibition-description + .exhibition-categories
margin-bottom: $spacing-2
&-dates
@include h4
margin-top: $spacing-2
&-content
flex: 1
.exhibition-title,
.exhibition-subtitle,
hgroup
@include h2
.more
@include icon(arrow-right, after)
margin-top: $spacing-3
&::after
margin-left: $spacing-1
.media
order: -1
img
aspect-ratio: 1
object-fit: cover
width: 100%
@include media-breakpoint-up(desktop)
+ .exhibition
margin-top: var(--grid-gutter)
.media
width: columns(4)
.exhibition-schedule
margin-bottom: $spacing-4
@include media-breakpoint-down(desktop)
flex-direction: column
.media
margin-left: var(--grid-gutter-negative)
margin-right: var(--grid-gutter-negative)
@include in-page-without-sidebar
align-items: center
.exhibition-dates
@include h3
.exhibition-title,
.exhibition-subtitle,
hgroup
@include lead
.media
width: columns(6)
&:not(.exhibition--with-image)
width: columns(5)
margin-left: offset(4)
Loading
Loading