diff --git a/layout/_partial/main/post_list/post_card.ejs b/layout/_partial/main/post_list/post_card.ejs index 0d2ef9b..53902d8 100755 --- a/layout/_partial/main/post_list/post_card.ejs +++ b/layout/_partial/main/post_list/post_card.ejs @@ -90,21 +90,22 @@ function div_photo() { var el = ''; el += '
'; el += ''; - if (post.cover_info) { + let info = post.cover_info; + if (info) { el += '
'; + if (info.meta) { + el += '
' + info.meta + '
'; } - if (post.cover_info.title) { - el += '
' + post.cover_info.title + '
'; + if (info.title) { + el += '
' + info.title + '
'; } - if (post.cover_info.subtitle) { - el += '
' + post.cover_info.subtitle + '
'; + if (info.subtitle) { + el += '
' + info.subtitle + '
'; } el += '
'; diff --git a/layout/_partial/sidebar/logo.ejs b/layout/_partial/sidebar/logo.ejs index 1616b83..c810444 100644 --- a/layout/_partial/sidebar/logo.ejs +++ b/layout/_partial/sidebar/logo.ejs @@ -21,7 +21,7 @@ function layoutTitle(main, url, sub) { } function layoutDiv() { var el = ''; - if (page.layout == 'wiki' && proj && proj.index != false) { + if (page.layout == 'wiki') { el += '
'; // all products el += ''; diff --git a/source/css/_common/title.styl b/source/css/_common/title.styl index 32108f9..9af1826 100644 --- a/source/css/_common/title.styl +++ b/source/css/_common/title.styl @@ -28,7 +28,7 @@ h6 .post-list .post-title font-weight: 500 - margin: .75rem 0 .5rem + margin: .75rem 0 line-height: 1.2 font-size: $fs-h3 border-bottom: none diff --git a/source/css/_layout/list.styl b/source/css/_layout/list.styl index 4a5d4d4..7983f31 100644 --- a/source/css/_layout/list.styl +++ b/source/css/_layout/list.styl @@ -81,7 +81,7 @@ img width: 100% .cover-info - padding: 1rem + padding: 1.5rem 1rem position: absolute line-height: 1.2 width: 'calc(100% - %s * 2)' % 1rem @@ -89,10 +89,10 @@ color: white &[position=top] top: 0 - background-image: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.3),rgba(0,0,0,0)) + background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.2),rgba(0,0,0,0)) &[position=bottom] bottom: 0 - background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0.4)) + background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0.3)) div+div margin-top: 8px @media screen and (max-width: $device-mobile) diff --git a/source/css/_layout/tag-plugins/about.styl b/source/css/_layout/tag-plugins/about.styl index e05fa16..057f2da 100644 --- a/source/css/_layout/tag-plugins/about.styl +++ b/source/css/_layout/tag-plugins/about.styl @@ -6,7 +6,7 @@ display flex justify-content: center flex-wrap: wrap - margin: 1.5rem 0 3rem + margin: 1.5rem 0 img object-fit: contain >img @@ -27,27 +27,16 @@ .about-body >p line-height: 1.5 - .tag-plugin.navbar:last-child - text-align: center - nav.cap - margin-top: 1rem - background: var(--card) - box-shadow: $boxshadow-button - a - color: var(--text-p2) - &:hover - background: var(--block) - &.active - background: var(--block) - box-shadow: none - color: var(--text-p1) + &:first-child + margin-top: 2.5rem + p+.tag-plugin.navbar .cap + margin-top: 1rem .about-header+.about-body - margin-top: 1.5rem + margin-top: 2rem @media screen and (max-width: $device-mobile) .tag-plugin.about - padding: 1.5rem 1rem + padding: 2rem 1rem .about-header - margin: 2.5rem 0 3rem p width 100% diff --git a/source/css/_layout/tag-plugins/navbar.styl b/source/css/_layout/tag-plugins/navbar.styl index 304f855..ff9644d 100644 --- a/source/css/_layout/tag-plugins/navbar.styl +++ b/source/css/_layout/tag-plugins/navbar.styl @@ -1,16 +1,22 @@ .md .tag-plugin.navbar + text-align: center nav.cap margin: 0 padding: 1px - background: var(--block) + background: var(--card) + box-shadow: $boxshadow-button border-radius: 6px display: inline-flex max-width: 100% a margin: 1px padding: 0.25em 0.75rem + color: var(--text-p2) &:after display: none - &:hover,&.active - background: var(--card) - color: var(--text-p1) + &:hover + background: var(--block) + &.active + background: var(--block) + box-shadow: none + color: var(--text-p1) \ No newline at end of file