diff options
author | 10mohi6 <10.mohi.6.y@gmail.com> | 2020-06-16 08:22:12 +0300 |
---|---|---|
committer | 10mohi6 <10.mohi.6.y@gmail.com> | 2020-06-16 08:22:12 +0300 |
commit | 86b4f6f6d73401628db976b6259d85309d672597 (patch) | |
tree | c81f682b4fb92c79b238eaa9a705cb6e6bfd1138 /layouts/_default | |
parent | f7dfdeff15f309e335d10a96eb5085a73cf921cd (diff) |
Diffstat (limited to 'layouts/_default')
-rw-r--r-- | layouts/_default/list.html | 90 | ||||
-rw-r--r-- | layouts/_default/single.html | 75 |
2 files changed, 90 insertions, 75 deletions
diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 86eb1e3..540bedf 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -3,49 +3,49 @@ {{ if eq .Kind "taxonomy" }} {{ $paginator = .Data }} {{ end }} -<header class="text-center bg-dark pt-5 pb-5 col-12"> - {{ if not .IsHome }} - <h1 class="text-white pt-5 pb-3">{{ .Title }}</h1> - <p class="text-white pb-4 text-muted"> - <a href="{{ .Site.BaseURL }}" class="text-reset pr-4">Back to Home</a>{{ len .Data.Pages }} Articles to read - </p> - {{ else }} - <h1 class="text-white pt-5 pb-3"><a href="{{ .Site.BaseURL }}" class="text-reset">{{ .Site.Title }}</a></h1> - <p class="pb-5"></p> - {{ end }} -</header> -<div class="container pt-3"> - {{ range $paginator.Pages }} - <div class="row pt-3 pb-3"> - <div class="col-12"> - {{ range .Params.categories }} - <a href="{{ $.Site.BaseURL }}categories/{{ . | urlize }}/" class="text-success">{{ . }}</a> - {{ end }} - <h2 class="pt-1"> - <a href="{{ .Permalink }}" class="text-dark">{{ .Title }}</a> - </h2> - <p class="text-secondary">{{.Date.Format "January 2, 2006"}}</p> - <div class="pb-1"> - {{ .Summary | plainify | htmlUnescape }} - </div> - {{ range .Params.tags }} - <a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}/" class="text-info">#{{ . }}</a> - {{ end }} - </div> - </div> - {{ end }} - <div class="row pt-3 pb-3"> - <div class="col-12"> - <nav> - <ul class="pagination"> - {{ range $paginator.Pagers }} - <li class="page-item {{ if eq $paginator.PageNumber .PageNumber }}active{{ end }}"> - <a class="page-link" href="{{ .URL }}">{{.PageNumber}}</a> - </li> - {{ end }} - </ul> - </nav> - </div> - </div> -</div> + <main id="main"> + <div class="container"> + <div class="row justify-content-center"> + <div class="col-lg-8 col-xl-7"> + <h1 class="display-4 my-5 my-lg-6 pb-lg-4 text-center">{{ if not .IsHome }}{{ .Title }}{{ else }}{{ .Site.Title }}{{ end }}</h1> + </div> + </div> + </div> + <div class="bg-skew bg-skew-light"> + <div class="container py-4"> + <div class="row"> + {{ range $paginator.Pages }} + <div class="col-lg-6"> + <div class="card card-hover mb-5 mx-lg-2"> + <div class="card-body pt-5 px-5 pb-4 text-center"> + {{ range .Params.categories }} + <a href="{{ $.Site.BaseURL }}categories/{{ . | urlize }}/" class="d-inline-block link-cta mb-4 text-uppercase">{{ . }}</a> + {{ end }} + <h2 class="card-title mb-4"> + <a class="stretched-link" href="{{ .Permalink }}">{{ .Title }}</a> + </h2> + <p class="small"><span class="text-uppercase">{{.Date.Format "January 2, 2006"}}</span></p> + <p class="card-text">{{ .Summary | plainify | htmlUnescape }}</p> + <p> + {{ range .Params.tags }} + <a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}/" class="link-tag text-dark">#{{ . }}</a> + {{ end }} + </p> + </div> + </div> + </div> + {{ end }} + </div> + <nav aria-label="Page navigation"> + <ul class="pagination justify-content-center"> + {{ range $paginator.Pagers }} + <li class="page-item {{ if eq $paginator.PageNumber .PageNumber }}active{{ end }}"> + <a class="page-link" href="{{ .URL }}">{{.PageNumber}}</a> + </li> + {{ end }} + </ul> + </nav> + </div> + </div> + </main> {{ partial "footer.html" . }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 6555d51..f1e56cb 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,31 +1,46 @@ {{ partial "header.html" . }} -<header class="text-center bg-dark pt-5 pb-5 col-12"> - {{ range .Params.categories }} - <a href="{{ $.Site.BaseURL }}categories/{{ . | urlize }}/" class="text-success">{{ . }}</a> - {{ end }} - <h1 class="text-white pt-4 pb-3">{{ .Title }}</h1> - <p class="text-secondary">{{.Date.Format "January 2, 2006"}}</p> - {{ range .Params.tags }} - <a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}/" class="text-info">#{{ . }}</a> - {{ end }} -</header> -<div class="container"> - <div class="row pt-5"> - <div class="col-12"> - {{ .Content }} - </div> - </div> - <div class="row pt-5 pb-5"> - <div class="col-6 text-left"> - {{ with .PrevInSection }} - <a class="text-reset" href="{{ .Permalink }}">< {{ .Title }}</a> - {{ end }} - </div> - <div class="col-6 text-right"> - {{ with .NextInSection }} - <a class="text-reset" href="{{ .Permalink }}">{{ .Title }} ></a> - {{ end }} - </div> - </div> -</div> -{{ partial "footer.html" . }}
\ No newline at end of file + <main id="main"> + <div class="container"> + <div class="row justify-content-center text-center my-5"> + <div class="col-lg-10"> + {{ range .Params.categories }} + <a href="{{ $.Site.BaseURL }}categories/{{ . | urlize }}/" class="d-inline-block link-cta mb-4 text-uppercase">{{ . }}</a> + {{ end }} + <h1 class="mb-4 text-center">{{ .Title }}</h1> + <p class="small mb-5 text-center"><span class="text-uppercase">{{.Date.Format "January 2, 2006"}}</span></p> + </div> + </div> + </div> + <div class="bg-skew bg-skew-light"> + <div class="container"> + <div class="row justify-content-center"> + <div class="col-lg-8"> + <article class="pb-2"> + {{ .Content }} + <p class="mt-5 text-center"> + {{ with .Params.tags }} + <span class="text-secondary">Tagged: </span> + {{ end }} + {{ range .Params.tags }} + <a href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}/" class="link-tag text-dark">#{{ . }}</a> + {{ end }} + </p> + </article> + <div class="row pt-5 pb-5"> + <div class="col-6 text-left"> + {{ with .PrevInSection }} + <a class="text-reset" href="{{ .Permalink }}">← {{ .Title }}</a> + {{ end }} + </div> + <div class="col-6 text-right"> + {{ with .NextInSection }} + <a class="text-reset" href="{{ .Permalink }}">{{ .Title }} →</a> + {{ end }} + </div> + </div> + </div> + </div> + </div> + </div> + </main> +{{ partial "footer.html" . }} |