diff --git a/assets/sass/_theme/sections/papers.sass b/assets/sass/_theme/sections/papers.sass index 38d0927df81be61d1d7b24b6fc116e0848fae7ef..6e07beaa46fcc3e0a5e479b5434a41170e94b381 100644 --- a/assets/sass/_theme/sections/papers.sass +++ b/assets/sass/_theme/sections/papers.sass @@ -47,57 +47,81 @@ .papers__page + @include media-breakpoint-down(desktop) + .document-content + display: flex + flex-direction: column + aside + order: 2 + padding: 0 half($grid-gutter-sm) + @include media-breakpoint-up(desktop) + .paper-sidebar + @include container-margin-left + margin-top: 0 + top: 0 + left: 0 + height: 100% + position: absolute + width: col-outside-container(4) + > div + @include sticky($spacing1) + .toc-container + border-top: 1px solid $color-border + padding-top: $spacing1 + position: static + margin-left: 0 + .document-content - .container + // .container + // @include media-breakpoint-up(desktop) + // @include grid + .content @include media-breakpoint-up(desktop) - @include grid - .content + grid-column: 5 / 12 + section + section + margin-top: $spacing2 @include media-breakpoint-up(desktop) - grid-column: 5 / 12 - section + section + margin-top: $spacing4 + .squared-button + margin-bottom: 0 + margin-top: $spacing0 + width: auto + .paper-essentials + h2 + @include meta margin-top: $spacing2 - @include media-breakpoint-up(desktop) - margin-top: $spacing4 - .squared-button - margin-bottom: 0 - margin-top: $spacing0 - width: auto - .paper-essentials - h2 - @include meta + &:first-of-type + margin-top: 0 + .paper-body + h2 + margin-bottom: $spacing2 + .paper-authors + h2 + @include h3 + .authors + @include grid(2, desktop) + article margin-top: $spacing2 - &:first-of-type - margin-top: 0 - .paper-body - h2 - margin-bottom: $spacing2 - .paper-authors - h2 - @include h3 - .authors - @include grid(2, desktop) - article - margin-top: $spacing2 - .name - a - @include h4 - @include stretched-link(before) - text-decoration: none - .document-nav - @include media-breakpoint-up(desktop) - grid-column: 1 / 5 - img - width: col(2, 4) - dl - margin: 0 - dt - @include meta - margin-bottom: $spacing0 - &:not(:first-of-type) - margin-top: $spacing2 - dd:first-of-type - a - display: flex - flex-direction: column - span - order: 3 + .name + a + @include h4 + @include stretched-link(before) + text-decoration: none + .document-nav + @include media-breakpoint-up(desktop) + grid-column: 1 / 5 + img + width: col(2, 4) + dl + margin: 0 + dt + @include meta + margin-bottom: $spacing0 + &:not(:first-of-type) + margin-top: $spacing2 + dd:first-of-type + a + display: flex + flex-direction: column + span + order: 3 diff --git a/layouts/papers/single.html b/layouts/papers/single.html index 634c48f1d9c6c71e54ee0a07b380275df8468fda..ce1e57e3ef57625c427eeb65094faf6518255e91 100644 --- a/layouts/papers/single.html +++ b/layouts/papers/single.html @@ -9,21 +9,26 @@ ) -}} <div class="document-content" itemscope itemtype="https://schema.org/ScholarlyArticle"> <meta itemprop="name" content="{{ partial "PrepareHTML" .Title }}"> + {{ partial "papers/sidebar.html" . }} <div class="container"> - - {{ partial "papers/document-nav.html" . }} - <div class="content"> - {{ partial "papers/abstract.html" . }} - {{ partial "papers/authors.html" . }} - {{ partial "papers/body.html" . }} - {{ partial "papers/references.html" . }} + <div class="blocks"> + <div class="block"> + <div class="container"> + <div class="block-content"> + {{ partial "papers/abstract.html" . }} + {{ partial "papers/authors.html" . }} + {{ partial "papers/body.html" . }} + {{ partial "papers/references.html" . }} + </div> + </div> + </div> </div> + {{ partial "blocks/list.html" . }} </div> </div> -{{ partial "blocks/list.html" . }} {{ end }} diff --git a/layouts/partials/papers/sidebar.html b/layouts/partials/papers/sidebar.html new file mode 100644 index 0000000000000000000000000000000000000000..9b1e9ff7cf73db6c8b385800503323e2f0bdeff2 --- /dev/null +++ b/layouts/partials/papers/sidebar.html @@ -0,0 +1,82 @@ +<div class="paper-sidebar"> + <div> + <aside> + <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" }} + <dt>{{ i18n "volumes.nature" }}</dt> + <dd>{{ partial "PrepareHTML" .Params.Type }}</dd> + {{ end }} + + {{ if isset .Params "keywords" }} + {{ if gt ( len .Params.keywords ) 0 }} + <dt>{{ i18n "volumes.keywords" }}</dt> + <dd itemprop="keywords">{{ delimit .Params.Keywords " " }}</dd> + {{ end }} + {{ end }} + + {{ if isset .Params "lang" }} + <dt>{{ i18n "commons.language" }}</dt> + <dd itemprop="inLanguage" content="{{ .Params.Lang_iso }}">{{ .Params.Lang }}</dd> + {{ end }} + + {{ if .Date }} + <dt>{{ i18n "commons.date" }}</dt> + <dd> + <time itemprop="datePublished" datetime="{{ .Date | time.Format "2006-01-02T15:04" }}">{{ .Date | time.Format ":date_long" }}</time> + </dd> + {{ end }} + + {{ with .Params.dates.published }} + <dt>{{ i18n "papers.dates.published" }}</dt> + <dd> + <time itemprop="datePublished" datetime="{{ . | time.Format "2006-01-02T15:04" }}">{{ . | time.Format ":date_long" }}</time> + </dd> + {{ end }} + + {{ with .Params.dates.accepted }} + <dt>{{ i18n "papers.dates.accepted" }}</dt> + <dd> + <time itemprop="datePublished" datetime="{{ . | time.Format "2006-01-02T15:04" }}">{{ . | time.Format ":date_long" }}</time> + </dd> + {{ end }} + + {{ with .Params.dates.received }} + <dt>{{ i18n "papers.dates.received" }}</dt> + <dd> + <time itemprop="datePublished" datetime="{{ . | time.Format "2006-01-02T15:04" }}">{{ . | time.Format ":date_long" }}</time> + </dd> + {{ end }} + </dl> + </aside> + + {{ partial "toc/container.html" + (dict + "toc" "toc/default.html" + "context" . + ) + }} + </div> +</div>