diff options
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/404.html | 24 | ||||
| -rw-r--r-- | layouts/_default/list.html | 90 | ||||
| -rw-r--r-- | layouts/_default/single.html | 75 | ||||
| -rw-r--r-- | layouts/partials/footer.html | 35 | ||||
| -rw-r--r-- | layouts/partials/header.html | 11 |
5 files changed, 137 insertions, 98 deletions
diff --git a/layouts/404.html b/layouts/404.html index 133ac8c..aea87ac 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,13 +1,15 @@ {{ partial "header.html" . }} -<header class="text-center bg-dark pt-5 pb-5 col-12"> - <h1 class="text-white pt-5 pb-3"><a href="{{ .Site.BaseURL }}" class="text-reset">{{ .Site.Title }}</a></h1> - <p class="pb-5"></p> -</header> -<div class="container pt-3"> - <div class="row pt-3 pb-3"> - <div class="col-12"> - <p>404 page not found</p> - </div> - </div> -</div> + <main id="main"> + <div class="d-flex flex-column justify-content-center bg-skew bg-skew-light overflow-hidden"> + <div class="container"> + <div class="row justify-content-lg-center text-center"> + <div class="col-lg-8"> + <h1 class="display-4 mb-5 mt-5">Page not found</h1> + <p class="lead mb-5">The page you are looking for does not exist.</p> + <a href="{{ .Site.BaseURL }}" class="btn btn-primary rounded-pill">Go to home page</a> + </div> + </div> + </div> + </div> + </main> {{ partial "footer.html" . }} 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" . }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 5651794..cb58bb0 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,9 +1,30 @@ -<footer class="text-center bg-dark pt-5 col-12"> - <a href="{{ .Site.BaseURL }}" class="text-muted">Home</a> - {{ range .Site.Menus.main }} - <a href="{{ .URL }}" class="text-muted pl-4">{{ .Name }}</a> - {{ end }} - <p class="pb-4 pt-4 mb-0">{{ .Site.Copyright }} <a href="https://gohugo.io/" class="text-reset">hugo</a> <a href="https://10mohi6.tk" class="text-reset">10mohi6</a> <a href="https://github.com/10mohi6/hugo-theme-simple-blog" class="text-reset">simple-blog</a></p> +<footer class="site-footer mt-5"> + <div class="container"> + <div class="row justify-content-md-between"> + <div class="col-sm-12 col-md-4 mb-4"> + <h2 class="h5 mb-3">{{ .Site.Title }}</h2> + <p>{{.Site.Params.Description}}</p> + </div> + <div class="col-4 col-md-2 mb-4"> + <h2 class="h5 mb-3">Menu</h2> + <ul class="nav flex-column"> + <li class="mb-1"><a href="{{ .Site.BaseURL }}" class="text-secondary">Home</a></li> + {{ range .Site.Menus.main }} + <li class="mb-1"><a href="{{ .URL }}" class="text-secondary">{{ .Name }}</a></li> + {{ end }} + </ul> + </div> + </div> + + <hr/> + + <div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-center"> + <div class="text-muted mb-3"> + {{ .Site.Copyright }} + <a href="https://10mohi6.tk" class="text-reset">design</a> <a href="https://github.com/10mohi6/hugo-theme-simple-blog" class="text-reset">theme</a></p> + </div> + </div> + </div> </footer> </body> -</html> +</html>
\ No newline at end of file diff --git a/layouts/partials/header.html b/layouts/partials/header.html index d6eb843..2666f13 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,10 +1,11 @@ <!doctype html> <html lang="{{ .Site.LanguageCode }}"> - <head> +<head> + <title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> - <title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title> - <link href="{{ .Site.BaseURL }}css/bootstrap.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> - </head> - <body> + <link rel="stylesheet" href="{{ $.Site.BaseURL }}css/bootstrap.css"> + <link rel="stylesheet" href="{{ $.Site.BaseURL }}css/custom.css"> +</head> +<body> |