darkwiiplayer/blog
1
0
Fork 0
Code Pull requests Activity

Enable parallax for header images

Browse source
This commit is contained in:
Talia 2025-08-20 21:51:03 +02:00
parent 65a74dfce6
commit ce682709b4
Signed by: darkwiiplayer
GPG key ID: 7808674088232B3E
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/css/site.css
View file

@ -1,5 +1,5 @@
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@main/all.css') layer(framework);
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@main/drop-in.css') layer(framework);
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@3db9f6c/all.css') layer(framework);
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@3db9f6c/drop-in.css') layer(framework);
blog-post[hidden] {
display: none;

2
templates/post.html.skooma.yue
View file

@ -32,7 +32,7 @@ breadcrumb = (href) -> li a :href, href\match('[^/]+$'), tabindex: 0
if src := post.head.cover_image
slots.top pageHero cover: 60
* img :src, style: 'opacity: .4'
* img :src, style: 'opacity: .4', class: "parallax"
* h1(post.head.title, style: "view-transition-name: #{post.head.slug}")
slots.head
* meta property: "og:image", content: src