diff --git a/.gitignore b/.gitignore index ccf6b7e..628eca7 100644 --- a/.gitignore +++ b/.gitignore @@ -2,6 +2,7 @@ /public/ /resources/_gen/ /assets/jsconfig.json +/static/fonts hugo_stats.json # Executable may be added to repository diff --git a/assets/css/custom.css b/assets/css/custom.css index 2a9a147..96c5ded 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,3 +1,92 @@ +/* Example Font-Face Set-Up */ + +@font-face { + font-family: 'Majesty'; + src: url('/fonts/Majesty/majesty-medium.otf'); + weight: 600; +} + +@font-face { + font-family: 'Majesty Display'; + src: url('/fonts/Majesty/majesty-display.otf'); + weight: 400; +} + +@font-face { + font-family: 'Majesty Light'; + src: url('/fonts/Majesty/majesty-light.otf'); + weight: 200; +} + +@font-face { + font-family: 'Quincy'; + src: url('/fonts/Fontspring-DEMO-quincycf-regular.otf'); + font-weight: normal; +} + +@font-face { + font-family: 'Quincy'; + src: url('/fonts/Fontspring-DEMO-quincycf-regularitalic.otf'); + font-weight: normal; + font-style: italic, oblique; +} + +@font-face { + font-family: 'Quincy'; + src: url('/fonts/Fontspring-DEMO-quincycf-bolditalic.otf'); + font-weight: bold; + font-style: italic, oblique; +} + +@font-face { + font-family: 'Roxborough'; + src: url('/fonts/Fontspring-DEMO-Calluna-Regular.otf'); + font-weight: normal; +} + +@font-face { + font-family: 'Roxborough'; + src: url('/fonts/Fontspring-DEMO-Calluna-It.otf'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'Roxborough'; + src: url('/fonts/Fontspring-DEMO-Calluna-SemiboldIt.otf'); + font-weight: bold; + font-style: italic, oblique; +} + +html { + line-height: 1.1; + /*font-family: 'Roxborough';*/ +} + +a { + font-family: 'Roxborough'; +} + +time, .reading-time, .word-count { + font-family: 'Roxborough'; +} + +h1 { + font-family: 'Roxborough'; +} + +h2, h3, h4, h5, h6 { + font-family: 'Roxborough'; +} + +p, article { + font-family: 'Roxborough'; +} + +.text { + font-family: 'Roxborough'; +} + /* Max Content Width */ .max-w-prose { max-width: 80ch; @@ -31,6 +120,11 @@ color: rgba(var(--color-primary-700),var(--tw-text-opacity)); } +.prose :where(code):not(:where([class~=not-prose] *)) { + font-weight: normal; +} + + .dark .chroma .ow { color: rgba(var(--color-primary-400),var(--tw-text-opacity)); } diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html new file mode 100644 index 0000000..6fc3e25 --- /dev/null +++ b/layouts/partials/article-link/simple.html @@ -0,0 +1,95 @@ +{{ $constrainItemsWidth := .Page.Site.Params.list.constrainItemsWidth | default false }} + +{{ $articleClasses := "flex flex-wrap article" }} +{{ if .Site.Params.list.showCards }} +{{ $articleClasses = delimit (slice $articleClasses "border border-neutral-200 dark:border-neutral-700 border-2 rounded-md backdrop-blur") " " }} +{{ else }} +{{ $articleClasses = delimit (slice $articleClasses "") " " }} +{{ end }} + +{{ $articleImageClasses := "w-full md:w-auto h-full thumbnail nozoom" }} +{{ if .Site.Params.list.showCards }} +{{ $articleImageClasses = delimit (slice $articleImageClasses "") " " }} +{{ else }} +{{ $articleImageClasses = delimit (slice $articleImageClasses "thumbnailshadow md:mr-7") " " }} +{{ end }} + +{{ $disableImageOptimization := .Page.Site.Params.disableImageOptimization | default false }} + +{{ $articleInnerClasses := "" }} +{{ if .Site.Params.list.showCards }} +{{ $articleInnerClasses = delimit (slice $articleInnerClasses "p-4") " " }} +{{ else }} +{{ $articleInnerClasses = delimit (slice $articleInnerClasses "mt-3 md:mt-0") " " }} +{{ end }} + +{{ if $constrainItemsWidth }} +{{ $articleClasses = delimit (slice $articleClasses "max-w-prose") " " }} +{{ end }} + + +{{ with .Params.externalUrl }} + + {{ else }} + + {{ end }} + {{- with $.Params.images -}} + {{- range first 6 . }} + {{ end -}} + {{- else -}} + {{- $images := $.Resources.ByType "image" -}} + {{- $featured := $images.GetMatch "*feature*" -}} + {{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}} + {{- with $featured -}} + {{ if $disableImageOptimization }} + {{ with . }} +
+ {{ end }} + {{ else }} + {{ with .Resize "600x" }} +
+ {{ end }} + {{ end }} + {{- else -}} + {{- with $.Site.Params.images }} + {{ end -}} + {{- end -}} + {{- end -}} + + +
+
+ {{ with .Params.externalUrl }} +
+
+ {{ $.Title | emojify }} + + ↗ + ↖ + +
+
+ {{ else }} +

{{ .Title | emojify }}

+ {{ end }} + {{ if and .Draft .Site.Params.article.showDraftLabel }} +
+ {{ partial "badge.html" (i18n "article.draft" | emojify) }} +
+ {{ end }} + {{ if templates.Exists "partials/extend-article-link.html" }} + {{ partial "extend-article-link.html" . }} + {{ end }} +
+
+ {{ partial "article-meta/basic.html" . }} +
+ {{ if .Params.showSummary | default (.Site.Params.list.showSummary | default false) }} +
+ {{ .Summary | emojify }} +
+ {{ end }} +
+ diff --git a/layouts/partials/meta/date-updated.html b/layouts/partials/meta/date-updated.html new file mode 100644 index 0000000..cc25c69 --- /dev/null +++ b/layouts/partials/meta/date-updated.html @@ -0,0 +1,4 @@ + +{{- /* Trim EOF */ -}} diff --git a/layouts/partials/meta/date.html b/layouts/partials/meta/date.html new file mode 100644 index 0000000..654a6c7 --- /dev/null +++ b/layouts/partials/meta/date.html @@ -0,0 +1,4 @@ + +{{- /* Trim EOF */ -}} diff --git a/layouts/partials/meta/reading-time.html b/layouts/partials/meta/reading-time.html new file mode 100644 index 0000000..f16c96b --- /dev/null +++ b/layouts/partials/meta/reading-time.html @@ -0,0 +1,4 @@ + + {{- i18n "article.reading_time" .ReadingTime | markdownify | emojify -}} + +{{- /* Trim EOF */ -}} diff --git a/layouts/partials/meta/word-count.html b/layouts/partials/meta/word-count.html new file mode 100644 index 0000000..8723a26 --- /dev/null +++ b/layouts/partials/meta/word-count.html @@ -0,0 +1,4 @@ + + {{- i18n "article.word_count" .WordCount | markdownify | emojify -}} + +{{- /* Trim EOF */ -}}