diff --git a/assets/css/style.css b/assets/css/style.css index c4b5e2c..a51b251 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -2436,6 +2436,14 @@ video { margin-top: -18rem; } +.mb-1\.5 { + margin-bottom: 0.375rem; +} + +.mb-1 { + margin-bottom: 0.25rem; +} + .mt-10 { margin-top: 2.5rem; } @@ -2592,6 +2600,10 @@ video { max-width: 42rem; } +.max-w-4xl { + max-width: 56rem; +} + .max-w-full { max-width: 100%; } @@ -2604,6 +2616,14 @@ video { max-width: none; } +.max-w-6xl { + max-width: 72rem; +} + +.max-w-screen-lg { + max-width: 1024px; +} + .flex-1 { flex: 1 1 0%; } @@ -2849,6 +2869,11 @@ video { background-color: rgb(17 24 39 / var(--tw-bg-opacity)); } +.bg-gray-300 { + --tw-bg-opacity: 1; + background-color: rgb(209 213 219 / var(--tw-bg-opacity)); +} + .bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity)); @@ -2864,11 +2889,6 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } -.bg-indigo-400 { - --tw-bg-opacity: 1; - background-color: rgb(129 140 248 / var(--tw-bg-opacity)); -} - .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } @@ -3054,8 +3074,8 @@ video { padding-right: 0.5rem; } -.pt-3 { - padding-top: 0.75rem; +.pt-1 { + padding-top: 0.25rem; } .pb-16 { @@ -3070,6 +3090,10 @@ video { padding-top: 0.5rem; } +.pt-12 { + padding-top: 3rem; +} + .text-left { text-align: left; } @@ -3307,6 +3331,16 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.ring-4 { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} + +.ring-zinc-300\/40 { + --tw-ring-color: rgb(212 212 216 / 0.4); +} + .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; @@ -3650,6 +3684,10 @@ EmojiSymbols; color: rgb(156 163 175 / var(--tw-placeholder-opacity)); } +.dark .dark\:ring-gray-900\/40 { + --tw-ring-color: rgb(17 24 39 / 0.4); +} + .dark .dark\:hover\:bg-gray-900\/80:hover { background-color: rgb(17 24 39 / 0.8); } diff --git a/assets/images/featured/featured-img-placeholder.png b/assets/images/featured/featured-img-placeholder.png new file mode 100644 index 0000000..e64abd7 Binary files /dev/null and b/assets/images/featured/featured-img-placeholder.png differ diff --git a/assets/images/posts/comp.jpg b/assets/images/posts/comp.jpg index 531ce5e..c14a719 100644 Binary files a/assets/images/posts/comp.jpg and b/assets/images/posts/comp.jpg differ diff --git a/config.toml b/config.toml index 7251914..25a1fa1 100644 --- a/config.toml +++ b/config.toml @@ -21,7 +21,7 @@ facebook = "https://facebook.com/nusserstudios" og_image = "/images/tailbliss-cover.png" sitename = "TailBliss" twitter = "@nusserstudios" -description = "TailBliss is Hugo Starter Theme Built on Tailwind CSS and Alpine.js." +description = "TailBliss is Hugo Starter" [markup] [markup.goldmark] diff --git a/content/about.md b/content/about.md index 9cd0bfb..ac47e4d 100644 --- a/content/about.md +++ b/content/about.md @@ -4,16 +4,7 @@ date: 2021-12-18T11:10:36+08:00 draft: false language: en description: About Us ---- -__Advertisement :smile:__ - -- __[pica](https://nodeca.github.io/pica/demo/)__ - high quality and fast image - resize in browser. -- __[babelfish](https://github.com/nodeca/babelfish/)__ - developer friendly - i18n with plurals support and easy syntax. - -You will like those projects! - +featured_image: ../assets/images/featured/featured-img-placeholder.png --- # h1 Heading :blush: diff --git a/content/posts/blog-post-1.md b/content/posts/blog-post-1.md index dcaec45..29e54ff 100644 --- a/content/posts/blog-post-1.md +++ b/content/posts/blog-post-1.md @@ -3,7 +3,7 @@ title: "Blog Post 1" date: 2022-06-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/blog-post-2.md b/content/posts/blog-post-2.md index 5807d67..a1b7eb0 100644 --- a/content/posts/blog-post-2.md +++ b/content/posts/blog-post-2.md @@ -3,7 +3,7 @@ title: "Blog Post 2" date: 2021-12-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/blog-post-3.md b/content/posts/blog-post-3.md index 50ac938..86de6bb 100644 --- a/content/posts/blog-post-3.md +++ b/content/posts/blog-post-3.md @@ -3,7 +3,7 @@ title: "Blog Post 3" date: 2021-12-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/blog-post-4.md b/content/posts/blog-post-4.md index 214a552..48a39c8 100644 --- a/content/posts/blog-post-4.md +++ b/content/posts/blog-post-4.md @@ -3,7 +3,7 @@ title: "Blog Post 4" date: 2021-12-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/blog-post-5.md b/content/posts/blog-post-5.md index 1b19f27..eb10f11 100644 --- a/content/posts/blog-post-5.md +++ b/content/posts/blog-post-5.md @@ -3,7 +3,7 @@ title: "Blog Post 5" date: 2021-12-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/blog-post-6.md b/content/posts/blog-post-6.md index b981341..d4e0157 100644 --- a/content/posts/blog-post-6.md +++ b/content/posts/blog-post-6.md @@ -3,7 +3,7 @@ title: "Blog Post 6" date: 2021-12-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/news-post-1.md b/content/posts/news-post-1.md index 5c0c9f6..b90fa15 100644 --- a/content/posts/news-post-1.md +++ b/content/posts/news-post-1.md @@ -3,7 +3,7 @@ title: "News Post 1" date: 2022-05-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/news-post-2.md b/content/posts/news-post-2.md index 280a63c..4f79cf5 100644 --- a/content/posts/news-post-2.md +++ b/content/posts/news-post-2.md @@ -3,7 +3,7 @@ title: "News Post 2" date: 2022-04-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/news-post-3.md b/content/posts/news-post-3.md index 89f8b43..75b0ffa 100644 --- a/content/posts/news-post-3.md +++ b/content/posts/news-post-3.md @@ -3,7 +3,7 @@ title: "News Post 3" date: 2021-12-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/news-post-4.md b/content/posts/news-post-4.md index fb76102..45022a3 100644 --- a/content/posts/news-post-4.md +++ b/content/posts/news-post-4.md @@ -3,7 +3,7 @@ title: "News Post 4" date: 2022-03-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/news-post-5.md b/content/posts/news-post-5.md index 8d6da0c..a6f1198 100644 --- a/content/posts/news-post-5.md +++ b/content/posts/news-post-5.md @@ -3,7 +3,7 @@ title: "News Post 5" date: 2022-03-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/posts/news-post-6.md b/content/posts/news-post-6.md index c6e8171..ab87234 100644 --- a/content/posts/news-post-6.md +++ b/content/posts/news-post-6.md @@ -3,7 +3,7 @@ title: "News Post 6" date: 2022-03-18T11:10:36+08:00 draft: false language: en -image: ../assets/images/posts/comp.jpg +featured_image: ../assets/images/featured/featured-img-placeholder.png summary: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus, odio nec venenatis lacinia, lacus lectus varius nisi, in tristique mi purus ut libero. Vestibulum vel convallis felis. Ut finibus lorem vestibulum lobortis rhoncus. author: TailBliss diff --git a/content/prose.md b/content/prose.md index e89f068..e75f443 100644 --- a/content/prose.md +++ b/content/prose.md @@ -3,7 +3,8 @@ title: "Prose" date: 2021-12-18T11:10:36+08:00 draft: false language: en -description: A test with @tailwindcss/typography & Prose +description: Tailwind Typography @tailwindcss/typography & Prose +featured_image: ../assets/images/featured/featured-img-placeholder.png --- ## @tailwindcss/typography [View on GitHub](https://github.com/tailwindlabs/tailwindcss-typography)! diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 416ae6d..f2ba3a1 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -7,8 +7,25 @@ - -
+
+ {{ with .Params.featured_image }} + {{ with resources.Get . }} + {{ $small := (.Resize "400x webp q80").RelPermalink }} + {{ $medium := (.Resize "550x webp q80").RelPermalink }} + {{ $large := (.Resize "900x webp q80").RelPermalink }} + {{ $featuredimage := (.Resize "1500x webp q80").RelPermalink }} + {{ .Params.title }} + {{ end }} + {{ end }} +
+ +
{{.Content}}
diff --git a/layouts/index.html b/layouts/index.html index b7f816c..831d33e 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -34,7 +34,7 @@
+ class="w-full max-w-xl mx-auto rounded-lg" alt="TailBliss Hero" />
@@ -69,7 +69,7 @@ {{ with $missionimage }} {{ with .Resize (printf "%dx%d webp q50" .Width .Height) }} + class="absolute inset-0 object-cover w-full h-full" alt="TailBliss - Our Mission" /> {{ end }}> {{ end }}
@@ -194,7 +194,8 @@ {{- with $small.RelPermalink -}}, {{.}} 768w{{- end -}} {{- with $medium.RelPermalink -}}, {{.}} 1024w{{- end -}} {{- with $large.RelPermalink -}}, {{.}} 1374w{{- end -}}" src="{{ $bannerOne.RelPermalink }}" - alt="Hacktoberfest" class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" /> + alt="TailBliss Hacktoberfest Image" + class="w-full rounded-lg shadow-xl lg:h-full lg:w-auto lg:max-w-none" /> @@ -269,9 +270,9 @@
{{ range (.Paginator 3).Pages }}
- {{ with .Params.image }} + {{ with .Params.featured_image }} {{ with resources.Get . }} - {{ $postimage := (.Resize "405x webp").RelPermalink }} + {{ $postimage := (.Resize "500x webp q90").RelPermalink }} {{ end }} @@ -288,8 +289,11 @@
Tags: - {{ .Params.tags }} + {{ range $elem_index, $elem_val := (.GetTerms "tags") }} + {{- if gt $elem_index 0 }}, {{ end -}} + {{ .LinkTitle }} + {{- end -}}
@@ -301,7 +305,7 @@ {{ end }} {{ end }}
-
+

{{ .Params.author }}

diff --git a/layouts/partials/meta.html b/layouts/partials/meta.html index 30c266c..83d5d0f 100644 --- a/layouts/partials/meta.html +++ b/layouts/partials/meta.html @@ -1,7 +1,7 @@ {{if .IsHome}} {{ $.Site.Params.description }} | {{ .Title }} {{else}} {{ .Title }} | {{ .Site.Title }} {{end}} - + diff --git a/layouts/partials/posts-template.html b/layouts/partials/posts-template.html index 06dd66d..c5b8063 100644 --- a/layouts/partials/posts-template.html +++ b/layouts/partials/posts-template.html @@ -2,13 +2,11 @@
{{ range .Paginator.Pages }} -
- {{ with .Params.image }} +
+ {{ with .Params.featured_image }} {{ with resources.Get . }} - {{ $postimage := (.Resize "405x webp").RelPermalink }} - + {{ $postimage := (.Resize "405x webp q90").RelPermalink }} + {{ end }} {{ end }}
@@ -23,8 +21,11 @@
Tags: - {{ .Params.tags }} + {{ range $elem_index, $elem_val := (.GetTerms "tags") }} + {{- if gt $elem_index 0 }}, {{ end -}} + {{ .LinkTitle }} + {{- end -}}
diff --git a/public/404.html b/public/404.html index d30693b..b50d96e 100644 --- a/public/404.html +++ b/public/404.html @@ -1,4 +1,4 @@ -404 Page not found | TailBliss
TailBliss Logo
TailBliss