*Major Overhaul* Give theme a modern look!

This commit is contained in:
Joe Hutchinson
2020-10-21 17:55:25 -04:00
parent e68d21541a
commit f222420c12
12 changed files with 249 additions and 67 deletions

View File

@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}" dir="ltr">
{{ partial "head.html" . }}
<body class="list-body">
{{ partial "nav-bar.html" . }}
<main class="card-container side-gutter">
{{ if or (not (eq .Description "")) (not (eq .Title "")) -}}
<header class="home-header">
<div class="home-blob-text-container">
{{ with .Title }}<h1 class="home-blob-title">{{ . }}</h1>{{ end }}
{{ with .Description }}<p class="home-blob-text">{{ . }}</p>{{ end }}
</div>
{{ with resources.Get "img/faceshot.png" -}}
<div class="home-faceshot-card">
<img class="home-faceshot" src="{{ .Permalink }}" >
</div>
{{ end -}}
</header>
{{- end }}
{{ with .Content -}}
<section class="list-header-content">
{{ . }}
</section>
{{- end }}
{{ $pages := .Pages }}
{{ if .IsHome }}
{{ $pages = .Site.RegularPages }}
{{ end }}
{{ $paginator := .Paginate (where $pages "Params.displayinlist" "!=" false) -}}
{{- range $paginator.Pages -}}
{{ .Render "li" }}
{{- end }}
</main>
{{ if or ($paginator.HasPrev) ($paginator.HasNext) -}}
<nav class="pagination-nav side-padding">
{{ if $paginator.HasPrev }}<a href="{{ $paginator.Prev.URL }}" class="pagination-newer pagination-text">&lt; Newer Posts</a>{{ end }}
{{ if $paginator.HasNext }}<a href="{{ $paginator.Next.URL }}" class="pagination-older pagination-text">Older Posts &gt;</a>{{ end }}
</nav>
{{- end }}
{{ partial "scripts.html" . }}
</body>
</html>

View File

@@ -1,5 +1,5 @@
<a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)"
href="{{ .Permalink }}" class="card blog-card" rel="bookmark" >
href="{{ .Permalink }}" class="card blog-card bc-next" rel="bookmark" >
{{ with .Resources.GetMatch "featuredImage" }}
<div class="card-img-container">
<p class="card-img-overlay">Next Article</p>

View File

@@ -6,7 +6,7 @@
{{ with $.Resources.GetMatch (replace (.Title) (path.Ext (.Title)) ".webp") -}}
<source srcset="{{ .Permalink }}" type="image/webp">
{{- end }}
{{ $thumbnail := .Fit "400x300 Lanczos" }}
{{ $thumbnail := .Fit "800x600 Lanczos" }}
<source srcset="{{ $thumbnail.Permalink }}">
<img src="{{ $thumbnail.Permalink }}" class="card-img" {{ with .Params.description -}} alt="{{ . }}" {{- end }}>
</picture>

View File

@@ -31,8 +31,8 @@
{{ with .PrevInSection }}
{{ .Render "li-next" }}
{{ end }}
{{ partial "home-card.html" . }}
</nav>
{{ partial "footer.html" . }}
{{ partial "scripts.html" . }}
</body>
</html>