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

4
src/components/Hero.astro
View file

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