aria/aria.coffee
1
0
Fork 0
Code Issues Pull requests Projects 1 Releases Packages Wiki Activity Actions

chore: Double the size of 88x31 buttons to improve rendering

Browse source
This commit is contained in:
Aria 2024-12-27 14:13:00 +11:00
parent a872096063
commit 7a030a0a67
Signed by: aria
GPG key ID: 19AB7AA462B8AB3B
2 changed files with 7 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/FriendLink.astro
View file

@ -3,12 +3,15 @@ import { Image } from "astro:assets";
const { name, image, target } = Astro.props;
---
<a href={`${target}`} target="_blank"><Image src={image} width={88} height={31} alt={`${name}`} /></a>
<a href={`${target}`} target="_blank"><Image src={image} width={88} height={31} alt={`${name}`} class="flex" /></a>
<style>
img {
image-rendering: pixelated;
width: 88px;
height: 31px;
min-width: 88px;
width: 176px;
min-height: 31px;
height: 62px;
scale: initial;
padding: 4px;
}
</style>

2
src/pages/other buttons.astro
View file

@ -59,7 +59,7 @@ const pageTitle = "Aria's friends";
target="https://astro.build/"
/>
<!--suppress HtmlDeprecatedAttribute -->
<iframe src="//incr.easrng.net/badge?key=ariadotcoffee" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe>
<div style="width: 176px; height: 62px" class="flex place-content-center items-center"><iframe src="https://incr.easrng.net/badge?key=ariadotcoffee" style="background: url(//incr.easrng.net/bg.gif); transform: scale(2);" title="increment badge" width="88" height="31" frameborder="0"></iframe></div>
<FriendLink
name="Specsavers"
image="/static/img/88x31/eyes.gif"