auxolotl/website
24
0
Fork 1
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

fix: use astro:assets Image

Browse source
This commit is contained in:
marshmallow 2024-05-04 16:49:46 +10:00
parent 6725bc69fa
commit 48d0a60d1e
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Header.astro
View file

@ -2,6 +2,8 @@
interface Props {}
import { getLangFromUrl, useTranslations } from '../i18n/utils';
import { Image } from 'astro:assets';
import aux from '../../public/aux.svg';
const lang = getLangFromUrl(Astro.url);
const translation = useTranslations(lang);
@ -10,7 +12,7 @@ const translation = useTranslations(lang);
<header>
<div class="left">
<a href="https://aux.computer" class="brand">
<img class="icon" src="/aux.svg" />
<Image class="icon" src={aux} alt="aux.computer logo" />
<span class="title">aux.computer</span>
</a>
</div>

4
src/components/Hero.astro
View file

@ -1,5 +1,7 @@
---
import { getLangFromUrl, useTranslations } from '../i18n/utils';
import { Image } from 'astro:assets';
import aux from '../../public/aux.svg';
const lang = getLangFromUrl(Astro.url);
const translation = useTranslations(lang);
@ -8,7 +10,7 @@ const translation = useTranslations(lang);
<div class="hero">
<div class="content">
<div class="icon">
<img src="/aux.svg" alt="" />
<Image src={aux} alt="aux.computer logo" />
</div>
<h1 class="title">aux.computer</h1>
<div class="description">{translation("root.description")}</div>