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

added socials section

Browse source
This commit is contained in:
elh 2024-06-23 18:50:50 -04:00
parent b7e9ac7bdd
commit 19b426ade7
11 changed files with 554 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/Friendbutton.astro
View file

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

21
src/components/friends.astro
View file

@ -5,6 +5,7 @@ import FriendButton from "../components/Friendbutton.astro"
<h2>Friends Sites!</h2>
<span class="friends">
<FriendButton website="https://ashleygraves.eu/" image="https://dp.nea.moe/avatar/836177139798638592.png" title="Ashley"/>
<FriendButton website="https://robbiezone.carrd.co/" image="https://dp.nea.moe/avatar/811030560721338370.png" title="Robbie"/>
<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"/>
@ -13,14 +14,22 @@ import FriendButton from "../components/Friendbutton.astro"
<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"/>
<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"/>
<FriendButton website=" https://google.com" image=" https://dp.nea.moe/avatar/558481110330507294.png" title="Rosie"/>
<FriendButton website=" https://ashley0143.xyz//" image=" https://dp.nea.moe/avatar/396571938081865741.png" title="Ashley"/>
<FriendButton website="https://rozbrajacz.futbol/" image=" https://dp.nea.moe/avatar/455435762981273630.png" title="Rozbrajacz"/>
</span>
</section>
<style>
.friends {margin:17rem;
Display: flex
Flex wrap: wrap
Justify content: center
Gap: 0.5rem}
.friends {
margin: 0.5rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
image { width: 5rem; }
}
</style>

65
src/components/socials.astro
View file

@ -0,0 +1,65 @@
---
import Socialsbutton from "../components/socialsbutton.astro"
---
<div class="social">
Discord
<a><img width=40rem class="socialimage" title="" src="/discord.svg"></a>
<span class="discordtext">
elh.gay
</span>
</div>
<div class="social">
Telegram
<a><img width=40rem class="socialimage" title="" src="/telegram.svg"></a>
<span class="Button">
<Socialsbutton link="https://t.me/stellalunaelh" text="stellalunaelh" />
</span>
</div>
<div class="social">
Signal
<a><img width=40rem class="socialimage" title="" src="/signal.svg"></a>
<span class="Button">
<Socialsbutton link="https://signal.me/#eu/G7k6FtcMnN0g_A_UU6m40wTXf8cpyQ5d2Z2F8iW-ZkEK94_KhD9Fr5TTT_P3PDK5" text="stellaluna.69" />
</span>
</div>
<div class="social">
lastfm
<a><img width=40rem class="socialimage" title="" src="/lastfm.svg"></a>
<span class="Button">
<Socialsbutton link="https://www.last.fm/user/Orobotalos" text="orobotalos" />
</span>
</div>
<div class="social">
Git.lgbt
<a><img width=40rem class="socialimage" title="" src="/git.svg"></a>
<span class="Button">
<Socialsbutton link="https://git.lgbt/elh" text="elh" />
</span>
</div>
<style>
.social {
display: flex;
margin: 0.5rem;
gap:0.75rem;
margin-top:2rem;
flex-wrap: wrap;
justify-content:center;
}
.Button {
margin: 0.5rem;
margin-top:0.5rem;
margin-bottom: 1rem;
display: flex;
flex-wrap: wrap;
justify-content:center; }
.discordtext {
margin:0.5rem;
font-size:large;
}
</style>

9
src/components/socialsbutton.astro Normal file
View file

@ -0,0 +1,9 @@
---
import Button from "../components/navbutton.svelte"
const { link,text }=Astro.props
---
<slot>
<Button class="SocialsButton">
<a href={link}>{text}</a>
</Button>
</slot>

1
src/pages/index.astro
View file

@ -6,6 +6,7 @@ const pageTitle="home";
---
<Layout pageTitle={pageTitle}>
<h2> Hi, I'm Stellaluna!</h2>
<a> <img class="profilepic" src="https://dp.nea.moe/avatar/334833943838720000.png"></a>
<body>
<Socials />
<Friends />

35
src/styles/global.css
View file

@ -1,7 +1,7 @@
@import url('https://fonts.cdnfonts.com/css/ocr-a-std');
html {
background:linear-gradient( to right, purple, rgb(120, 0, 180));
background:linear-gradient( to right, rgb(192, 79, 4), purple, rgb(120, 0, 180));
font-style: normal;
font-weight: 400;
}
@ -44,7 +44,18 @@ header {
text-align:center;
font-size: 1rem;
}
.profilepic {
width: 7rem;
border-radius: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.social {margin-left: 35%;
margin-right: auto;
font-size: 2rem
}
/* nav styles */
.nav-links {
@ -107,4 +118,22 @@ header {
margin-right: -5px;
margin-left: -5px;
margin-bottom: -8px;
border-radius: 50%;}
border-radius: 50%;}
.SocialsButton{
background: orange;
border-radius: 100px;
border-style:none;
}
.SocialsButton a{
color: purple;
display: inline;
padding: 2rem;
}
.SocialsButton:hover {
background-color: darkorange;
}