visual polish for backgrounds and featured images

exampleSite/config/_default/languages.en.toml

@@ -10,14 +10,14 @@ title = "Blowfish"
   dateFormat = "2 January 2006"
   logo = "img/blowfish_logo_transparent.png"
   # secondaryLogo = "PATH"
-  description = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
+  description = "A powerful, lightweight theme for Hugo."
   # copyright = "Copy, _right?_ :thinking_face:"
 
 [author]
   name = "Blowfish"
   image = "img/blowfish_logo.png"
-  headline = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
-  bio = "A powerful, lightweight theme for Hugo built with Tailwind CSS."
+  headline = "A powerful, lightweight theme for Hugo."
+  bio = "A powerful, lightweight theme for Hugo."
   links = [
     { x-twitter = "https://twitter.com/burufugu" },
     #{ mastodon = "https://masto.ai/@blowfish" },

exampleSite/config/_default/params.toml

@@ -18,15 +18,15 @@ mainSections = ["docs"]
 disableImageOptimization = false
 disableTextInHeader = false
 
-defaultBackgroundImage = "/img/gradient.svg"
-defaultFeaturedImage = "/img/ocean.jpg"
+defaultBackgroundImage = "/img/background.svg"
+defaultFeaturedImage = "/img/featured.svg"
 
 highlightCurrentMenuArea = true
 smartTOC = true
 smartTOCHideUnfocusedChildren = false
 
 [header]
-  layout = "fixed" # valid options: basic, fixed, fixed-fill, fixed-fill-blur
+  layout = "fixed-gradient" # valid options: basic, fixed, fixed-fill, fixed-gradient, fixed-fill-blur
 
 [footer]
   showMenu = true

exampleSite/content/_index.md

@@ -3,18 +3,12 @@ title: "Welcome to Blowfish! :tada:"
 description: "This page was built using the Blowfish theme for Hugo."
 ---
 
-Welcome to Blowfish, one of the most flexible and robust Hugo themes. It is designed to be simple, fast and content-focused. Learn more about how to install [here]({{< ref "docs/installation" >}}) or get started with our CLI using:
-
 ```node
 npx blowfish-tools
 ```  
 
 {{< youtubeLite id="SgXhGb-7QbU" label="Blowfish-tools demo" >}}
 
-<!--You can also find the complete theme documentation in [docs]({{< ref "docs" >}}). Blowfish is highly customizable and can be configured to fit your needs: from a static website to a blog. Checkout some [examples](/examples) and what some of our [users](/users) have been building.
-
-Explore the [shortcode list]({{< ref "docs/shortcodes" >}}) and [sample pages]({{< ref "samples" >}}) to get a feel for what Blowfish can do. If you like what you see, check out the project on <a target="_blank" href="https://github.com/nunocoracao/blowfish">Github</a> or read the [Installation guide]({{< ref "docs/installation" >}}) to get started.-->
-
 <div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
   <span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400">
     {{< icon "triangle-exclamation" >}}

exampleSite/content/docs/installation/featured.svg

@@ -0,0 +1 @@
+<svg id="canvas" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 540 420"><rect width="540" height="420" fill="transparent"></rect><mask id="mask" mask-type="alpha" maskUnits="userSpaceOnUse"><rect transform="translate(0, 0)" width="540" height="420" fill="white"></rect></mask><g name="doubleStripes" mask="url(#mask)" mix-blend-mode="multiply"><rect transform="translate(0, 0) rotate(90)" width="60" height="120" fill="none"></rect><path transform="translate(0, 0) rotate(90)" fill="#023e8a" d="M48.0004 120.462H52.0004L52.0004 0.461672L48.0004 0.461672L48.0004 120.462Z"></path><path transform="translate(0, 0) rotate(90)" fill="#023e8a" d="M38.0004 0.461671L38.0004 120.462H42.0004L42.0004 0.461671L38.0004 0.461671Z"></path><path transform="translate(0, 0) rotate(90)" fill="#023e8a" d="M28.0004 0.461671L32.0004 0.461671L32.0004 120.462H28.0004L28.0004 0.461671Z"></path><path transform="translate(0, 0) rotate(90)" fill="#023e8a" d="M18.0004 0.46167L18.0004 120.462H22.0004L22.0004 0.461671L18.0004 0.46167Z"></path><path transform="translate(0, 0) rotate(90)" fill="#023e8a" d="M8.00037 0.46167L8.00037 120.462H12.0004L12.0004 0.46167L8.00037 0.46167Z"></path></g><g name="doubleStripes" mask="url(#mask)" mix-blend-mode="multiply"><rect transform="translate(0, 60) rotate(90)" width="60" height="120" fill="none"></rect><path transform="translate(0, 60) rotate(90)" fill="#caf0f8" d="M48.0004 120.462H52.0004L52.0004 0.461672L48.0004 0.461672L48.0004 120.462Z"></path><path transform="translate(0, 60) rotate(90)" fill="#caf0f8" d="M38.0004 0.461671L38.0004 120.462H42.0004L42.0004 0.461671L38.0004 0.461671Z"></path><path transform="translate(0, 60) rotate(90)" fill="#caf0f8" d="M28.0004 0.461671L32.0004 0.461671L32.0004 120.462H28.0004L28.0004 0.461671Z"></path><path transform="translate(0, 60) rotate(90)" fill="#caf0f8" d="M18.0004 0.46167L18.0004 120.462H22.0004L22.0004 0.461671L18.0004 0.46167Z"></path><path transform="translate(0, 60) rotate(90)" fill="#caf0f8" d="M8.00037 0.46167L8.00037 120.462H12.0004L12.0004 0.46167L8.00037 0.46167Z"></path></g><g name="doubleStripes" mask="url(#mask)" mix-blend-mode="multiply"><rect transform="translate(0, 120) rotate(0)" width="60" height="120" fill="none"></rect><path transform="translate(0, 120) rotate(0)" fill="#023e8a" d="M48.0004 120.462H52.0004L52.0004 0.461672L48.0004 0.461672L48.0004 120.462Z"></path><path transform="translate(0, 120) rotate(0)" fill="#023e8a" d="M38.0004 0.461671L38.0004 120.462H42.0004L42.0004 0.461671L38.0004 0.461671Z"></path><path transform="translate(0, 120) rotate(0)" fill="#023e8a" d="M28.0004 0.461671L32.0004 0.461671L32.0004 120.462H28.0004L28.0004 0.461671Z"></path><path transform="translate(0, 120) rotate(0)" fill="#023e8a" d="M18.0004 0.46167L18.0004 120.462H22.0004L22.0004 0.461671L18.0004 0.46167Z"></path><path transform="translate(0, 120) rotate(0)" fill="#023e8a" d="M8.00037 0.46167L8.00037 120.462H12.0004L12.0004 0.46167L8.00037 0.46167Z"></path></g><g name="doubleStripes" mask="url(#mask)" mix-blend-mode="multiply"><rect transform="translate(0, 180) rotate(90)" width="60" height="120" fill="none"></rect><path transform="translate(0, 180) rotate(90)" fill="#0096c7" d="M48.0004 120.462H52.0004L52.0004 0.461672L48.0004 0.461672L48.0004 120.462Z"></path><path transform="translate(0, 180) rotate(90)" fill="#0096c7" d="M38.0004 0.461671L38.0004 120.462H42.0004L42.0004 0.461671L38.0004 0.461671Z"></path><path transform="translate(0, 180) rotate(90)" fill="#0096c7" d="M28.0004 0.461671L32.0004 0.461671L32.0004 120.462H28.0004L28.0004 0.461671Z"></path><path transform="translate(0, 180) rotate(90)" fill="#0096c7" d="M18.0004 0.46167L18.0004 120.462H22.0004L22.0004 0.461671L18.0004 0.46167Z"></path><path transform="translate(0, 180) rotate(90)" fill="#0096c7" d="M8.00037 0.46167L8.00037 120.462H12.0004L12.0004 0.46167L8.00037 0.46167Z"></path></g><g name="doubleStripes" mask="url(#mask)" mix-blend-mode="multiply"><rect transform="translate(0, 240) rotate(0)" width="60" height="120" fill="none"></rect><path transform="translate(0, 240) rotate(0)" fill="#90e0ef" d="M48.0004 120.462H52.0004L52.0004 0.461672L48.0004 0.461672L48.0004 120.462Z"></path><path transform="translate(0, 240) rotate(0)" fill="#90e0ef" d="M38.0004 0.461671L38.0004 120.462H42.0004L42.0004 0.461671L38.0004 0.461671Z"></path><path transform="translate(0, 240) rotate(0)" fill="#90e0ef" d="M28.0004 0.461671L32.0004 0.461671L32.0004 120.462H28.0004L28.0004 0.461671Z"></path><path transform="translate(0, 240) rotate(0)" fill="#90e0ef" d="M18.0004 0.46167L18.0004 120.462H22.0004L22.0004 0.461671L18.0004 0.46167Z"></path><path transform="translate(0, 240) rotate(0)" fill="#90e0ef" d="M8.00037 0.46167L8.00037 120.462H12.0004L12.0004 0.46167L8.00037 0.46167Z"></path></g><g name="doubleStripes" mask="url(#mask)" mix-blend-mode="multiply"><rect transform="translate(0, 300) rotate(90)Line truncated

exampleSite/content/docs/welcome/feature.svg

@@ -0,0 +1 @@
+<svg id="canvas" height="100%" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 540 420"><rect width="540" height="420" fill="transparent"></rect><mask id="mask" mask-type="alpha" maskUnits="userSpaceOnUse"><rect transform="translate(0, 0)" width="540" height="420" fill="white"></rect></mask><svg><path transform="translate(0, 0) translate(30,30) rotate(0) translate(-30,-30)" fill="#90e0ef" d="M0 0h60v60H0z"></path><path transform="translate(0, 0) translate(30,30) rotate(0) translate(-30,-30)" fill="#023e8a" d="M0 0h60v30H0z"></path><path transform="translate(0, 0) translate(30,30) rotate(0) translate(-30,-30)" fill="#0096c7" d="M30 45c8.284 0 15-6.716 15-15H15c0 8.284 6.716 15 15 15z"></path><path transform="translate(0, 0) translate(30,30) rotate(0) translate(-30,-30)" fill="#03045e" d="M30 15c-8.284 0-15 6.716-15 15h30c0-8.284-6.716-15-15-15z"></path></svg><svg><path transform="translate(0, 60) translate(30,30) rotate(270) translate(-30,-30)" fill="#48cae4" d="M0 0h60v60H0z"></path><path transform="translate(0, 60) translate(30,30) rotate(270) translate(-30,-30)" fill="#00b4d8" d="M30.867 4h-1.734v19.415L24.108 4.662l-1.674.448 5.026 18.757L17.75 7.05l-1.5.867 9.708 16.815-13.73-13.73-1.226 1.226 13.73 13.73L7.917 16.25l-.867 1.5 16.816 9.709L5.11 22.433l-.448 1.675 18.755 5.025H4v1.734h19.417L4.662 35.892l.449 1.674 18.755-5.025L7.05 42.25l.867 1.5 16.815-9.708-13.73 13.73 1.226 1.226 13.73-13.73-9.708 16.815 1.5.867 9.71-16.815-5.026 18.755 1.674.448 5.025-18.755V56h1.734V36.581l5.026 18.757 1.674-.448-5.025-18.754 9.707 16.814 1.502-.867-9.709-16.815 13.73 13.73 1.226-1.226-13.73-13.73 16.816 9.709.866-1.502-16.816-9.708 18.756 5.025.448-1.674-18.755-5.025H56v-1.734H36.583l18.756-5.025-.449-1.674-18.756 5.025 16.816-9.708-.867-1.502-16.815 9.709 13.73-13.73-1.226-1.226-13.73 13.73 9.709-16.815-1.501-.867-9.71 16.816L37.567 5.11l-1.674-.448-5.025 18.755V4z"></path></svg><svg><path transform="translate(0, 120) translate(30,30) rotate(90) translate(-30,-30)" fill="#00b4d8" d="M0 0h60v60H0z"></path><path transform="translate(0, 120) translate(30,30) rotate(90) translate(-30,-30)" fill="#caf0f8" d="M0 0h60v30H0z"></path><path transform="translate(0, 120) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e" d="M30 45c8.284 0 15-6.716 15-15H15c0 8.284 6.716 15 15 15z"></path><path transform="translate(0, 120) translate(30,30) rotate(90) translate(-30,-30)" fill="#90e0ef" d="M30 15c-8.284 0-15 6.716-15 15h30c0-8.284-6.716-15-15-15z"></path></svg><svg><path transform="translate(0, 180) translate(30,30) rotate(90) translate(-30,-30)" fill="#00b4d8" d="M0 0h60v60H0z"></path><path transform="translate(0, 180) translate(30,30) rotate(90) translate(-30,-30)" fill="#03045e" d="M4 56h52L30 30 4 56z"></path><path transform="translate(0, 180) translate(30,30) rotate(90) translate(-30,-30)" fill="#ade8f4" d="M56 4H4l26 26L56 4z"></path></svg><svg><path transform="translate(0, 240) translate(30,30) rotate(0) translate(-30,-30)" fill="#0077b6" d="M0 0h60v60H0z"></path><path transform="translate(0, 240) translate(30,30) rotate(0) translate(-30,-30)" fill="#90e0ef" d="M30 49c8.284 0 15-6.716 15-15H15c0 8.284 6.716 15 15 15z"></path><circle transform="translate(0, 240) translate(30,30) rotate(0) translate(-30,-30)" cx="30" cy="21" r="9" fill="#03045e"></circle></svg><svg> <path transform="translate(0, 300)" fill="#023e8a" d="M0 0h60v60H0z"></path><path transform="translate(0, 300)" fill="#caf0f8" d="M49 29.5C49 32.74 43.439 42 30 42s-19-9.26-19-12.5S16.561 17 30 17s19 9.26 19 12.5z"></path><circle transform="translate(0, 300)" cx="30" cy="30" r="7" fill="#90e0ef"></circle></svg><svg><path transform="translate(0, 360)" fill="#00b4d8" d="M0 0h60v60H0z"></path><path transform="translate(0, 360)" fill="#023e8a" d="M30.867 4h-1.734v22.765L17.75 7.05l-1.5.867 11.382 19.715L7.917 16.25l-.867 1.502 19.715 11.382H4v1.734h22.766L7.05 42.249l.867 1.502 19.715-11.383L16.25 52.083l1.502.867 11.382-19.715V56h1.734V33.234L42.249 52.95l1.502-.867-11.383-19.715L52.083 43.75l.867-1.502-19.716-11.382H56v-1.734H33.234L52.95 17.751l-.867-1.502-19.715 11.383L43.75 7.917l-1.502-.867-11.382 19.716V4z"></path></svg><svg><path transform="translate(60, 0)" fill="#023e8a" d="M0 0h60v60H0z"></path><path transform="translate(60, 0)" fill="#00b4d8" d="M30.867 4h-1.734v22.765L17.75 7.05l-1.5.867 11.382 19.715L7.917 16.25l-.867 1.502 19.715 11.382H4v1.734h22.766L7.05 42.249l.867 1.502 19.715-11.383L16.25 52.083l1.502.867 11.382-19.715V56h1.734V33.234L42.249 52.95l1.502-.867-11.383-19.715L52.083 43.75l.867-1.502-19.716-11.382H56v-1.734H33.234L52.95 17.751l-.867-1.502-19.715 11.383L43.75 7.917l-1.502-.867-11.382 19.716V4z"></path></svg><svg><path transform="translate(60, 60) translate(30,30) rotate(270) translate(-30,-30)" fill="#0096c7" d="M0 0h60v60H0z"></path><path transform="translate(60, 60) translate(30,30) rotate(270) translate(-30,-30)" fill="#ade8f4Line truncated