elh/elh.gay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Friends section updated with friends, added hover

Browse source 
effects
This commit is contained in:
elh 2024-06-22 15:56:05 -04:00
parent 8d964da54e
commit e161574678
5 changed files with 20 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/ashley.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 14 KiB

8
src/components/Friendbutton.astro
View file

@ -2,11 +2,15 @@
const { website, image, name }=Astro.props const { website, image, name }=Astro.props
--- ---
<a href={website}> <a href={website} >
<img title={name} src={image} class="image"> <img title={name} src={image} class="image">
</a> </a>
<style> <style>
.image{border-radius: 100%; .image{border-radius: 100%;
width: 10%;} width: 10%;
}
a{text-decoration: none;} a{text-decoration: none;}
.image:hover {
border: 3px solid orange}
</style> </style>

12
src/components/friends.astro
View file

@ -4,7 +4,15 @@ import FriendButton from "../components/Friendbutton.astro"
<section id="Friends"> <section id="Friends">
<h2>Friends Sites!</h2> <h2>Friends Sites!</h2>
<span> <span>
<FriendButton website="https://elh.gay" image="/public/vee.png" title="vee"/> <FriendButton website="https://ashleygraves.eu/" image="https://dp.nea.moe/avatar/836177139798638592.png" title="Ashley"/>
<FriendButton website=" https://pandaptable.moe" image="/public/nemmy.gif" title="nemmy"/> <FriendButton website=" https://pandaptable.moe" image="/public/nemmy.gif" title="Nemmy"/>
<FriendButton website="https://tiramisu.gay/" image=" https://dp.nea.moe/avatar/1215758862444007465.png" title="Tiramisu"/>
<FriendButton website="Https://vendicated.dev/" image=" https://dp.nea.moe/avatar/343383572805058560.png" title="Vee"/>
<FriendButton website="https://zoey-on-github.github.io/" image=" https://dp.nea.moe/avatar/696593747353534544.png" title="Julie"/>
<FriendButton website="https://alphexo.dev/" image=" https://dp.nea.moe/avatar/477497542205243392.png" title="Alphexo"/>
<FriendButton website="https://viggy.moe" image=" https://dp.nea.moe/avatar/1012800881474949221.png" title="Creamsoda"/>
<FriendButton website="https://exhq.dev" image=" https://dp.nea.moe/avatar/712639419785412668.png" title="Echo"/>
<FriendButton website=" https://instellate.xyz/" image=" https://dp.nea.moe/avatar/565197576026980365.png" title="Instellate"/>
<FriendButton website=" https://blahai.gay/" image=" https://dp.nea.moe/avatar/381494697073573899.png" title="blahai"/>
</span> </span>
</section> </section>

6
src/pages/index.astro
View file

@ -1,11 +1,11 @@
--- ---
import Layout from "../layouts/Sitelayout.astro"; import Layout from "../layouts/Sitelayout.astro";
import Friends from "../components/friends.astro" import Friends from "../components/friends.astro";
import Socials from "../components/socials.astro" import Socials from "../components/socials.astro";
const pageTitle="home"; const pageTitle="home";
--- ---
<Layout pageTitle={pageTitle}> <Layout pageTitle={pageTitle}>
<h2> Hi, I'm Stellaluna!</h2> <h2> Hi, I'm Stellaluna!</h2>
<body> <body>
<Socials /> <Socials />
<Friends /> <Friends />

2
src/styles/global.css
View file

@ -1,7 +1,7 @@
@import url('https://fonts.cdnfonts.com/css/ocr-a-std'); @import url('https://fonts.cdnfonts.com/css/ocr-a-std');
html { html {
background-color: darkorchid; background:linear-gradient( to right, purple, rgb(120, 0, 180));
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
} }