Moved images to assets, rewrote to use Image component, fixed styling issues

This commit is contained in:
Firq 2023-12-25 18:39:44 +01:00
parent 709f459963
commit aec4660bec
Signed by: Firq
GPG key ID: 4DE1059A4666E89F
160 changed files with 386 additions and 331 deletions

View file

@ -1,7 +1,7 @@
---
import Navbar from '../components/navbar.astro'
import NavbarEntry from '../components/navbarEntry.astro'
import navdata from '../../static/assets/data/_navdata.json'
import navdata from '../../static/data/_navdata.json'
export interface Props {
title: string
@ -45,7 +45,7 @@ if (currentpage !== 'home') {
content="SmcWcewh7DCANcLeTe3ntU0R-LESbo_bsolICJnmulE"
/>
<!-- Links -->
<link rel="icon" type="image/ico" href="/assets/favicon.ico" />
<link rel="icon" type="image/ico" href="/favicon.ico" />
<link rel="sitemap" href="/sitemap-index.xml" />
<link href="https://mastodon.neshweb.net/@Firq" rel="me" />
<link

View file

@ -1,4 +1,9 @@
---
import okita from '../assets/okita.png'
import atlas from '../assets/atlas.png'
import foxcat from '../assets/lurker.png'
import padoru from '../assets/padoru.png'
import { Image } from 'astro:assets';
---
<footer>
@ -24,7 +29,7 @@
rel="noopener noreferrer">Atlas Academy</a
> for providing the servant and ce images.
<div class="sticky-image-wrapper">
<img src="/assets/atlas.png" alt="" />
<Image src={atlas} alt="Icon of Atlas Academy" />
</div>
</div>
<br />
@ -40,7 +45,7 @@
rel="noopener noreferrer">FGO Timers here</a
>
<div class="sticky-image-wrapper">
<img src="/assets/lurker.png" alt="" />
<Image src={foxcat} alt="Best Foxcat" />
</div>
</div>
<br />
@ -54,7 +59,7 @@
>his site here</a
>
<div class="sticky-image-wrapper">
<img src="/assets/okita.png" alt="" style="height:60px" />
<Image src={okita} alt="" style="height:60px" />
</div>
</div>
<br />
@ -65,7 +70,7 @@
rel="noopener noreferrer">AnthonyJ</a
> for providing me with the custom Shishou favicon.
<div class="sticky-image-wrapper">
<img src="/assets/padoru.png" alt="" />
<Image src={padoru} alt="Hashire sori yo ..." />
</div>
</div>
</footer>