diff --git a/assets/css/_common/components/post/post-footer.scss b/assets/css/_common/components/post/post-footer.scss index 2a58bf0..e97c8c9 100644 --- a/assets/css/_common/components/post/post-footer.scss +++ b/assets/css/_common/components/post/post-footer.scss @@ -5,6 +5,25 @@ // See https://caniuse.com/flexbox-gap .post-footer { @include flex-column(); + + hr{ + text-align:center; + line-height:0px; + height: 0px; + background-image: none; + border-bottom: .125em dashed #999; + margin: 24px 0; + + &:after{ + content: $post_end_line_tip; + font-size: .9em; + font-weight: bold; + background: #fff; + padding: 0 5px; + z-index:2; + } +} + } .post-eof { @@ -47,13 +66,23 @@ } .post-tags { - margin-top: 40px; + margin-bottom: 20px; text-align: center; a { display: inline-block; font-size: $font-size-smaller; + &:before { + @if $post_end_tag_icon { + content: "π"; + font-size: 1.25em; + } + @else { + content: "#"; + } + } + &:not(:last-child) { margin-right: 10px; } diff --git a/assets/css/_common/components/post/post-reward.scss b/assets/css/_common/components/post/post-reward.scss index eb417fc..ca7d163 100644 --- a/assets/css/_common/components/post/post-reward.scss +++ b/assets/css/_common/components/post/post-reward.scss @@ -1,6 +1,6 @@ .reward-container { margin: $post-card-margin; - padding: 1em 0; + /* padding: 1em 0; */ text-align: center; div>i { diff --git a/assets/css/main.scss b/assets/css/main.scss index 9ef40a6..c1bf2bf 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -78,6 +78,8 @@ $motion_trans_post_header: {{ $P.motion.transition.postHeader }}; $post_edit_enable: {{ $P.postEdit.enable }}; $post_meta_item_text: {{ $P.postMeta.itemText }}; $reward_settings_animation: {{ $P.rewardSets.animation }}; +$post_end_line_tip: "{{ $P.postFooter.endLineTip }}"; +$post_end_tag_icon: {{ $P.postFooter.tagIcon }}; // TODO find the paramters $text_align_desktop: justify; diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml index 730adc4..e21ec35 100644 --- a/exampleSite/config.yaml +++ b/exampleSite/config.yaml @@ -8,6 +8,7 @@ baseURL: / theme: hugo-theme-next +# Make markdown content support HTML syntax markup: goldmark: renderer: @@ -331,6 +332,9 @@ params: # symbols_count_time: # separated_meta: true # item_text_total: false + postFooter: + endLineTip: "~ ζε―ζ―ζεΊηΊΏηε ~" + tagIcon: true # Use icon instead of the symbol # to indicate the tag at the bottom of the post tag_icon: false diff --git a/layouts/partials/post/post_footer.html b/layouts/partials/post/post_footer.html index 0e331b4..4d9cedd 100644 --- a/layouts/partials/post/post_footer.html +++ b/layouts/partials/post/post_footer.html @@ -9,9 +9,11 @@ {{- end }}
{{- else }} -{{ partial "post/post_footer/post_reward.html" . }} -{{ partial "post/post_footer/post_copyright.html" . }} -{{ partial "post/post_footer/post_followme.html" . }} +{{ partial "post/post_footer/tags.html" . }} +