exhq/elh.gay
1
0
Fork 0
forked from elh/elh.gay
Code Pull requests Activity

First published site, fixed formating

Browse source
This commit is contained in:
elh 2024-06-22 21:17:53 -04:00
parent da12370206
commit 7979d9aaca
5 changed files with 32 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/vee.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 180 KiB

2
src/components/Friendbutton.astro
View file

@ -8,7 +8,7 @@ const { website, image, name }=Astro.props
<style> <style>
.image{border-radius: 100%; .image{border-radius: 100%;
width: 8%; width: 6%;
} }
a{text-decoration: none;} a{text-decoration: none;}
.image:hover { .image:hover {

12
src/components/friends.astro
View file

@ -3,9 +3,9 @@ import FriendButton from "../components/Friendbutton.astro"
--- ---
<section id="Friends"> <section id="Friends">
<h2>Friends Sites!</h2> <h2>Friends Sites!</h2>
<span> <span class="friends">
<FriendButton website="https://ashleygraves.eu/" image="https://dp.nea.moe/avatar/836177139798638592.png" title="Ashley"/> <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="/nemmy.gif" title="Nemmy"/>
<FriendButton website="https://tiramisu.gay/" image=" https://dp.nea.moe/avatar/1215758862444007465.png" title="Tiramisu"/> <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://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://zoey-on-github.github.io/" image=" https://dp.nea.moe/avatar/696593747353534544.png" title="Julie"/>
@ -14,5 +14,13 @@ import FriendButton from "../components/Friendbutton.astro"
<FriendButton website="https://exhq.dev" image=" https://dp.nea.moe/avatar/712639419785412668.png" title="Echo"/> <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://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"/> <FriendButton website=" https://blahai.gay/" image=" https://dp.nea.moe/avatar/381494697073573899.png" title="blahai"/>
<FriendButton website=" https://f53.dev/" image=" https://dp.nea.moe/avatar/280411966126948353.png" title="F53"/>
</span> </span>
</section> </section>
<style>
.friends {margin:17rem;
Display: flex
Flex wrap: wrap
Justify content: center
Gap: 0.5rem}
</style>

2
src/components/navbutton.svelte
View file

@ -17,5 +17,5 @@
.navbutton { .navbutton {
} }
.fri
</style> </style>

23
src/styles/global.css
View file

@ -9,8 +9,8 @@ font-weight: 400;
body { body {
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
max-width: 80ch; max-width:auto;
padding: 1rem; padding: 2rem;
line-height: 1.5; line-height: 1.5;
} }
@ -22,12 +22,27 @@ font-weight: 400;
h1 { h1 {
margin: 1rem 0; margin: 1rem 0;
font-size: 2.5rem; font-size: 3.5rem;
text-align: center;
max-width: auto;
} }
h2 {text-align: center;
max-width: auto;
font-size: 2.5rem;}
footer { footer {
text-align: center; text-align: center;
background-color: orange; background-color: orange;
padding: 0.02rem; padding: 0.02rem;
width: auto;
}
header {
margin: 0 auto;
width: auto;
max-width: auto;
padding: 1rem;
line-height: 1.5;
text-align:center;
font-size: 1rem;
} }
/* nav styles */ /* nav styles */
@ -75,7 +90,7 @@ font-weight: 400;
.navbutton { .navbutton {
border-radius: 30%; border-radius: 30%;
background: orange; background: orange;
border-width: 3px; border-width: px;
} }
.navbutton:hover, .navbutton:active .navbutton:hover, .navbutton:active
{ {