Skip to content
Snippets Groups Projects
Commit c8ab6f0e authored by Olivia206's avatar Olivia206
Browse files

fixed papers in person and volume

parent 696e3f7a
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 156 additions and 136 deletions
assets/sass/_theme/design-system/button.sass 0 → 100644
+ 30
− 0
View file @ c8ab6f0e
.squared-button
@include meta
@include button-reset
align-items: center
cursor: pointer
display: flex
padding: 0
@include media-breakpoint-up(desktop)
width: col(2,1)
&:first-child
margin-bottom: $spacing0
&::before
background-color: white
border: 1px solid $color-border
margin-right: $spacing0
padding: half($spacing0)
transition: background 0.3s ease, border 0.3s ease
@include media-breakpoint-up(desktop)
margin-right: $spacing1
&:hover
text-decoration: none
&::before
background-color: $color-text
border-color: transparent
color: $color-background
text-decoration: none
button.squared-button
@include icon-block(eye, before)
a.squared-button
@include icon-block(download, before)
\ No newline at end of file
assets/sass/_theme/hugo-osuny.sass
+ 1
− 0
View file @ c8ab6f0e
...@@ -18,6 +18,7 @@ ...@@ -18,6 +18,7 @@
@import "design-system/layout" @import "design-system/layout"
@import "design-system/a11y" @import "design-system/a11y"
@import "design-system/breadcrumb" @import "design-system/breadcrumb"
@import "design-system/button"
@import "design-system/footer" @import "design-system/footer"
@import "design-system/header" @import "design-system/header"
@import "design-system/hero" @import "design-system/hero"
......
assets/sass/_theme/sections/papers.sass
+ 42
− 52
View file @ c8ab6f0e
...@@ -3,65 +3,45 @@ ...@@ -3,65 +3,45 @@
a a
text-decoration-color: transparent text-decoration-color: transparent
transition: color 0.3s ease transition: color 0.3s ease
> div
&:first-of-type
grid-column: 1 / 7
&:last-of-type
grid-column: 8 / 12
align-items: start
display: flex
@include media-breakpoint-down(desktop)
flex-wrap: wrap
justify-content: space-between
margin-top: $spacing1
h3
a:hover
color: $color-accent
.paper-volume
@include meta
text-transform: lowercase
a
@include link($color-text)
text-transform: none
span
text-transform: uppercase
.papers .papers
@include list-reset @include list-reset
article margin-block-start: half($spacing3)
@include media-breakpoint-up(desktop) li
@include grid + li
+ article
margin-top: $spacing2 margin-top: $spacing2
@include media-breakpoint-up(desktop) @include media-breakpoint-up(desktop)
margin-top: $spacing3 margin-top: $spacing3
> div article
&:first-of-type @include media-breakpoint-up(desktop)
grid-column: 1 / 7 @include grid
&:last-of-type + article
grid-column: 7 / 12 margin-top: $spacing2
@include grid(2, desktop)
@include media-breakpoint-down(desktop)
margin-top: $spacing1
@include media-breakpoint-up(desktop) @include media-breakpoint-up(desktop)
align-items: start margin-top: $spacing3
a, button
@include meta
@include button-reset
align-items: center
cursor: pointer
display: flex
padding: 0
&::before
background-color: white
border: 1px solid $color-border
margin-right: $spacing0
padding: half($spacing0)
transition: background 0.3s ease, border 0.3s ease
@include media-breakpoint-up(desktop)
margin-right: $spacing1
&:hover
text-decoration: none
&::before
background-color: $color-text
border-color: transparent
color: $color-background
button
@include icon-block(eye, before)
a
@include icon-block(download, before)
@include media-breakpoint-down(desktop)
* + *
margin-top: $spacing0
h3
a:hover
color: $color-accent
.paper-volume
@include meta
text-transform: lowercase
a
@include link($color-text)
text-transform: none
span
text-transform: uppercase
.papers__page .papers__page
.document-content .document-content
...@@ -87,3 +67,13 @@ ...@@ -87,3 +67,13 @@
@include h4 @include h4
@include stretched-link(before) @include stretched-link(before)
text-decoration: none text-decoration: none
.document-nav
@include media-breakpoint-up(desktop)
grid-column: 9 / 12
order: 2
dl
margin: 0
dt
@include meta
&:not(:first-of-type)
margin-top: $spacing2
assets/sass/_theme/sections/persons.sass
+ 3
− 0
View file @ c8ab6f0e
...@@ -8,6 +8,9 @@ ...@@ -8,6 +8,9 @@
transition: transform .3s ease transition: transform .3s ease
&:hover::after &:hover::after
transform: translateX($spacing0) transform: translateX($spacing0)
// TODO : voir comment gérer les marges comme pour les blocs (pb footer)
section
padding-bottom: $grid-gutter
ol.programs ol.programs
li li
justify-content: flex-start justify-content: flex-start
......
assets/sass/_theme/sections/volumes.sass
+ 44
− 64
View file @ c8ab6f0e
...@@ -19,74 +19,30 @@ ...@@ -19,74 +19,30 @@
@include grid @include grid
.content .content
@include media-breakpoint-up(desktop) @include media-breakpoint-up(desktop)
grid-column: 1 / 9 grid-column: 1 / 8
> div > div
margin-bottom: $spacing1 margin-bottom: $spacing1
@include media-breakpoint-up(desktop) @include media-breakpoint-up(desktop)
margin-bottom: $spacing4 margin-bottom: $spacing4
.volume-table .modal
list-style: none background-color: $body-overlay-color
margin-block-start: half($spacing3) .modal-content
li background-color: $color-background-alt
+ li padding: $spacing3
margin-top: $spacing3 position: relative
a
text-decoration-color: rgba(0,0,0,0)
&:hover
text-decoration-color: rgba(0,0,0,1)
.item--informations
@include grid(2, desktop)
margin-top: $spacing0
@include media-breakpoint-up(desktop) @include media-breakpoint-up(desktop)
margin-top: $spacing1 // width: col(8)
a, button margin: auto
@include meta .modal-header
@include button-reset margin-bottom: $spacing0
align-items: center .btn-close
cursor: pointer @include button-reset
display: flex @include icon-block(close, before)
padding: 0 position: absolute
&::before right: 0
background-color: white top: 0
border: 1px solid $color-border h5
margin-right: $spacing0 @include h3
padding: half($spacing0)
transition: background 0.3s ease, border 0.3s ease
@include media-breakpoint-up(desktop)
margin-right: $spacing1
&:hover
text-decoration: none
&::before
background-color: $color-text
border-color: transparent
color: $color-background
button
@include icon-block(eye, before)
a
@include icon-block(download, before)
@include media-breakpoint-down(desktop)
* + *
margin-top: $spacing0
.modal
// display: none
background-color: $body-overlay-color
.modal-content
background-color: $color-background-alt
padding: $spacing3
position: relative
@include media-breakpoint-up(desktop)
// width: col(8)
margin: auto
.modal-header
margin-bottom: $spacing0
.btn-close
@include button-reset
@include icon-block(close, before)
position: absolute
right: 0
top: 0
h5
@include h3
.document-aside .document-aside
@include media-breakpoint-up(desktop) @include media-breakpoint-up(desktop)
grid-column: 9 / 12 grid-column: 9 / 12
...@@ -98,4 +54,28 @@ ...@@ -98,4 +54,28 @@
&:not(:first-of-type) &:not(:first-of-type)
margin-top: $spacing2 margin-top: $spacing2
.paper .paper
display: block display: block
\ No newline at end of file @include media-breakpoint-down(desktop)
> div
&:first-of-type
.paper-volume
display: inline-flex
margin-left: $spacing0
@include media-breakpoint-up(desktop)
> div
&:first-of-type
display: flex
flex-wrap: wrap
justify-content: space-between
h3
flex: 1
> span
order: 3
width: 100%
.paper-volume
padding-left: $spacing1
&:last-of-type
gap: $grid-gutter
margin-top: $spacing1
a, button
width: unset
\ No newline at end of file
layouts/papers/single.html
+ 4
− 0
View file @ c8ab6f0e
...@@ -9,12 +9,16 @@ ...@@ -9,12 +9,16 @@
<meta itemprop="name" content="{{ partial "PrepareHTML" .Title }}"> <meta itemprop="name" content="{{ partial "PrepareHTML" .Title }}">
<div class="container"> <div class="container">
{{ partial "papers/document-nav.html" . }}
<div class="content"> <div class="content">
{{ partial "papers/abstract.html" . }} {{ partial "papers/abstract.html" . }}
{{ partial "papers/authors.html" . }} {{ partial "papers/authors.html" . }}
{{ partial "papers/body.html" . }} {{ partial "papers/body.html" . }}
{{ partial "papers/references.html" . }} {{ partial "papers/references.html" . }}
</div> </div>
</div> </div>
</div> </div>
......
layouts/partials/papers/abstract.html
+ 7
− 0
View file @ c8ab6f0e
<section> <section>
<p itemprop="abstract">{{ partial "PrepareHTML" .Params.Abstract }}</p> <p itemprop="abstract">{{ partial "PrepareHTML" .Params.Abstract }}</p>
<div role="group">
{{ if isset .Params "pdf" }}
{{- $pdf := partial "GetMedia" .Params.pdf -}}
<a href="{{ $pdf.url }}" download>{{ i18n "commons.download.pdf" }}</a><br>
{{ end }}
<a href="#" class="squared-button" download>PDF (435 ko)</a>
</div>
</section> </section>
layouts/partials/papers/document-nav.html
+ 23
− 18
View file @ c8ab6f0e
<aside class="document-nav"> <aside class="document-nav">
<div role="group">
{{ if isset .Params "pdf" }}
{{- $pdf := partial "GetMedia" .Params.pdf -}}
<a href="{{ $pdf.url }}" download>{{ i18n "commons.download.pdf" }}</a><br>
{{ end }}
{{ if .Content }}
<a href="#full-text" class="btn-eye">{{ i18n "commons.read_online" }}</a>
{{ end }}
</div>
<dl> <dl>
{{ range .GetTerms "volumes" }}
<dt>{{ i18n "volumes.singular_name" }}</dt>
<dd itemprop="isPartOf" itemscope itemtype="https://schema.org/PublicationVolume">
<a href="{{ .Permalink }}" itemprop="url">
<span itemprop="name">{{ .Title }}</span>
<div class="media">
{{- if .Params.image -}}
{{- partial "commons/image.html"
(dict
"image" .Params.image
"alt" .Title
"mobile" "327x388"
"tablet" "208x247"
"desktop" "408x485"
) -}}
{{- else if site.Params.default_image.url -}}
{{- partial "commons/image-default.html" (dict "class" "img-fluid") -}}
{{- end -}}
</div>
</a>
</dd>
{{ end }}
{{ if isset .Params "type" }} {{ if isset .Params "type" }}
<dt>{{ i18n "volumes.nature" }}</dt> <dt>{{ i18n "volumes.nature" }}</dt>
<dd>{{ partial "PrepareHTML" .Params.Type }}</dd> <dd>{{ partial "PrepareHTML" .Params.Type }}</dd>
...@@ -26,15 +40,6 @@ ...@@ -26,15 +40,6 @@
<dd itemprop="inLanguage" content="{{ .Params.Lang_iso }}">{{ .Params.Lang }}</dd> <dd itemprop="inLanguage" content="{{ .Params.Lang_iso }}">{{ .Params.Lang }}</dd>
{{ end }} {{ end }}
{{ range .GetTerms "volumes" }}
<dt>{{ i18n "volumes.singular_name" }}</dt>
<dd itemprop="isPartOf" itemscope itemtype="https://schema.org/PublicationVolume">
<a href="{{ .Permalink }}" itemprop="url">
<span itemprop="name">{{ .Title }}</span>
</a>
</dd>
{{ end }}
{{ if .Date }} {{ if .Date }}
<dt>{{ i18n "commons.date" }}</dt> <dt>{{ i18n "commons.date" }}</dt>
<dd> <dd>
......
layouts/partials/papers/paper.html
+ 2
− 2
View file @ c8ab6f0e
...@@ -26,8 +26,8 @@ ...@@ -26,8 +26,8 @@
</p> </p>
</div> </div>
<div role="group"> <div role="group">
<button type="button" data-bs-toggle="modal">Résumé</button> <button class="squared-button" type="button" data-bs-toggle="modal">Résumé</button>
<a href="#" download>PDF (435 ko)</a> <a class="squared-button" href="#" download>PDF (435 ko)</a>
{{/* <button type="button" data-bs-toggle="modal" data-bs-target="#{{ $modalId }}">{{ i18n "volumes.abstract" }}</button> {{/* <button type="button" data-bs-toggle="modal" data-bs-target="#{{ $modalId }}">{{ i18n "volumes.abstract" }}</button>
{{ if .Params.pdf }} {{ if .Params.pdf }}
{{- $pdf := partial "GetMedia" .Params.pdf -}} {{- $pdf := partial "GetMedia" .Params.pdf -}}
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment