forked from elh/elh.gay
Friends section updated with friends, added hover
effects
This commit is contained in:
parent
8d964da54e
commit
e161574678
5 changed files with 20 additions and 8 deletions
BIN
public/ashley.webp
Normal file
BIN
public/ashley.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
|
@ -5,8 +5,12 @@ const { website, image, name }=Astro.props
|
|||
<a href={website} >
|
||||
<img title={name} src={image} class="image">
|
||||
</a>
|
||||
|
||||
<style>
|
||||
.image{border-radius: 100%;
|
||||
width: 10%;}
|
||||
width: 10%;
|
||||
}
|
||||
a{text-decoration: none;}
|
||||
.image:hover {
|
||||
border: 3px solid orange}
|
||||
</style>
|
|
@ -4,7 +4,15 @@ import FriendButton from "../components/Friendbutton.astro"
|
|||
<section id="Friends">
|
||||
<h2>Friends Sites!</h2>
|
||||
<span>
|
||||
<FriendButton website="https://elh.gay" image="/public/vee.png" title="vee"/>
|
||||
<FriendButton website=" https://pandaptable.moe" image="/public/nemmy.gif" title="nemmy"/>
|
||||
<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://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>
|
||||
</section>
|
|
@ -1,7 +1,7 @@
|
|||
---
|
||||
import Layout from "../layouts/Sitelayout.astro";
|
||||
import Friends from "../components/friends.astro"
|
||||
import Socials from "../components/socials.astro"
|
||||
import Friends from "../components/friends.astro";
|
||||
import Socials from "../components/socials.astro";
|
||||
const pageTitle="home";
|
||||
---
|
||||
<Layout pageTitle={pageTitle}>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
|
||||
@import url('https://fonts.cdnfonts.com/css/ocr-a-std');
|
||||
html {
|
||||
background-color: darkorchid;
|
||||
background:linear-gradient( to right, purple, rgb(120, 0, 180));
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue