FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix post sorting + make card linkable

Browse source
This commit is contained in:
hossainemruz 2020-06-11 01:02:30 +06:00
parent 43e1a2a044
commit 1ffe31f6c4
7 changed files with 63 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

39
layouts/_default/single.html
View file

@ -35,23 +35,28 @@
<!---Next and Previous Navigator --> <!---Next and Previous Navigator -->
<hr /> <hr />
<div class="row next-prev-navigator"> <div class="row next-prev-navigator">
{{ if .Prev }} {{ $currentPage := . }}
<div class="col-md-6 previous-article"> {{ range .Site.RegularPages.ByDate }}
<a href="{{.Prev.RelPermalink}}" class="btn btn-outline-info"> {{ if eq .RelPermalink $currentPage.RelPermalink }}
<span><i class="fas fa-chevron-circle-left"></i> Prev</span> {{ if .Next }}
<br /> <div class="col-md-6 previous-article">
<span>{{ .Prev.Title }}</span> <a href="{{.Next.RelPermalink}}" class="btn btn-outline-info">
</a> <span><i class="fas fa-chevron-circle-left"></i> Prev</span>
</div> <br />
{{ end }} <span>{{ .Next.Title }}</span>
{{ if .Next }} </a>
<div class="{{ if .Prev }}col-md-6{{ else }}col-md-12{{ end }} next-article"> </div>
<a href="{{ .Next.RelPermalink }}" class="btn btn-outline-info"> {{ end }}
<span>Next <i class="fas fa-chevron-circle-right"></i></span> {{ if .Prev }}
<br /> <div class="{{ if .Next }}col-md-6{{ else }}col-md-12{{ end }} next-article">
<span>{{ .Next.Title }}</span> <a href="{{ .Prev.RelPermalink }}" class="btn btn-outline-info">
</a> <span>Next <i class="fas fa-chevron-circle-right"></i></span>
</div> <br />
<span>{{ .Prev.Title }}</span>
</a>
</div>
{{ end }}
{{ end }}
{{ end }} {{ end }}
</div> </div>
<hr /> <hr />

28
layouts/partials/cards/post.html
View file

@ -1,19 +1,21 @@
<div class="filtr-item" data-category='{{ partial "helpers/get-categories.html" . }}'> <div class="filtr-item" data-category='{{ partial "helpers/get-categories.html" . }}'>
<div class="card"> <a href="{{ .RelPermalink }}" class="post-card-link">
<div class="card-head"> <div class="card">
<img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}'/> <div class="card-head">
</div> <img class="card-img-top" src='{{ partial "helpers/get-hero.html" . }}'/>
<div class="card-body"> </div>
<h5 class="card-title">{{ .Title }}</h5> <div class="card-body">
<p class="card-text post-summery">{{ .Summary }}</p> <h5 class="card-title">{{ .Title }}</h5>
</div> <p class="card-text post-summery">{{ .Summary }}</p>
<div class="card-footer"> </div>
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span> <div class="card-footer">
<a <span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
<a
href="{{ .RelPermalink }}" href="{{ .RelPermalink }}"
class="float-right btn btn-outline-info btn-sm" class="float-right btn btn-outline-info btn-sm"
>Read</a >Read</a
> >
</div>
</div> </div>
</div> </a>
</div> </div>

30
layouts/partials/cards/recent-post.html
View file

@ -1,17 +1,19 @@
<div class="col-lg-4 col-md-6 pt-2"> <div class="col-lg-4 col-md-6 pt-2">
<div class="card"> <a href="{{ .RelPermalink }}" class="post-card-link">
<div class="card-head"> <div class="card">
<img class="card-img-top" src='{{ partial "helpers/get-hero.html" .Params }}' <div class="card-head">
alt="Card image cap" <img class="card-img-top" src='{{ partial "helpers/get-hero.html" .Params }}'
/> alt="Card image cap"
/>
</div>
<div class="card-body">
<h5 class="card-title">{{ .Title }}</h5>
<p class="card-text post-summery"> {{ .Summary }}</p>
</div>
<div class="card-footer">
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
</div>
</div> </div>
<div class="card-body"> </a>
<h5 class="card-title">{{ .Title }}</h5>
<p class="card-text post-summery"> {{ .Summary }}</p>
</div>
<div class="card-footer">
<span class="float-left">{{ .Date.Format "January 2, 2006" }}</span>
<a href="{{ .RelPermalink }}" class="float-right btn btn-outline-info btn-sm">Read</a>
</div>
</div>
</div> </div>

2
layouts/partials/posts.html
View file

@ -1,4 +1,4 @@
{{ range .Pages }} {{ range .Site.RegularPages.ByDate.Reverse }}
{{ if .IsNode }} {{ if .IsNode }}
{{ partial "posts.html" . }} {{ partial "posts.html" . }}
{{ else }} {{ else }}

2
layouts/partials/recent-posts.html
View file

@ -2,7 +2,7 @@
<h1 class="text-center">Recent Posts</h1> <h1 class="text-center">Recent Posts</h1>
<div class="container"> <div class="container">
<div class="row" id="recent-post-cards"> <div class="row" id="recent-post-cards">
{{ range first 3 (where .Site.RegularPages "Type" "!=" "section" )}} {{ range first 3 (where .Site.RegularPages.ByDate.Reverse "Type" "!=" "section" )}}
{{ partial "cards/recent-post.html" . }} {{ partial "cards/recent-post.html" . }}
{{ end }} {{ end }}
</div> </div>

4
static/assets/css/list.css
View file

@ -205,6 +205,10 @@ a.focused {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.post-cards .post-card-link{
text-decoration: none;
}
.navbar-toggler { .navbar-toggler {
display: none; display: none;
} }

4
static/assets/css/recent-posts.css
View file

@ -12,6 +12,10 @@
background: #fff; background: #fff;
} }
.recent-posts .post-card-link{
text-decoration: none;
}
.post-summery { .post-summery {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;