lastmod show only if diff with date, enableSidebarMenu skeleton complete

This commit is contained in:
zzossig 2020-03-11 10:50:07 +09:00
parent d6f13a0aae
commit 7b53d1da6f
10 changed files with 84 additions and 12 deletions

View File

@ -26,15 +26,15 @@
@include on-event {
color: themed('link-hover');
}
}
}
}
}
&:last-child {
@include truncate($grid_max_width + $grid_max_unit);
@include themify($themes) {
color: themed('breadcrumb-item-active-color');
}
}
}
}
li+li:before {

View File

@ -43,6 +43,14 @@
&-hr {
margin: 1.5rem 0;
}
&__menu {
margin-top: $grid_navbar_height;
padding: 0 1rem;
@include flexbox();
@include flex-direction(column);
}
}
li.sidebar-recent {

View File

@ -1,3 +1,19 @@
$grid_max_width: 960;
@if global-variable-exists(viewport_size) {
@if $viewport_size == widest {
$grid_max_width: 1600;
} @else if $viewport_size == wider {
$grid_max_width: 1440;
} @else if $viewport_size == wide {
$grid_max_width: 1280;
} @else if $viewport_size == narrow {
$grid_max_width: 800;
} @else {
$grid_max_width: 960;
}
}
$grid_max: $grid_max_width + $grid_max_unit;
.wrapper {
@ -15,16 +31,24 @@ $grid_max: $grid_max_width + $grid_max_unit;
&__left {
position: fixed;
top: 0;
left: 0;
left: -0.5rem;
height: 100vh;
width: calc((100vw - #{$grid_max}) / 2);
&[data-pad="false"] {
left: 0;
}
}
&__right {
position: fixed;
top: 0;
right: 0;
right: -0.5rem;
height: 100vh;
width: calc((100vw - #{$grid_max}) / 2);
&[data-pad="false"] {
right: 0;
}
}
}

View File

@ -1,5 +1,10 @@
{{ $isPad := or (in (slice "archive" "posts" "page") .Type) }}
{{ $isPad = or $isPad (and (eq .Kind "page") (not (in (slice "about" "contact" "publication") .Type))) }}
{{ $isPad = or $isPad (and (eq .Kind "section") (eq .Type "publication")) }}
{{ $isPad = or $isPad (and (eq .Type "tags") (ne .Kind "taxonomyTerm")) }}
{{ if eq ($.Param "languagedir") "rtl" }}
<div class="wrapper__left hide" dir="rtl">
<div class="wrapper__left hide" data-pad="{{ $isPad }}" dir="rtl">
<script>document.querySelector('.wrapper__left').classList.remove('hide')</script>
{{ if and (eq ($.Param "tocPosition") "outer") .IsPage }}
{{ if and (ne .Type "about") (ne .Type "contact") (ne .Type "gallery") }}
@ -20,4 +25,10 @@
{{ end }}
{{ end }}
</div>
{{ else if and (eq ($.Param "languagedir") "ltr") ($.Param "enableSidebarMenu") }}
<div class="wrapper__left" data-pad="{{ $isPad }}" dir="ltr">
<div class="sidebar__menu">
{{ partial "sidebar/sidebar-menu" . }}
</div>
</div>
{{ end }}

View File

@ -1,5 +1,10 @@
{{ $isPad := or (in (slice "archive" "posts" "page") .Type) }}
{{ $isPad = or $isPad (and (eq .Kind "page") (not (in (slice "about" "contact" "publication") .Type))) }}
{{ $isPad = or $isPad (and (eq .Kind "section") (eq .Type "publication")) }}
{{ $isPad = or $isPad (and (eq .Type "tags") (ne .Kind "taxonomyTerm")) }}
{{ if ne ($.Param "languagedir") "rtl" }}
<div class="wrapper__right hide" dir="ltr">
<div class="wrapper__right hide" data-pad="{{ $isPad }}" dir="ltr">
<script>document.querySelector('.wrapper__right').classList.remove('hide')</script>
{{ if and (eq ($.Param "tocPosition") "outer") .IsPage }}
{{ if and (ne .Type "about") (ne .Type "contact") (ne .Type "gallery") }}
@ -20,4 +25,8 @@
{{ end }}
{{ end }}
</div>
{{ else if and (eq ($.Param "languagedir") "rtl") ($.Param "enableSidebarMenu") }}
<div class="wrapper__right" data-pad="{{ $isPad }}" dir="rtl">
</div>
{{ end }}

View File

@ -1,7 +1,16 @@
<article class="summary-card" data-ani="{{ $.Site.Params.enableUiAnimation | default "true" }}">
<header>
<h5 class="title h5"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
<h6 class="subtitle caption"><time title="{{ i18n "tooltip-written" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">📅{{ .Date.Format (i18n "summary-dateformat") }} </time> {{ if .GitInfo }} <time title="{{ i18n "tooltip-modified" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </time> {{ end }} <span title="{{ i18n "tooltip-reading-time" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; ☕ {{ .ReadingTime }} {{ i18n "reading-time" }}</span>{{ with $.Param "author" }}&middot; <span title="{{ i18n "single-writtenBy" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">{{if $.Param "AuthorEmoji" }}{{ $.Param "AuthorEmoji" }}{{ else }}✍️{{ end }}&nbsp;{{ . }}</span>{{ end }}</h6>
<h6 class="subtitle caption">
<time title="{{ i18n "tooltip-written" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">📅{{ .Date.Format (i18n "summary-dateformat") }} </time>
{{ if ne (.Date.Format (i18n "summary-dateformat")) (.Lastmod.Format (i18n "summary-dateformat")) }}
<time title="{{ i18n "tooltip-modified" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </time>
{{ end }}
<span title="{{ i18n "tooltip-reading-time" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; ☕ {{ .ReadingTime }} {{ i18n "reading-time" }}</span>
{{ with $.Param "author" }}
&middot; <span title="{{ i18n "single-writtenBy" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">{{ if $.Param "AuthorEmoji" }}{{ $.Param "AuthorEmoji" }}{{ else }}✍️{{ end }}&nbsp;{{ . }}</span>
{{ end }}
</h6>
</header>
<div class="summary-card__content">
<div class="summary-card__text p2">

View File

@ -21,10 +21,12 @@
<h6 class="subtitle caption">
<time title="{{ i18n "tooltip-written" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">📅 {{ .Date.Format (i18n "summary-dateformat") }} </time>
{{ if ne (.Date.Format (i18n "summary-dateformat")) (.Lastmod.Format (i18n "summary-dateformat")) }}
<time title="{{ i18n "tooltip-modified" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </time>
<time title="{{ i18n "tooltip-modified" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </time>
{{ end }}
<span title="{{ i18n "tooltip-reading-time" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; ☕ {{ .ReadingTime }} {{ i18n "reading-time" }} </span>
{{ with $.Param "author" }}&middot; <span title="{{ i18n "single-writtenBy" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">{{if $.Param "authorEmoji" }}{{ $.Param "authorEmoji" }}{{ else }}✍️{{ end }}&nbsp;{{ . }}</span>{{ end }}
{{ with $.Param "author" }}
&middot; <span title="{{ i18n "single-writtenBy" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">{{ if $.Param "authorEmoji" }}{{ $.Param "authorEmoji" }}{{ else }}✍️{{ end }}&nbsp;{{ . }}</span>
{{ end }}
</h6>
</header>
<div>

View File

@ -4,7 +4,16 @@
<div class="summary-compact__meta">
<header>
<h5 class="title h6"><a href='{{ .Permalink }}'> {{ .Title }}</a> </h5>
<h6 class="subtitle caption"><time title="{{ i18n "tooltip-written" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">📅 {{ .Date.Format (i18n "summary-dateformat") }} </time> {{ if .GitInfo }} <time title="{{ i18n "tooltip-modified" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </time> {{ end }} <span title="{{ i18n "tooltip-reading-time" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; ☕ {{ .ReadingTime }} {{ i18n "reading-time" }}</span>{{ with $params.Author }}&middot; <span title="{{ i18n "single-writtenBy" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">{{if $params.AuthorEmoji }}{{ $params.AuthorEmoji }}{{ else }}✍️{{ end }}&nbsp;{{ . }}</span>{{ end }}</h6>
<h6 class="subtitle caption">
<time title="{{ i18n "tooltip-written" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">📅 {{ .Date.Format (i18n "summary-dateformat") }} </time>
{{ if ne (.Date.Format (i18n "summary-dateformat")) (.Lastmod.Format (i18n "summary-dateformat")) }}
<time title="{{ i18n "tooltip-modified" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; 📝 {{ .Lastmod.Format (i18n "summary-dateformat") }} </time>
{{ end }}
<span title="{{ i18n "tooltip-reading-time" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}"> &middot; ☕ {{ .ReadingTime }} {{ i18n "reading-time" }}</span>
{{ with $params.Author }}
&middot; <span title="{{ i18n "single-writtenBy" }}" dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">{{ if $params.AuthorEmoji }}{{ $params.AuthorEmoji }}{{ else }}✍️{{ end }}&nbsp;{{ . }}</span>
{{ end }}
</h6>
</header>
<div class="summary-compact__tag--wrapper">
{{ range $params.tags }}