Skip to content

Commit

Permalink
Halloween 2024
Browse files Browse the repository at this point in the history
  • Loading branch information
rodrigoalcarazdelaosa committed Oct 27, 2024
1 parent a77ce08 commit 9ab69e4
Show file tree
Hide file tree
Showing 8 changed files with 116 additions and 62 deletions.
5 changes: 5 additions & 0 deletions assets/scss/custom.scss
Original file line number Diff line number Diff line change
Expand Up @@ -97,6 +97,7 @@ h4,
h5,
h6 {
color: $nord0;
text-shadow: #E66C2C 1px 0 10px;
}

.dark h1,
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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 {
Expand Down
6 changes: 3 additions & 3 deletions content/ca/home/hero.md
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -14,13 +14,13 @@ cta_alt:
url: "#novetats"
cta_note:
label: >-
**Subscriu-te** al <a href="https://t.me/fisiquimicamente" target="_blank" rel="noopener">**canal** de <img draggable="false" class="icon" alt="telegram" src="/icon/telegram.svg"> **Telegram**</a>, al <a href="https://whatsapp.com/channel/0029VaCbtJCIt5s4EryJFG3f" target="_blank" rel="noopener">**canal** de <img draggable="false" class="icon" alt="whatsapp" src="/icon/whatsapp.svg"> **Whatsapp**</a> o al <a href="https://fisiquimicament.com/index.xml" target="_blank" rel="noopener">**canal** <img draggable="false" class="icon" alt="RSS" src="/icon/RSS.svg"> **RSS**</a> si no et vols perdre cap actualització.<br><a href="https://discord.gg/kJqPqTJ" target="_blank" rel="noopener">**Uneix-te** al **servidor** <img draggable="false" class="icon" alt="discord" src="/icon/discord.svg"> d'**Discord**</a> per participar activament a la web, comentant, donant la teva opinió, realitzant peticions, suggeriments...
**Subscriu-te** al <a href="https://t.me/fisiquimicamente" target="_blank" rel="noopener">**canal** de <img draggable="false" class="icon" alt="telegram" src="/icon/telegram.svg"> **Telegram**</a>, al <a href="https://whatsapp.com/channel/0029VaCbtJCIt5s4EryJFG3f" target="_blank" rel="noopener">**canal** de <img draggable="false" class="icon" alt="whatsapp" src="/icon/whatsapp.svg"> **Whatsapp**</a> o al <a href="https://fisiquimicament.com/index.xml" target="_blank" rel="noopener">**canal** <img draggable="false" class="icon" alt="RSS" src="/icon/RSS.svg"> **RSS**</a> si no et vols perdre cap actualització.<br><a href="https://discord.gg/kJqPqTJ" target="_blank" rel="noopener">**Uneix-te** al **servidor** <img draggable="false" class="icon" alt="discord" src="/icon/discord.svg"> d'**Discord**</a> 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**
6 changes: 3 additions & 3 deletions content/en/home/hero.md
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -14,13 +14,13 @@ cta_alt:
url: "#news"
cta_note:
label: >-
**Subscribe** to the <a href="https://t.me/fisiquimicamente" target="_blank" rel="noopener"><img draggable="false" class="icon" alt="telegram" src="/icon/telegram.svg"> **Telegram channel**</a>, the <a href="https://whatsapp.com/channel/0029VaCbtJCIt5s4EryJFG3f" target="_blank" rel="noopener"><img draggable="false" class="icon" alt="whatsapp" src="/icon/whatsapp.svg"> **Whatsapp channel**</a> or the <a href="https://physichemically.com/index.xml" target="_blank" rel="noopener"><img draggable="false" class="icon" alt="RSS" src="/icon/RSS.svg"> **RSS channel**</a> if you don't want to miss any update.<br><a href="https://discord.gg/kJqPqTJ" target="_blank" rel="noopener">**Join** the <img draggable="false" class="icon" alt="discord" src="/icon/discord.svg"> **Discord server**</a> to actively participate in the website by commenting, giving your opinion, making requests, suggestions...
**Subscribe** to the <a href="https://t.me/fisiquimicamente" target="_blank" rel="noopener"><img draggable="false" class="icon" alt="telegram" src="/icon/telegram.svg"> **Telegram channel**</a>, the <a href="https://whatsapp.com/channel/0029VaCbtJCIt5s4EryJFG3f" target="_blank" rel="noopener"><img draggable="false" class="icon" alt="whatsapp" src="/icon/whatsapp.svg"> **Whatsapp channel**</a> or the <a href="https://physichemically.com/index.xml" target="_blank" rel="noopener"><img draggable="false" class="icon" alt="RSS" src="/icon/RSS.svg"> **RSS channel**</a> if you don't want to miss any update.<br><a href="https://discord.gg/kJqPqTJ" target="_blank" rel="noopener">**Join** the <img draggable="false" class="icon" alt="discord" src="/icon/discord.svg"> **Discord server**</a> 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**
4 changes: 2 additions & 2 deletions content/es/home/hero.md
Original file line number Diff line number Diff line change
Expand Up @@ -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"
Expand All @@ -17,7 +17,7 @@ cta_note:
**Suscríbete** al <a href="https://t.me/fisiquimicamente" target="_blank" rel="noopener">**canal** de <img draggable="false" class="icon" alt="telegram" src="/icon/telegram.svg"> **Telegram**</a>, al <a href="https://whatsapp.com/channel/0029VaCbtJCIt5s4EryJFG3f" target="_blank" rel="noopener">**canal** de <img draggable="false" class="icon" alt="whatsapp" src="/icon/whatsapp.svg"> **Whatsapp**</a> o al <a href="https://fisiquimicamente.com/index.xml" target="_blank" rel="noopener">**canal** <img draggable="false" class="icon" alt="RSS" src="/icon/RSS.svg"> **RSS**</a> si no quieres perderte ninguna actualización.<br><a href="https://discord.gg/kJqPqTJ" target="_blank" rel="noopener">**Únete** al **servidor** de <img draggable="false" class="icon" alt="discord" src="/icon/discord.svg"> **Discord**</a> 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**
128 changes: 85 additions & 43 deletions layouts/partials/blocks/v1/hero-home.html
Original file line number Diff line number Diff line change
Expand Up @@ -10,49 +10,91 @@
{{ if $block.Params.hero_media }}
<div class="row justify-content-center">
{{ with $block.Title }}
{{ if eq $block.Title "FisiQuímicamente" }}
{{- $logo := resources.Get ("media/logo-fisiquimicamente.svg") -}}
<img draggable="false" alt="fisiquimicamente" src="{{ $logo.RelPermalink }}" width="100%" id="fisiquimicamente">
<script>
document.addEventListener('wcThemeChange', (e) => {
// console.log('isDarkTheme? ' + e.detail.isDarkTheme());
if (e.detail.isDarkTheme()) {
document.getElementById("fisiquimicamente").src="/icon/logo-fisiquimicamente-dark.svg";
} else {
document.getElementById("fisiquimicamente").src="/icon/logo-fisiquimicamente.svg";
}
});
</script>
{{ 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") -}}
<tgs-player autoplay loop mode="normal" src="{{ $F.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $S.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $Q.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $U.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $M.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $C.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $A.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $M.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $E.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $N.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $T.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $E.RelPermalink }}" style="width: 5.5%; height:auto; display: inline-block"></tgs-player>
{{ else if eq $block.Title "PhysiChemically" }}
{{- $logo := resources.Get ("media/logo-physichemically.svg") -}}
<img draggable="false" alt="physichemically" src="{{ $logo.RelPermalink }}" width="100%" id="physichemically">
<script>
document.addEventListener('wcThemeChange', (e) => {
// console.log('isDarkTheme? ' + e.detail.isDarkTheme());
if (e.detail.isDarkTheme()) {
document.getElementById("physichemically").src="/icon/logo-physichemically-dark.svg";
} else {
document.getElementById("physichemically").src="/icon/logo-physichemically.svg";
}
});
</script>
{{- $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") -}}
<tgs-player autoplay loop mode="normal" src="{{ $P.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $H.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $Y.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $S.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $C.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $H.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $E.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $M.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $C.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $A.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $L.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $L.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $Y.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
{{ else if eq $block.Title "FisiQuímicament" }}
{{- $logo := resources.Get ("media/logo-fisiquimicament.svg") -}}
<img draggable="false" alt="fisiquimicament" src="{{ $logo.RelPermalink }}" width="100%" id="fisiquimicament">
<script>
document.addEventListener('wcThemeChange', (e) => {
// console.log('isDarkTheme? ' + e.detail.isDarkTheme());
if (e.detail.isDarkTheme()) {
document.getElementById("fisiquimicament").src="/icon/logo-fisiquimicament-dark.svg";
} else {
document.getElementById("fisiquimicament").src="/icon/logo-fisiquimicament.svg";
}
});
</script>
{{- $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") -}}
<tgs-player autoplay loop mode="normal" src="{{ $F.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $S.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $Q.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $U.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $M.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $I.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $C.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $A.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $M.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $E.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $N.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
<tgs-player autoplay loop mode="normal" src="{{ $T.RelPermalink }}" style="width: 5.9%; height:auto; display: inline-block"></tgs-player>
{{ end }}
{{ end }}
<div class="col-12 col-md-6 text-center text-md-left">
{{ end }}
{{ end }}

{{ with $block.Content }}
<div class="hero-lead">{{ . }}</div>
Expand Down Expand Up @@ -93,26 +135,26 @@

{{/* Call-to-action note */}}
{{ with $block.Params.cta_note }}
<p class="hero-note text-muted mb-3 mb-md-1">
<p class="hero-note text-muted mb-3 mb-md-1">
{{ .label | markdownify | emojify | safeHTML }}
</p>
{{ end }}

{{/* Hero image */}}
{{ if $block.Params.hero_media }}
</div>
<div class="col-12 mx-auto col-md-6 {{if $block.Params.design.flip}}order-md-first{{end}} hero-media">
<div class="col-12 mx-auto col-md-6 {{if $block.Params.design.flip}}order-md-first{{end}} 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" }}
<lottie-player autoplay loop mode="normal" src="{{ $image.RelPermalink }}" style="width: 100%; height:auto"></lottie-player>
{{ else if eq $animation_type "tgs" }}
{{ else if eq $animation_type "tgs" }}
<tgs-player autoplay loop mode="normal" style="width: 70%; height:auto" id="tgs-home"></tgs-player>
<script>
document.addEventListener('wcThemeChange', (e) => {
Expand Down
Loading

0 comments on commit 9ab69e4

Please sign in to comment.