Updating latest
Adding cards to search layout Finishing cards to homepage
This commit is contained in:
@@ -9,7 +9,7 @@
|
||||
"js": "2.lazyload.1168fc21175de558d316.min.js"
|
||||
},
|
||||
"main": {
|
||||
"css": "main.9098d523cee24093a1f2.min.css",
|
||||
"css": "main.8112076fb5e1095426f4.min.css",
|
||||
"js": "main.48637aff6f96e597ae05.min.js"
|
||||
},
|
||||
"vendors~app": {
|
||||
|
||||
@@ -26,7 +26,6 @@
|
||||
{{.}}
|
||||
{{ end }}
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
|
||||
</div>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
</div>
|
||||
{{- with .Site.Params.homepageImage -}}
|
||||
<div class="homepage-image d-xs-block d-md-none pb-4">
|
||||
<img data-src="{{ . | relURL }}" class="img-fluid">
|
||||
<img data-src="{{ . | relURL }}" class="img-fluid" data-aos="zoom-in">
|
||||
</div>
|
||||
{{- end -}}
|
||||
<div>
|
||||
@@ -21,25 +21,29 @@
|
||||
<div class="col-12 col-md-6 d-flex">
|
||||
{{- with .Site.Params.homepageImage -}}
|
||||
<div class="homepage-image d-none d-sm-block">
|
||||
<img data-src="{{ . | relURL }}" class="img-fluid">
|
||||
<img data-src="{{ . | relURL }}" class="img-fluid" data-aos="zoom-in">
|
||||
</div>
|
||||
{{- end -}}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<!-- Latest article -->
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row d-none d-md-block">
|
||||
{{- range first 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) -}}
|
||||
|
||||
<div class="latest row py-lg-5">
|
||||
<div class="latest d-flex py-lg-5">
|
||||
{{ .Render "card-large" }}
|
||||
</div>
|
||||
{{- end -}}
|
||||
|
||||
</div>
|
||||
<div class="row d-block d-md-none">
|
||||
{{- range first 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) -}}
|
||||
<div class="latest d-flex justify-content-center py-lg-5">
|
||||
{{ .Render "card" }}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="container-fluid" style="padding-left: 15%; padding-right: 15%;"> -->
|
||||
<div class="container">
|
||||
<div class="row d-flex justify-content-center justify-content-md-between align-content-between">
|
||||
{{ range first 3 (after 1 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) }}
|
||||
@@ -47,13 +51,35 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row d-none d-md-block">
|
||||
{{- range first 1 (after 4 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) -}}
|
||||
<div class="latest d-flex py-lg-5">
|
||||
{{ .Render "card-large" }}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
<div class="row d-block d-md-none">
|
||||
{{- range first 1 (after 4 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) -}}
|
||||
<div class="latest d-flex justify-content-center py-lg-5">
|
||||
{{ .Render "card" }}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="row d-flex justify-content-center justify-content-md-between align-content-between">
|
||||
{{ range first 3 (after 5 (where .Site.RegularPages "Type" "in" .Site.Params.mainSections)) }}
|
||||
{{ .Render "card" }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col d-flex justify-content-center text-center">
|
||||
<div class="col d-flex justify-content-center text-center pt-5">
|
||||
<a href="/post">
|
||||
<button type="button" class="btn btn-lg btn-outline-primary">See all posts</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
<h1>All Posts</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row row-cols-1 row-cols-md-3">
|
||||
<div class="row d-flex justify-content-center justify-content-md-around">
|
||||
{{ $paginator := .Paginate (where .Pages "Type" "post") }}
|
||||
{{ range $paginator.Pages }}
|
||||
{{ .Render "card" }}
|
||||
|
||||
@@ -19,27 +19,22 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="search-input-wrap">
|
||||
<form id="search-form" method="get" action="">
|
||||
<input id="search" name="q" type="text" />
|
||||
<br>
|
||||
<button id="search-button" type="submit" class="button">Search</button>
|
||||
<a id="search-clear" href="/search/">Clear</a>
|
||||
</form>
|
||||
</div> -->
|
||||
<br>
|
||||
<div id="app-search" class="row listrecent"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="app-search" class="row listrecent"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="">
|
||||
<div id="app-search" class="row d-flex justify-content-center justify-content-md-between align-content-between">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
{{ $p := slice }}
|
||||
{{ range (where .Site.RegularPages "Section" "==" "post") }}
|
||||
{{ $.Scratch.Set "image" .RelPermalink }}
|
||||
{{ $.Scratch.Add "image" (index .Params.images 0) }}
|
||||
{{ $post := dict "link" .RelPermalink "author" (index .Params.authors 0) "tags" .Params.tags "title" .Title "date" (.Params.date.Format "January 2, 2006") "image" ($.Scratch.Get "image") "content" (substr .Plain 0 200) -}}
|
||||
{{ $post := dict "link" .RelPermalink "author" (index .Params.authors 0) "tags" .Params.tags "title" .Title "date" (.Params.date.Format "January 2, 2006") "image" ($.Scratch.Get "image") "content" (substr .Plain 0 200) "readingtime" .ReadingTime -}}
|
||||
{{ $p = $p | append $post -}}
|
||||
{{ end }}
|
||||
</div>
|
||||
@@ -73,28 +68,25 @@
|
||||
console.log(matchPosts[0].tags)
|
||||
try {
|
||||
$target.innerHTML = matchPosts.map(p => {
|
||||
return `<br><div class="col-lg-4 col-md-6 mb-30px card-group">
|
||||
<div class="card h-100">
|
||||
<div class="maxthumb">
|
||||
<a href="${p.link}">
|
||||
<img class="img-fluid" src="${p.image}" alt="An thumbnail image.">
|
||||
</a>
|
||||
return `
|
||||
<div class="d-flex flex-column card-regular card-regular-width my-2 my-md-5 mx-0 px-0 align-items-stretch">
|
||||
<div class="card-regular-image-parent">
|
||||
<div class="ma-0 pa-0 card-regular-image" style="background-image: url('${p.image}');"></div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h2 class="card-title"><a class="text-dark" href="${p.link}">${p.title}</a></h2>
|
||||
<h5 class="card-text">${p.content}...</h5>
|
||||
</div>
|
||||
<div style="padding-right: 10px; padding-left: 10px;" class=>
|
||||
<div class="mx-3 my-3">
|
||||
<h5 class="created text-muted text-uppercase font-weight-bold mb-0">${p.date}</h5>
|
||||
<p class="text-muted">${p.readingtime} min read</p>
|
||||
<h2><a class="card-title-gray" href="${p.link}">${p.title}</a></h2>
|
||||
<p>${p.content}...</p>
|
||||
<div>
|
||||
<div class="d-flex justify-content-start align-items-stretch">
|
||||
<div class="tags">
|
||||
${
|
||||
p.tags.map(function (tag) {
|
||||
return "<span style='white-space: nowrap;'>" + '<i class="fas fa-tag mr-2" style="margin-right: 4px !important; font-size: 0.8em !important;"></i>' + tag + " </span>"}).join('')
|
||||
return "<a class='badge badge-dark mr-2' href='/tags/" + tag.toLowerCase() +"'>" + "<i class='fas fa-tag mr-2'></i>" + tag + "</a>"
|
||||
}).join('')
|
||||
}
|
||||
</div>
|
||||
<div class="wrapfooter">
|
||||
<span class="author-meta">
|
||||
<span class="post-name"><a href="/author/${p.authorurlized}">${p.author}</a></span><br/>
|
||||
<span class="post-date">${p.date}</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
26
layouts/tags/list.html
Normal file
26
layouts/tags/list.html
Normal file
@@ -0,0 +1,26 @@
|
||||
{{ define "main" }}
|
||||
<main class="list container py-6">
|
||||
{{- if or .Title .Content -}}
|
||||
<div class="row py-3">
|
||||
<div class="col">
|
||||
{{ with .Title }}<h1>{{ . }}</h1>{{ end }}
|
||||
{{- with .Content -}}
|
||||
<div class="content">
|
||||
{{ . }}
|
||||
</div>
|
||||
{{- end -}}
|
||||
</div>
|
||||
</div>
|
||||
{{- end -}}
|
||||
|
||||
<div class="row d-flex justify-content-around">
|
||||
{{ $paginator := .Paginate (where .Data.Pages "Type" "post") }}
|
||||
{{ range $paginator.Pages }}
|
||||
{{ .Render "card" }}
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="d-flex justify-content-center">
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
</div>
|
||||
</main>
|
||||
{{ end }}
|
||||
@@ -57,7 +57,7 @@
|
||||
@include card-border;
|
||||
|
||||
& .card-large-image {
|
||||
height: 250%;
|
||||
height: 150%;
|
||||
@include image-zoom;
|
||||
}
|
||||
|
||||
|
||||
@@ -46,7 +46,6 @@ pre code {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.latest h2 a,
|
||||
.navbar a,
|
||||
.card>a,
|
||||
a.badge {
|
||||
|
||||
Reference in New Issue
Block a user