diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index cfa188e1..34ef0384 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -4537,30 +4537,6 @@ body a, body button { transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } -@keyframes homepage-ambient-drift { - 0%, 100% { - transform: scale(1.08) translate3d(-1.5%, -1%, 0); - } - 50% { - transform: scale(1.16) translate3d(1.5%, 1%, 0); - } -} -.homepage-ambient-background { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - filter: saturate(1.08); - animation: homepage-ambient-drift 24s ease-in-out infinite; - will-change: transform; -} -.homepage-ambient-wash { - background: linear-gradient(180deg, rgba(var(--color-neutral-950), 0.08), rgba(var(--color-neutral-950), 0.42)); -} -@media (prefers-reduced-motion: reduce) { - .homepage-ambient-background { - animation: none; - } -} button, [role="button"] { cursor: pointer; } diff --git a/assets/css/main.css b/assets/css/main.css index 5f7d7329..ee00c408 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -23,37 +23,6 @@ body button { @apply transition-colors; } -/* Opt-in landing-page atmosphere. The motion is deliberately slow and is - removed entirely when a visitor requests reduced motion. */ -@keyframes homepage-ambient-drift { - 0%, - 100% { - transform: scale(1.08) translate3d(-1.5%, -1%, 0); - } - 50% { - transform: scale(1.16) translate3d(1.5%, 1%, 0); - } -} - -.homepage-ambient-background { - background-position: center; - background-repeat: no-repeat; - background-size: cover; - filter: saturate(1.08); - animation: homepage-ambient-drift 24s ease-in-out infinite; - will-change: transform; -} - -.homepage-ambient-wash { - background: linear-gradient(180deg, rgba(var(--color-neutral-950), 0.08), rgba(var(--color-neutral-950), 0.42)); -} - -@media (prefers-reduced-motion: reduce) { - .homepage-ambient-background { - animation: none; - } -} - button, [role="button"] { cursor: pointer; diff --git a/exampleSite/assets/images/v3/animated-background.png b/exampleSite/assets/images/v3/animated-background.png deleted file mode 100644 index 72fa30c2..00000000 Binary files a/exampleSite/assets/images/v3/animated-background.png and /dev/null differ diff --git a/exampleSite/assets/images/v3/homepage-layout.png b/exampleSite/assets/images/v3/homepage-layout.png new file mode 100644 index 00000000..f3fd6576 Binary files /dev/null and b/exampleSite/assets/images/v3/homepage-layout.png differ diff --git a/exampleSite/assets/images/v3/shortcodes.png b/exampleSite/assets/images/v3/shortcodes.png new file mode 100644 index 00000000..a086d1c4 Binary files /dev/null and b/exampleSite/assets/images/v3/shortcodes.png differ diff --git a/exampleSite/assets/images/v3/site-background.svg b/exampleSite/assets/images/v3/site-background.svg new file mode 100644 index 00000000..41392308 --- /dev/null +++ b/exampleSite/assets/images/v3/site-background.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/exampleSite/config/_default/params.toml b/exampleSite/config/_default/params.toml index 2056f449..6bcf5ea8 100644 --- a/exampleSite/config/_default/params.toml +++ b/exampleSite/config/_default/params.toml @@ -24,7 +24,7 @@ disableImageOptimizationMD = false disableTextInHeader = false # backgroundImageWidth = 1200 -defaultBackgroundImage = "/img/background.svg" +defaultBackgroundImage = "images/v3/site-background.svg" defaultFeaturedImage = "/img/featured.svg" defaultSocialImage = "/img/blowfish_banner.png" hotlinkFeatureImage = false @@ -53,8 +53,6 @@ fingerprintAlgorithm = "sha512" # Valid values are "sha512" (default), "sha384", [homepage] layout = "landing" # valid options: page, profile, hero, card, background, landing, custom layoutSwitcher = true # opt-in interactive preview of the built-in layouts - animatedBackground = true # opt-in motion background for the landing layout - animatedBackgroundImage = "images/v3/animated-background.png" # homepageImage = "/img/iceland.jpg" # used in: hero, and card showRecent = true showRecentItems = 12 diff --git a/exampleSite/content/docs/homepage-layout/index.md b/exampleSite/content/docs/homepage-layout/index.md index e72851b2..ee72a5e1 100644 --- a/exampleSite/content/docs/homepage-layout/index.md +++ b/exampleSite/content/docs/homepage-layout/index.md @@ -1,6 +1,6 @@ --- title: "Homepage Layout" -featureimage: "images/v3/layouts.png" +featureimage: "images/v3/homepage-layout.png" weight: 5 draft: false description: "Configuring the homepage layout in the Blowfish theme." diff --git a/exampleSite/content/docs/shortcodes/index.md b/exampleSite/content/docs/shortcodes/index.md index 182f5d52..ef2da4db 100644 --- a/exampleSite/content/docs/shortcodes/index.md +++ b/exampleSite/content/docs/shortcodes/index.md @@ -3,7 +3,7 @@ title: "Shortcodes" weight: 6 draft: false description: "All the shortcodes available in Blowfish." -featureimage: "images/v3/documentation.png" +featureimage: "images/v3/shortcodes.png" slug: "shortcodes" tags: ["shortcodes", "mermaid", "icon", "lead", "docs"] series: ["Documentation"] diff --git a/layouts/partials/home/landing.html b/layouts/partials/home/landing.html index c78f6279..b59a782f 100644 --- a/layouts/partials/home/landing.html +++ b/layouts/partials/home/landing.html @@ -1,15 +1,7 @@
- {{ if .Site.Params.homepage.animatedBackground | default false }} - {{ $background := resources.Get (.Site.Params.homepage.animatedBackgroundImage | default "images/v3/animated-background.png") }} - {{ with $background }} - - - {{ end }} - {{ else }} - - {{ end }} +