From 9ab69e49c073d27c344d634a7c58088704475c1d Mon Sep 17 00:00:00 2001 From: Rodri Date: Sun, 27 Oct 2024 20:08:33 +0100 Subject: [PATCH] Halloween 2024 --- assets/scss/custom.scss | 5 + content/ca/home/hero.md | 6 +- content/en/home/hero.md | 6 +- content/es/home/hero.md | 4 +- layouts/partials/blocks/v1/hero-home.html | 128 ++++++++++++------ .../partials/components/headers/navbar.html | 20 +-- .../hooks/body-end/halloween-bats.html | 5 + layouts/partials/hooks/head-end/custom.html | 4 +- 8 files changed, 116 insertions(+), 62 deletions(-) create mode 100644 layouts/partials/hooks/body-end/halloween-bats.html diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index f343bb4ca..aa81c7921 100644 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -97,6 +97,7 @@ h4, h5, h6 { color: $nord0; + text-shadow: #E66C2C 1px 0 10px; } .dark h1, @@ -993,10 +994,12 @@ div.card-text p a { .section-subheading { color: $primary; + text-shadow: #E66C2C 1px 0 10px; } .dark .section-subheading { color: $nord6; + text-shadow: #E66C2C 1px 0 10px; } .dark .card .section-subheading a { @@ -1084,10 +1087,12 @@ div.card-text p a { .hero-lead { color: $nord0; font-family: $sta-font-heading, sans-serif; + text-shadow: #E66C2C 1px 0 10px; } .dark .hero-lead { color: $nord6; + text-shadow: #E66C2C 1px 0 10px; } .hero-cta-alt { diff --git a/content/ca/home/hero.md b/content/ca/home/hero.md index 306ad3aa4..674fb7653 100644 --- a/content/ca/home/hero.md +++ b/content/ca/home/hero.md @@ -3,7 +3,7 @@ widget: hero-home headless: true weight: 1 title: FisiQuímicament -hero_media: lottie/home.tgs +hero_media: lottie/home-halloween.tgs cta: label: '🧭 **Explora**' url: "#explora" @@ -14,13 +14,13 @@ cta_alt: url: "#novetats" cta_note: label: >- - **Subscriu-te** al **canal** de telegram **Telegram**, al **canal** de whatsapp **Whatsapp** o al **canal** RSS **RSS** si no et vols perdre cap actualització.
**Uneix-te** al **servidor** discord d'**Discord** per participar activament a la web, comentant, donant la teva opinió, realitzant peticions, suggeriments... + **Subscriu-te** al **canal** de telegram **Telegram**, al **canal** de whatsapp **Whatsapp** o al **canal** RSS **RSS** si no et vols perdre cap actualització.
**Uneix-te** al **servidor** discord d'**Discord** per participar activament a la web, comentant, donant la teva opinió, realitzant peticions, suggeriments... design: background: # color: "#FFFFF8" advanced: css_style: "padding-bottom: 0px" - css_class: + css_class: --- **Recursos de Física i Química, tutorials i ciència d'actualitat** \ No newline at end of file diff --git a/content/en/home/hero.md b/content/en/home/hero.md index 07319eb24..d0161c419 100644 --- a/content/en/home/hero.md +++ b/content/en/home/hero.md @@ -3,7 +3,7 @@ widget: hero-home headless: true weight: 1 title: PhysiChemically -hero_media: lottie/home.tgs +hero_media: lottie/home-halloween.tgs cta: label: '🧭 **Explore**' url: "#explore" @@ -14,13 +14,13 @@ cta_alt: url: "#news" cta_note: label: >- - **Subscribe** to the telegram **Telegram channel**, the whatsapp **Whatsapp channel** or the RSS **RSS channel** if you don't want to miss any update.
**Join** the discord **Discord server** to actively participate in the website by commenting, giving your opinion, making requests, suggestions... + **Subscribe** to the telegram **Telegram channel**, the whatsapp **Whatsapp channel** or the RSS **RSS channel** if you don't want to miss any update.
**Join** the discord **Discord server** to actively participate in the website by commenting, giving your opinion, making requests, suggestions... design: background: # color: "#FFFFF8" advanced: css_style: "padding-bottom: 0px" - css_class: + css_class: --- **Physics and Chemistry Resources, Tutorials and Current Science** \ No newline at end of file diff --git a/content/es/home/hero.md b/content/es/home/hero.md index 795ecf89d..9ef70cc04 100644 --- a/content/es/home/hero.md +++ b/content/es/home/hero.md @@ -3,7 +3,7 @@ widget: hero-home headless: true weight: 1 title: FisiQuímicamente -hero_media: lottie/home.tgs +hero_media: lottie/home-halloween.tgs cta: label: '🧭 **Explora**' url: "#explora" @@ -17,7 +17,7 @@ cta_note: **Suscríbete** al **canal** de telegram **Telegram**, al **canal** de whatsapp **Whatsapp** o al **canal** RSS **RSS** si no quieres perderte ninguna actualización.
**Únete** al **servidor** de discord **Discord** para participar activamente en la web, comentando, dando tu opinión, realizando peticiones, sugerencias... advanced: css_style: "padding-bottom: 0px" - css_class: + css_class: --- **Recursos de Física y Química, tutoriales y ciencia de actualidad** \ No newline at end of file diff --git a/layouts/partials/blocks/v1/hero-home.html b/layouts/partials/blocks/v1/hero-home.html index 8718fe9d2..1eece3ee1 100644 --- a/layouts/partials/blocks/v1/hero-home.html +++ b/layouts/partials/blocks/v1/hero-home.html @@ -10,49 +10,91 @@ {{ if $block.Params.hero_media }}
{{ with $block.Title }} - {{ if eq $block.Title "FisiQuímicamente" }} - {{- $logo := resources.Get ("media/logo-fisiquimicamente.svg") -}} - fisiquimicamente - + {{ if eq $block.Title "FisiQuímicamente" }} + {{- $F := resources.Get ("media/lottie/spooky-letters/F.tgs") -}} + {{- $I := resources.Get ("media/lottie/spooky-letters/I.tgs") -}} + {{- $S := resources.Get ("media/lottie/spooky-letters/S.tgs") -}} + {{- $Q := resources.Get ("media/lottie/spooky-letters/Q.tgs") -}} + {{- $U := resources.Get ("media/lottie/spooky-letters/U.tgs") -}} + {{- $M := resources.Get ("media/lottie/spooky-letters/M.tgs") -}} + {{- $C := resources.Get ("media/lottie/spooky-letters/C.tgs") -}} + {{- $A := resources.Get ("media/lottie/spooky-letters/A.tgs") -}} + {{- $E := resources.Get ("media/lottie/spooky-letters/E.tgs") -}} + {{- $N := resources.Get ("media/lottie/spooky-letters/N.tgs") -}} + {{- $T := resources.Get ("media/lottie/spooky-letters/T.tgs") -}} + + + + + + + + + + + + + + + + {{ else if eq $block.Title "PhysiChemically" }} - {{- $logo := resources.Get ("media/logo-physichemically.svg") -}} - physichemically - + {{- $P := resources.Get ("media/lottie/spooky-letters/P.tgs") -}} + {{- $H := resources.Get ("media/lottie/spooky-letters/H.tgs") -}} + {{- $Y := resources.Get ("media/lottie/spooky-letters/Y.tgs") -}} + {{- $S := resources.Get ("media/lottie/spooky-letters/S.tgs") -}} + {{- $I := resources.Get ("media/lottie/spooky-letters/I.tgs") -}} + {{- $C := resources.Get ("media/lottie/spooky-letters/C.tgs") -}} + {{- $E := resources.Get ("media/lottie/spooky-letters/E.tgs") -}} + {{- $M := resources.Get ("media/lottie/spooky-letters/M.tgs") -}} + {{- $A := resources.Get ("media/lottie/spooky-letters/A.tgs") -}} + {{- $L := resources.Get ("media/lottie/spooky-letters/L.tgs") -}} + + + + + + + + + + + + + + + {{ else if eq $block.Title "FisiQuímicament" }} - {{- $logo := resources.Get ("media/logo-fisiquimicament.svg") -}} - fisiquimicament - + {{- $F := resources.Get ("media/lottie/spooky-letters/F.tgs") -}} + {{- $I := resources.Get ("media/lottie/spooky-letters/I.tgs") -}} + {{- $S := resources.Get ("media/lottie/spooky-letters/S.tgs") -}} + {{- $Q := resources.Get ("media/lottie/spooky-letters/Q.tgs") -}} + {{- $U := resources.Get ("media/lottie/spooky-letters/U.tgs") -}} + {{- $M := resources.Get ("media/lottie/spooky-letters/M.tgs") -}} + {{- $C := resources.Get ("media/lottie/spooky-letters/C.tgs") -}} + {{- $A := resources.Get ("media/lottie/spooky-letters/A.tgs") -}} + {{- $E := resources.Get ("media/lottie/spooky-letters/E.tgs") -}} + {{- $N := resources.Get ("media/lottie/spooky-letters/N.tgs") -}} + {{- $T := resources.Get ("media/lottie/spooky-letters/T.tgs") -}} + + + + + + + + + + + + + + + {{ end }} {{ end }}
-{{ end }} +{{ end }} {{ with $block.Content }}
{{ . }}
@@ -93,7 +135,7 @@ {{/* Call-to-action note */}} {{ with $block.Params.cta_note }} -

+

{{ .label | markdownify | emojify | safeHTML }}

{{ end }} @@ -101,18 +143,18 @@ {{/* Hero image */}} {{ if $block.Params.hero_media }}
-
+
{{- $image := ($block.Parent.Resources.ByType "image").GetMatch $block.Params.hero_media -}} {{- if not $image -}} {{- $image = resources.Get (path.Join "media" $block.Params.hero_media) -}} {{- end -}} {{ if $image }} {{ $isSVG := eq $image.MediaType.SubType "svg" }} - {{ $animation_type := strings.TrimPrefix "." (path.Ext $image.RelPermalink) | lower }} + {{ $animation_type := strings.TrimPrefix "." (path.Ext $image.RelPermalink) | lower }} - {{ if eq $animation_type "json" }} + {{ if eq $animation_type "json" }} - {{ else if eq $animation_type "tgs" }} + {{ else if eq $animation_type "tgs" }} @@ -79,7 +79,7 @@ {{ site.Title }} {{- else -}} - {{- end -}} + {{- end -}} {{ end }} {{ end }} --> @@ -93,10 +93,10 @@ // console.log('isDarkTheme? ' + e.detail.isDarkTheme()); if (e.detail.isDarkTheme()) { const player = document.getElementById("tgs-nav-mobile"); - player.load("/media/lottie/home.tgs"); + player.load("/media/lottie/home-halloween.tgs"); } else { const player = document.getElementById("tgs-nav-mobile"); - player.load("/media/lottie/home-dark.tgs"); + player.load("/media/lottie/home-halloween-dark.tgs"); } }); @@ -211,7 +211,7 @@ {{ $social_link.icon }} {{ else }} - {{ end }} + {{ end }} {{ end }} @@ -230,7 +230,7 @@ {{ if and $has_day_night_themes $show_day_night }}
  • - 🌙 + 🌙
    @@ -268,11 +268,11 @@
    • {{ end }} - +
  • {{ if eq .Site.Language.Lang "es" }} - ☕ + ☕ {{ else if eq .Site.Language.Lang "ca" }} ☕ {{ else if eq .Site.Language.Lang "en" }} diff --git a/layouts/partials/hooks/body-end/halloween-bats.html b/layouts/partials/hooks/body-end/halloween-bats.html new file mode 100644 index 000000000..5cbf9b7ce --- /dev/null +++ b/layouts/partials/hooks/body-end/halloween-bats.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/layouts/partials/hooks/head-end/custom.html b/layouts/partials/hooks/head-end/custom.html index 1cbbac6f5..41161af45 100644 --- a/layouts/partials/hooks/head-end/custom.html +++ b/layouts/partials/hooks/head-end/custom.html @@ -23,4 +23,6 @@ {{ if .Params.threedmol }} -{{ end }} \ No newline at end of file +{{ end }} + + \ No newline at end of file