Compare commits
No commits in common. "b7e9ac7bddfa40da08bce24bfdb851ee7b754e0e" and "da123702067518aecc00a52af8163551a8353b50" have entirely different histories.
b7e9ac7bdd
...
da12370206
6 changed files with 9 additions and 32 deletions
BIN
public/ashley.webp
Normal file
BIN
public/ashley.webp
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
BIN
public/vee.png
Normal file
BIN
public/vee.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 180 KiB |
|
@ -8,7 +8,7 @@ const { website, image, name }=Astro.props
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.image{border-radius: 100%;
|
.image{border-radius: 100%;
|
||||||
width: 6%;
|
width: 8%;
|
||||||
}
|
}
|
||||||
a{text-decoration: none;}
|
a{text-decoration: none;}
|
||||||
.image:hover {
|
.image:hover {
|
||||||
|
|
|
@ -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 class="friends">
|
<span>
|
||||||
<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="/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://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,13 +14,5 @@ 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>
|
|
|
@ -17,5 +17,5 @@
|
||||||
.navbutton {
|
.navbutton {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.fri
|
||||||
</style>
|
</style>
|
|
@ -9,8 +9,8 @@ font-weight: 400;
|
||||||
body {
|
body {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width:auto;
|
max-width: 80ch;
|
||||||
padding: 2rem;
|
padding: 1rem;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -22,27 +22,12 @@ font-weight: 400;
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
font-size: 3.5rem;
|
font-size: 2.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 */
|
||||||
|
@ -90,7 +75,7 @@ header {
|
||||||
.navbutton {
|
.navbutton {
|
||||||
border-radius: 30%;
|
border-radius: 30%;
|
||||||
background: orange;
|
background: orange;
|
||||||
border-width: px;
|
border-width: 3px;
|
||||||
}
|
}
|
||||||
.navbutton:hover, .navbutton:active
|
.navbutton:hover, .navbutton:active
|
||||||
{
|
{
|
||||||
|
|
Loading…
Reference in a new issue