Fluffy/WebsiteFluffy
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/website.git synced 2025-05-31 15:53:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Import image from path

Browse source 
Update page title based on post/project title
Use more optimised Image element
leg
This commit is contained in:
Michał Gdula 2024-05-24 19:47:03 +01:00
parent 5c41d81288
commit 44a15873f4
9 changed files with 60 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/Layout.astro
View file

@ -1,6 +1,8 @@
---
import "../styles/styles.scss";
import { Image } from "astro:assets";
interface Props {
title: string;
src?: string,
@ -28,7 +30,7 @@ const { title, src, alt } = Astro.props;
<body>
<div class="banner">
{src && (
<img src={src} alt={alt} />
<Image src={src} width="1080" height="700" loading="eager" alt={alt} />
<script>
const img = document.querySelector(".banner > img");
document.addEventListener("scroll", () => {