diff options
author | Yue Yang <g1enyy0ung@gmail.com> | 2020-12-08 18:43:41 +0300 |
---|---|---|
committer | Yue Yang <g1enyy0ung@gmail.com> | 2020-12-08 18:43:41 +0300 |
commit | f952a6bd6e98eb145a91b281695d3567e451101b (patch) | |
tree | 37c5089e709bf641c40896dd9e33e21c992180cb | |
parent | a48d9c8dd806eed9fe2eadf2f7549f60ede41489 (diff) |
Add avatar post param
-rw-r--r-- | layouts/_default/summary.html | 43 | ||||
-rw-r--r-- | src/sass/site.scss | 19 | ||||
-rw-r--r-- | static/css/site.css | 2 |
3 files changed, 42 insertions, 22 deletions
diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html index 3b3d671..88234d1 100644 --- a/layouts/_default/summary.html +++ b/layouts/_default/summary.html @@ -13,25 +13,13 @@ </h2> <div class="meta"> <p class="date"> - {{ if eq .Site.Language.Lang "zh" }} + {{- if eq .Site.Language.Lang "zh" -}} {{ index .Site.Data.zh.Weekday (printf "%d" .Date.Weekday) }},{{ index .Site.Data.zh.Month (printf "%d" .Date.Month) }} {{ .Date.Day }} 日,{{ .Date.Year }} 年 - {{ else if eq .Site.Language.Lang "es" }} + {{- else if eq .Site.Language.Lang "es" -}} {{ index .Site.Data.es.Weekday (printf "%d" .Date.Weekday) }}, {{ .Date.Day }} de {{ index .Site.Data.es.Month (printf "%d" .Date.Month) }} de {{ .Date.Year }} - {{ else }} + {{- else -}} {{ .Date.Format "Monday, Jan 2, 2006" }} - {{ end }} - </p> - <p class="author"> - @ - {{ if isset .Params "author" }} - {{ if isset .Params "authorlink" }} - <a href="{{ .Params.authorlink }}" target="_blank">{{ .Params.author }}</a> - {{ else }} - {{ .Params.author }} - {{ end }} - {{ else }} - {{ .Site.Params.author }} - {{ end }} + {{- end -}} </p> </div> <div class="description"> @@ -40,9 +28,26 @@ </div> <div class="extra content"> - <a class="reading-time"> + <div class="author"> + {{- if isset .Params "avatar" -}} + <img class="ui avatar image" src="{{ .Params.avatar }}" /> + {{- else -}} + @ + {{- end -}} + + {{- if isset .Params "author" -}} + {{- if isset .Params "authorlink" -}} + <a href="{{ .Params.authorlink }}" target="_blank">{{ .Params.author }}</a> + {{- else -}} + {{- .Params.author -}} + {{- end -}} + {{- else -}} + {{- .Site.Params.author -}} + {{- end -}} + </div> + <div class="reading-time"> <i class="clock icon"></i> - {{ .ReadingTime }}{{ i18n "minuteRead" }} - </a> + {{- .ReadingTime -}}{{- i18n "minuteRead" -}} + </div> </div> </article> diff --git a/src/sass/site.scss b/src/sass/site.scss index 28a0582..81d90c6 100644 --- a/src/sass/site.scss +++ b/src/sass/site.scss @@ -173,6 +173,10 @@ body { } } + &.inverted .extra { + color: rgba(#fff, 0.4); + } + .content { .header { margin-bottom: 0; @@ -195,10 +199,21 @@ body { width: 100% !important; } } + } + + .extra { + position: relative; + display: flex; + align-items: center; + + .author { + display: flex; + align-items: center; + } .reading-time { - text-decoration: none !important; - cursor: text !important; + position: absolute; + right: 1em; } } } diff --git a/static/css/site.css b/static/css/site.css index 9413266..bea728f 100644 --- a/static/css/site.css +++ b/static/css/site.css @@ -1 +1 @@ -body{background-attachment:fixed;background-position:center;background-size:cover}body .os-host>.os-padding>.os-viewport>.os-content{height:auto !important}.flip-container{width:100vw;height:100vh;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.flip-container.flip-it .flipper{transform:rotateY(180deg)}.flip-container .flipper{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 0.8s ease}.flip-container .front,.flip-container .back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.flip-container .front{transform:rotateY(0deg)}.flip-container .back{transform:rotateY(180deg)}.dream-max-width{max-width:1664px;margin:0 auto}.inverted a{color:#eee !important}.inverted a:hover{color:#fff !important}.dream-404-container{position:fixed;top:50%;left:50%;width:100%;transform:translate3d(-50%, -50%, 0)}.dream-404-container .ui.header{margin-bottom:2rem}.dream-404-container .ui.header .sub.header{margin-top:0.5rem}.ui.menu.dream-menu{margin-left:0;margin-right:0}.ui.menu.dream-menu.dream-socials{display:flex;flex-wrap:wrap}.ui.menu.dream-menu.dream-socials .item:first-child{padding-left:0.5rem}.ui.menu.dream-menu .item{padding:0.5rem}.ui.menu.dream-menu .item:first-child{padding-left:1rem}.ui.menu.dream-menu .item i{margin:0}.ui.menu.dream-menu .item a{color:rgba(0,0,0,0.87)}.dream-header{position:relative;z-index:999}.dream-header .header-socials{padding-top:0;padding-bottom:0}.dream-header .header-socials .dream-socials{justify-content:center}.dream-tags .ui.label{margin:0.5rem 0}.dream-categories .ui.accordion .ui.list .item{padding-left:1rem}.dream-grid{margin:1rem !important;margin-top:0 !important}.dream-grid .dream-column .ui.card{width:100%}.ui.card.dream-card{border-radius:0.28571429rem !important}.ui.card.dream-card.inverted .content .header>a{color:#fff !important}.ui.card.dream-card.inverted .content .meta{color:rgba(255,255,255,0.4)}.ui.card.dream-card.inverted .content .description{color:rgba(255,255,255,0.87)}.ui.card.dream-card .content .header{margin-bottom:0}.ui.card.dream-card .content .header a{color:#000 !important}.ui.card.dream-card .content .description{margin-top:1rem;color:rgba(0,0,0,0.87);overflow-wrap:break-word}.ui.card.dream-card .content .description img{max-width:100%}.ui.card.dream-card .content .description iframe[id^='twitter-widget-']{width:100% !important}.ui.card.dream-card .content .reading-time{text-decoration:none !important;cursor:text !important}.dream-single .cover{padding:0}.dream-single .cover .cover-img{height:256px;background-position:center;background-size:cover}@media screen and (max-width: 768px){.dream-single .cover .cover-img{height:128px}}.dream-single h1.ui.large.header{margin-top:1rem}.dream-single .main{margin-top:2rem}.dream-single-aside{position:sticky !important;top:0;height:0}@media screen and (max-width: 768px){.dream-single-aside{display:none !important}}.toc ul{padding-left:2rem}.utterances-comments .utterances{max-width:unset}#dream-search{position:fixed;top:5%;left:50%;width:30%;display:none;border:1px solid #555;transform:translateX(-50%)}@media screen and (max-width: 768px){#dream-search{width:90%}}#dream-search .ui.input{width:calc(100% - 2rem)}#dream-search input{color:#fff}#dream-search .results{background:#1b1c1d;border-color:#555}#dream-search .result,#dream-search .message.empty{border-color:rgba(255,255,255,0.1)}#dream-search .result:hover,#dream-search .result.active,#dream-search .message.empty:hover,#dream-search .message.empty.active{background:rgba(255,255,255,0.1)}#dream-search .result .title,#dream-search .result .header,#dream-search .message.empty .title,#dream-search .message.empty .header{color:#fff}#dream-search .result .description,#dream-search .message.empty .description{color:rgba(255,255,255,0.87)} +body{background-attachment:fixed;background-position:center;background-size:cover}body .os-host>.os-padding>.os-viewport>.os-content{height:auto !important}.flip-container{width:100vw;height:100vh;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.flip-container.flip-it .flipper{transform:rotateY(180deg)}.flip-container .flipper{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;transition:all 0.8s ease}.flip-container .front,.flip-container .back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.flip-container .front{transform:rotateY(0deg)}.flip-container .back{transform:rotateY(180deg)}.dream-max-width{max-width:1664px;margin:0 auto}.inverted a{color:#eee !important}.inverted a:hover{color:#fff !important}.dream-404-container{position:fixed;top:50%;left:50%;width:100%;transform:translate3d(-50%, -50%, 0)}.dream-404-container .ui.header{margin-bottom:2rem}.dream-404-container .ui.header .sub.header{margin-top:0.5rem}.ui.menu.dream-menu{margin-left:0;margin-right:0}.ui.menu.dream-menu.dream-socials{display:flex;flex-wrap:wrap}.ui.menu.dream-menu.dream-socials .item:first-child{padding-left:0.5rem}.ui.menu.dream-menu .item{padding:0.5rem}.ui.menu.dream-menu .item:first-child{padding-left:1rem}.ui.menu.dream-menu .item i{margin:0}.ui.menu.dream-menu .item a{color:rgba(0,0,0,0.87)}.dream-header{position:relative;z-index:999}.dream-header .header-socials{padding-top:0;padding-bottom:0}.dream-header .header-socials .dream-socials{justify-content:center}.dream-tags .ui.label{margin:0.5rem 0}.dream-categories .ui.accordion .ui.list .item{padding-left:1rem}.dream-grid{margin:1rem !important;margin-top:0 !important}.dream-grid .dream-column .ui.card{width:100%}.ui.card.dream-card{border-radius:0.28571429rem !important}.ui.card.dream-card.inverted .content .header>a{color:#fff !important}.ui.card.dream-card.inverted .content .meta{color:rgba(255,255,255,0.4)}.ui.card.dream-card.inverted .content .description{color:rgba(255,255,255,0.87)}.ui.card.dream-card.inverted .extra{color:rgba(255,255,255,0.4)}.ui.card.dream-card .content .header{margin-bottom:0}.ui.card.dream-card .content .header a{color:#000 !important}.ui.card.dream-card .content .description{margin-top:1rem;color:rgba(0,0,0,0.87);overflow-wrap:break-word}.ui.card.dream-card .content .description img{max-width:100%}.ui.card.dream-card .content .description iframe[id^='twitter-widget-']{width:100% !important}.ui.card.dream-card .extra{position:relative;display:flex;align-items:center}.ui.card.dream-card .extra .author{display:flex;align-items:center}.ui.card.dream-card .extra .reading-time{position:absolute;right:1em}.dream-single .cover{padding:0}.dream-single .cover .cover-img{height:256px;background-position:center;background-size:cover}@media screen and (max-width: 768px){.dream-single .cover .cover-img{height:128px}}.dream-single h1.ui.large.header{margin-top:1rem}.dream-single .main{margin-top:2rem}.dream-single-aside{position:sticky !important;top:0;height:0}@media screen and (max-width: 768px){.dream-single-aside{display:none !important}}.toc ul{padding-left:2rem}.utterances-comments .utterances{max-width:unset}#dream-search{position:fixed;top:5%;left:50%;width:30%;display:none;border:1px solid #555;transform:translateX(-50%)}@media screen and (max-width: 768px){#dream-search{width:90%}}#dream-search .ui.input{width:calc(100% - 2rem)}#dream-search input{color:#fff}#dream-search .results{background:#1b1c1d;border-color:#555}#dream-search .result,#dream-search .message.empty{border-color:rgba(255,255,255,0.1)}#dream-search .result:hover,#dream-search .result.active,#dream-search .message.empty:hover,#dream-search .message.empty.active{background:rgba(255,255,255,0.1)}#dream-search .result .title,#dream-search .result .header,#dream-search .message.empty .title,#dream-search .message.empty .header{color:#fff}#dream-search .result .description,#dream-search .message.empty .description{color:rgba(255,255,255,0.87)} |