Add `post mode` in home

This commit is contained in:
Covey 2018-09-16 10:05:47 +08:00
parent c566025192
commit e8ae475591
5 changed files with 131 additions and 1 deletions

View File

@ -0,0 +1,60 @@
.post-warp {
.intro {
transform: translateY(0);
margin: 2em 0 5em 0;
.avatar {
img {
width: 96px;
}
}
}
.post {
margin-bottom: 4em;
border-bottom: 1px dashed #ddd;
.post-content {
padding-top: .5em;
}
.post-footer {
display: flex;
justify-content: space-between;
align-items: center;
.post-meta {
a {
color: rgba(85, 85, 85, 0.52941) !important;
.dark-theme & {
color: $dark-font-secondary-color !important;
}
&:hover {
color: $light-font-secondary-color !important;
.dark-theme & {
color: $dark-font-secondary-color !important;
}
}
}
}
.post-tags {
span {
a {
color: rgba(85, 85, 85, 0.52941) !important;
.dark-theme & {
color: $dark-font-secondary-color !important;
}
&:hover {
color: $light-font-secondary-color !important;
.dark-theme & {
color: $dark-font-secondary-color !important;
}
}
}
}
}
}
}
}

View File

@ -9,6 +9,7 @@
@import "_common/_page/terms.scss";
@import "_common/_page/post.scss";
@import "_common/_page/tags.scss";
@import "_common/_page/home_post.scss";
@import "_common/_section/navbar.scss";
@import "_common/_section/footer.scss";

View File

@ -1,3 +1,7 @@
{{ define "content" }}
{{ partial "home.html" . }}
{{ if eq .Site.Params.home_mode "post" }}
{{ partial "home_post.html" . }}
{{ else }}
{{ partial "home_profile.html" . }}
{{ end }}
{{ end }}

View File

@ -0,0 +1,65 @@
<div class="post-warp">
<div class="intro">
{{ $cdn_url := .Scratch.Get "cdn_url" }}
{{ with .Site.Params.avatar}}
{{ $avatar := .}}
<div class="avatar">
<a href="/posts/"> <img src="{{ (printf "%s%s" $cdn_url $avatar)}}"> </a>
</div>
{{ end }}
{{ with .Site.Params.subtitle}}
<h2 class="description">
{{ . }}
</h2>
{{ end }}
</div>
{{ range (.Paginate .Pages).Pages }}
<article class="post" itemscope itemscope="" itemtype="http://schema.org/Article">
<header class="post-header">
<h1 class="post-title" itemprop="name headline"><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
</header>
<div class="post-content">
<!--featured_image-->
{{ with .Params.featured_image }}
{{- $img := . -}}
<p><img src="{{ printf "%s%s" $cdn_url $img }}" class="featured_image"></p>
{{ end }}
<!-- end featured_image-->
{{ .Summary }}
</div>
<div class="post-footer">
<div class="post-meta">
<span class="post-time">
<time datetime={{.Date.Format (.Site.Params.dateFormatToUse | default "2006-01-02") }} itemprop="datePublished">{{ .Date.Format (.Site.Params.dateFormatToUse | default "January 2, 2006") }}</time>
</span>
in
{{ with .Params.categories -}}
<i class="iconfont icon-folder"></i>
<span class="post-category">
{{ range . }}
{{- $name := . -}}
{{- with $.Site.GetPage "taxonomy" (printf "categories/%s" $name) | default ($.Site.GetPage "taxonomy" (printf "categories/%s" ($name | urlize))) -}}
<a href="{{ .Permalink }}"> {{ $name }} </a>
{{ end -}}
{{ end }}
</span>
{{- end }}
</div>
{{ with .Params.tags }}
<div class="post-tags">
{{ range . }}
<span class="tag"><a href="{{ "tags/" | absURL }}{{ . | urlize }}/">
#{{.}}</a></span>
{{ end }}
</div>
{{ end }}
</div>
</article>
{{ end }}
{{ partial "paginator.html" . }}
</div>