diff options
Diffstat (limited to 'layouts/partials/components')
-rw-r--r-- | layouts/partials/components/doc-layout.html | 15 | ||||
-rw-r--r-- | layouts/partials/components/doc-list.html | 11 | ||||
-rw-r--r-- | layouts/partials/components/list-article.html | 6 | ||||
-rw-r--r-- | layouts/partials/components/post-article.html | 12 | ||||
-rw-r--r-- | layouts/partials/components/post-metadata.html | 58 | ||||
-rw-r--r-- | layouts/partials/components/post-series.html | 22 | ||||
-rw-r--r-- | layouts/partials/components/post-toc.html | 26 | ||||
-rw-r--r-- | layouts/partials/components/summary-masonry.html | 12 |
8 files changed, 90 insertions, 72 deletions
diff --git a/layouts/partials/components/doc-layout.html b/layouts/partials/components/doc-layout.html index 3e12176..cf434b3 100644 --- a/layouts/partials/components/doc-layout.html +++ b/layouts/partials/components/doc-layout.html @@ -9,21 +9,10 @@ </div> <div class="w-full md:w-3/4 lg:w-4/5 pb-8 pt-2 md:pt-8"> - <div class="w-full lg:w-3/4 ps-6 ms-0 me-auto"> - <h1 class="font-bold text-3xl text-primary-text">{{ .Title }}</h1> - {{ partial "components/post-metadata" . }} - </div> <div class="flex"> <div class="w-full lg:w-3/4 px-6"> - {{ $featured := partial "utils/get-featured" . }} - {{ with $featured }} - <div class="my-4"> - {{ . }} - </div> - {{ end }} - <div class="content"> - {{ .Content}} - </div> + {{ partial "components/post-article" . }} + {{ with .GetTerms "tags" }} {{ partial "components/post-tags" . }} {{ end }} diff --git a/layouts/partials/components/doc-list.html b/layouts/partials/components/doc-list.html index 51e71b3..067fdea 100644 --- a/layouts/partials/components/doc-list.html +++ b/layouts/partials/components/doc-list.html @@ -1,12 +1,5 @@ -<article class="mx-6 my-8"> - <h1 class="font-bold text-3xl text-primary-text">{{ .Title }}</h1> - {{ with .Content }} - <div class="content"> - {{ . }} - </div> - {{ end }} -</article> +{{ partial "components/list-article" . }} <div class="bg-secondary-bg rounded px-6"> {{ partial "components/summary-list-plain" .Paginator.Pages }} </div> -{{ template "_internal/pagination.html" . }}
\ No newline at end of file +{{ template "_internal/pagination.html" . }} diff --git a/layouts/partials/components/list-article.html b/layouts/partials/components/list-article.html new file mode 100644 index 0000000..6f37b2d --- /dev/null +++ b/layouts/partials/components/list-article.html @@ -0,0 +1,6 @@ +<article class="prose mx-6 my-8 max-w-none"> + <h1 class="text-primary-text text-3xl font-bold">{{ .Title }}</h1> + {{ with .Content }} + {{ . }} + {{ end }} +</article> diff --git a/layouts/partials/components/post-article.html b/layouts/partials/components/post-article.html new file mode 100644 index 0000000..0cbadd8 --- /dev/null +++ b/layouts/partials/components/post-article.html @@ -0,0 +1,12 @@ +<article class="prose max-w-none"> + <h1 class="mb-4">{{ .Title }}</h1> + + {{ partial "components/post-metadata" . }} + + {{ $featured := partial "utils/get-featured" . }} + {{ with $featured }} + {{ . }} + {{ end }} + + {{ .Content }} +</article> diff --git a/layouts/partials/components/post-metadata.html b/layouts/partials/components/post-metadata.html index 2d108d5..f125cff 100644 --- a/layouts/partials/components/post-metadata.html +++ b/layouts/partials/components/post-metadata.html @@ -1,34 +1,42 @@ -<div class="flex flex-wrap flex-row items-center mt-2 text-tertiary-text"> - <div class="me-6 my-2"> - <i class="fas fa-calendar me-1"></i> - <span>{{ .Date.Format (.Site.Params.dateFormat | default "2006-01-02") }}</span> - </div> - <div class="me-6 my-2"> - <i class="fas fa-clock me-1"></i> - <span>{{ i18n "readingTime" .ReadingTime }}</span> - </div> - - {{ with .GetTerms "categories" }} +<div + class="text-tertiary-text not-proseme mt-2 flex flex-row flex-wrap items-center" +> + <div class="me-6 my-2"> + <i class="fas fa-calendar me-1"></i> + <span + >{{ .Date.Format (.Site.Params.dateFormat | default "2006-01-02") }}</span + > + </div> + <div class="me-6 my-2"> + <i class="fas fa-clock me-1"></i> + <span>{{ i18n "readingTime" .ReadingTime }}</span> + </div> + + {{ with .GetTerms "categories" }} <div class="me-6 my-2"> - <i class="fas fa-folder me-1"></i> - {{ range $index, $value := . }} + <i class="fas fa-folder me-1"></i> + {{ range $index, $value := . }} {{ if gt $index 0 }} - <span>, </span> + <span>, </span> {{ end -}} - <a href="{{ .Permalink }}" class="hover:text-eureka">{{ .LinkTitle }}</a> - {{ end }} + <a href="{{ .Permalink }}" class="hover:text-eureka" + >{{ .LinkTitle }}</a + > + {{ end }} </div> - {{ end }} + {{ end }} - {{ with .GetTerms "series" }} + {{ with .GetTerms "series" }} <div class="me-6 my-2"> - <i class="fas fa-th-list me-1"></i> - {{ range $index, $value := . }} + <i class="fas fa-th-list me-1"></i> + {{ range $index, $value := . }} {{ if gt $index 0 }} - <span>, </span> + <span>, </span> {{ end -}} - <a href="{{ .Permalink }}" class="hover:text-eureka">{{ .LinkTitle }}</a> - {{ end }} + <a href="{{ .Permalink }}" class="hover:text-eureka" + >{{ .LinkTitle }}</a + > + {{ end }} </div> - {{ end }} -</div>
\ No newline at end of file + {{ end }} +</div> diff --git a/layouts/partials/components/post-series.html b/layouts/partials/components/post-series.html index ebc3810..a407b81 100644 --- a/layouts/partials/components/post-series.html +++ b/layouts/partials/components/post-series.html @@ -1,12 +1,10 @@ -{{ $series := .Site.Taxonomies.series}} -<div class="bg-secondary-bg rounded p-6"> - <h3 class="text-lg font-semibold mb-4">{{ i18n "seriesOfPosts"}}</h3> - <div class="content"> - {{ range (.GetTerms "series") }} - {{ range .Pages }} - <a href="{{ .Page.Permalink }}">{{ .Page.LinkTitle }}</a> - <br /> - {{end}} - {{end}} - </div> -</div>
\ No newline at end of file +{{ $series := .Site.Taxonomies.series }} +<div class="bg-secondary-bg prose max-w-none rounded p-6"> + <h3>{{ i18n "seriesOfPosts" }}</h3> + {{ range (.GetTerms "series") }} + {{ range .Pages }} + <a href="{{ .Permalink }}" class="no-underline">{{ .LinkTitle }}</a> + <br /> + {{ end }} + {{ end }} +</div> diff --git a/layouts/partials/components/post-toc.html b/layouts/partials/components/post-toc.html index 337ecb6..46de312 100644 --- a/layouts/partials/components/post-toc.html +++ b/layouts/partials/components/post-toc.html @@ -1,11 +1,21 @@ -<div class="sticky top-16 z-10 hidden lg:block px-6 py-4 {{ if eq .Type "docs" }} bg-secondary-bg pt-16 -mt-16 {{ else }} bg-primary-bg {{ end }}"> - <span class="text-lg font-semibold">{{ i18n "onThisPage" }}</span> +<div + class="{{ if eq .Type "docs" }} + bg-secondary-bg + {{ else }} + bg-primary-bg + {{ end }} prose sticky top-16 z-10 hidden max-w-none px-6 py-4 lg:block" +> + <h3>{{ i18n "onThisPage" }}</h3> </div> -<div class="sticky-toc hidden lg:block px-6 pb-6 {{ if eq .Type "docs" }} pt-10 -mt-10 border-s {{ end }}"> - {{ .TableOfContents }} +<div + class="sticky-toc {{ if eq .Type "docs" }} + border-s + {{ end }} hidden px-6 pb-6 lg:block" +> + {{ .TableOfContents }} </div> <script> - window.addEventListener('DOMContentLoaded', () => { - enableStickyToc(); - }); -</script>
\ No newline at end of file + window.addEventListener("DOMContentLoaded", () => { + enableStickyToc(); + }); +</script> diff --git a/layouts/partials/components/summary-masonry.html b/layouts/partials/components/summary-masonry.html index 4027f7a..8984b04 100644 --- a/layouts/partials/components/summary-masonry.html +++ b/layouts/partials/components/summary-masonry.html @@ -1,13 +1,15 @@ -<div class="bg-secondary-bg rounded overflow-hidden border hover:shadow-lg transition ease-in-out duration-200"> +<div + class="bg-secondary-bg overflow-hidden rounded border transition duration-200 ease-in-out hover:shadow-lg" +> {{ $featured := partial "utils/get-featured" . }} {{ with $featured }} - {{ . }} + {{ . }} {{ end }} <div class="px-6 pt-6"> - <div class="font-bold text-xl text-primary-text mb-2"> + <div class="text-primary-text mb-2 text-xl font-bold"> <a href="{{ .Permalink }}" class="hover:text-eureka">{{ .LinkTitle }}</a> </div> - <div class=""> + <div class="prose max-w-none"> {{ if .Description }} {{ .Description | plainify | htmlUnescape }} {{ else if .Summary }} @@ -18,4 +20,4 @@ <div class="px-6 pb-2"> {{ partial "components/post-metadata" . }} </div> -</div>
\ No newline at end of file +</div> |