darkwiiplayer/blog
1
0
Fork 0
Code Pull requests Activity

Add parallax to post header

Browse source
This commit is contained in:
Talia 2025-08-21 00:10:50 +02:00
parent f2ae9269fb
commit bfdcfbc3ea
Signed by: darkwiiplayer
GPG key ID: 7808674088232B3E
2 changed files with 5 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@5b7cc42/all.css') layer(framework); @import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@74e5799/all.css') layer(framework);
@import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@5b7cc42/drop-in.css') layer(framework); @import url('https://cdn.jsdelivr.net/gh/darkwiiplayer/css@74e5799/drop-in.css') layer(framework);
blog-post[hidden] { blog-post[hidden] {
display: none; display: none;

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

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