dbrun/blowfish
1
0
Fork 0
mirror of https://github.com/nunocoracao/blowfish.git synced 2026-01-30 16:31:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

add blur parameter to homepage background setup

Browse Source
This commit is contained in:
Nuno Coração
2022-11-06 19:05:01 +00:00
parent 5f52400e1e
commit c3ee4b41be
5 changed files with 84 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/partials/hero/background.html
View File

@@ -17,7 +17,7 @@
window.addEventListener('scroll', function (e) {
var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var background_blur = document.getElementById('background-blur');
background_blur.style.opacity = (scroll / 150.0)
background_blur.style.opacity = (scroll / 300)
});
</script>
{{ end }}

12
layouts/partials/home/background.html
View File

@@ -55,4 +55,14 @@
</article>
<section>
{{ partial "recent-articles.html" . }}
</section>
</section>
{{ if .Site.Params.homepage.layout_background_blur | default false }}
<div id="background-blur" class="fixed opacity-0 inset-x-0 top-0 h-full single_hero_background nozoom backdrop-blur-2xl"></div>
<script>
window.addEventListener('scroll', function (e) {
var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var background_blur = document.getElementById('background-blur');
background_blur.style.opacity = (scroll / 300)
});
</script>
{{ end }}