First published site, fixed formating
This commit is contained in:
parent
da12370206
commit
7979d9aaca
5 changed files with 32 additions and 9 deletions
BIN
public/vee.png
BIN
public/vee.png
Binary file not shown.
Before Width: | Height: | Size: 180 KiB |
|
@ -8,7 +8,7 @@ const { website, image, name }=Astro.props
|
|||
|
||||
<style>
|
||||
.image{border-radius: 100%;
|
||||
width: 8%;
|
||||
width: 6%;
|
||||
}
|
||||
a{text-decoration: none;}
|
||||
.image:hover {
|
||||
|
|
|
@ -3,9 +3,9 @@ import FriendButton from "../components/Friendbutton.astro"
|
|||
---
|
||||
<section id="Friends">
|
||||
<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://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://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"/>
|
||||
|
@ -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://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://f53.dev/" image=" https://dp.nea.moe/avatar/280411966126948353.png" title="F53"/>
|
||||
</span>
|
||||
</section>
|
||||
<style>
|
||||
.friends {margin:17rem;
|
||||
Display: flex
|
||||
Flex wrap: wrap
|
||||
Justify content: center
|
||||
Gap: 0.5rem}
|
||||
</style>
|
|
@ -17,5 +17,5 @@
|
|||
.navbutton {
|
||||
|
||||
}
|
||||
.fri
|
||||
|
||||
</style>
|
|
@ -9,8 +9,8 @@ font-weight: 400;
|
|||
body {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
max-width: 80ch;
|
||||
padding: 1rem;
|
||||
max-width:auto;
|
||||
padding: 2rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
|
@ -22,12 +22,27 @@ font-weight: 400;
|
|||
|
||||
h1 {
|
||||
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 {
|
||||
text-align: center;
|
||||
background-color: orange;
|
||||
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 */
|
||||
|
@ -75,7 +90,7 @@ font-weight: 400;
|
|||
.navbutton {
|
||||
border-radius: 30%;
|
||||
background: orange;
|
||||
border-width: 3px;
|
||||
border-width: px;
|
||||
}
|
||||
.navbutton:hover, .navbutton:active
|
||||
{
|
||||
|
|
Loading…
Reference in a new issue