Compare commits
3 commits
d877b6974a
...
de43493c31
Author | SHA1 | Date | |
---|---|---|---|
de43493c31 | |||
bf50b23910 | |||
fc4d13ed3c |
3 changed files with 35 additions and 2 deletions
16
src/components/FriendLinkLow.astro
Normal file
16
src/components/FriendLinkLow.astro
Normal file
|
@ -0,0 +1,16 @@
|
||||||
|
---
|
||||||
|
import { Image, Picture } from "astro:assets";
|
||||||
|
|
||||||
|
const { name, image, target } = Astro.props;
|
||||||
|
---
|
||||||
|
<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="low" decoding="async" loading="lazy" formats={['webp']} /></a>
|
||||||
|
<style>
|
||||||
|
img {
|
||||||
|
image-rendering: pixelated;
|
||||||
|
min-width: 88px;
|
||||||
|
width: 176px;
|
||||||
|
min-height: 31px;
|
||||||
|
height: 62px;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
</style>
|
16
src/components/FriendLinkMid.astro
Normal file
16
src/components/FriendLinkMid.astro
Normal file
|
@ -0,0 +1,16 @@
|
||||||
|
---
|
||||||
|
import { Image, Picture } from "astro:assets";
|
||||||
|
|
||||||
|
const { name, image, target } = Astro.props;
|
||||||
|
---
|
||||||
|
<a href={`${target}`} target="_blank"><Picture src={image} width={88} height={31} alt={`${name}`} class="flex" quality="mid" decoding="async" loading="lazy" formats={['webp']} /></a>
|
||||||
|
<style>
|
||||||
|
img {
|
||||||
|
image-rendering: pixelated;
|
||||||
|
min-width: 88px;
|
||||||
|
width: 176px;
|
||||||
|
min-height: 31px;
|
||||||
|
height: 62px;
|
||||||
|
padding: 4px;
|
||||||
|
}
|
||||||
|
</style>
|
|
@ -5,6 +5,7 @@ import Greeting from "../components/Greeting";
|
||||||
import Social from "../components/Social.astro";
|
import Social from "../components/Social.astro";
|
||||||
import BaseLayout from "../layouts/BaseLayout.astro";
|
import BaseLayout from "../layouts/BaseLayout.astro";
|
||||||
import FriendLink from "../components/FriendLink.astro";
|
import FriendLink from "../components/FriendLink.astro";
|
||||||
|
import FriendLinkMid from "../components/FriendLinkMid.astro";
|
||||||
const pageTitle = "Aria";
|
const pageTitle = "Aria";
|
||||||
|
|
||||||
const currentDate = new Date();
|
const currentDate = new Date();
|
||||||
|
@ -91,9 +92,9 @@ const age = seconds / 31556952;
|
||||||
image="https://notnite.com/buttons/notnite.png"
|
image="https://notnite.com/buttons/notnite.png"
|
||||||
target="https://notnite.com/"
|
target="https://notnite.com/"
|
||||||
/>
|
/>
|
||||||
<FriendLink
|
<FriendLinkMid
|
||||||
name="0x5066"
|
name="0x5066"
|
||||||
image="https://erisdump.neocities.org/buttons/88x31_1.gif"
|
image="https://erisdump.neocities.org/buttons/88x31_2.gif"
|
||||||
target="https://erisdump.neocities.org"
|
target="https://erisdump.neocities.org"
|
||||||
/>
|
/>
|
||||||
<FriendLink
|
<FriendLink
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue