1
0
Fork 0
forked from elh/elh.gay

added embedw

This commit is contained in:
elh 2024-07-04 17:11:27 -04:00
parent 915cf5f2ff
commit 9c1df4736f
7 changed files with 48 additions and 14 deletions

BIN
public/shiggy.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

View file

@ -1,7 +1,12 @@
--- ---
--- ---
<footer> <footer>
<div class="footer"> <div class="foot">
<a href="https://git.lgbt/elh/elh.gay">Source Code</a> <a class="foot" href="https://git.lgbt/elh/elh.gay">Source Code</a>
</div> </div>
</footer> </footer>
<style>
.foot {
text-decoration: none;
}
</style>

View file

@ -4,8 +4,8 @@ import FriendButton from "../components/Friendbutton.astro"
<section id="Friends"> <section id="Friends">
<h2>Friends Sites!</h2> <h2>Friends Sites!</h2>
<span class="friends"> <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="/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"/>
@ -20,7 +20,7 @@ import FriendButton from "../components/Friendbutton.astro"
<FriendButton website="https://rozbrajacz.futbol/" image=" https://dp.nea.moe/avatar/455435762981273630.png" title="Rozbrajacz"/> <FriendButton website="https://rozbrajacz.futbol/" image=" https://dp.nea.moe/avatar/455435762981273630.png" title="Rozbrajacz"/>
<FriendButton website="https://byeoon.github.io//" image=" https://dp.nea.moe/avatar/1167275288036655133.png" title="Byeoon"/> <FriendButton website="https://byeoon.github.io//" image=" https://dp.nea.moe/avatar/1167275288036655133.png" title="Byeoon"/>
<FriendButton website="https://krstlskll69.github.io/" image=" https://dp.nea.moe/avatar/929208515883569182.png" title="Krystal"/> <FriendButton website="https://krstlskll69.github.io/" image=" https://dp.nea.moe/avatar/929208515883569182.png" title="Krystal"/>
<FriendButton website="https://potato.likes.boykissi.ng/" image=" https://dp.nea.moe/avatar/734079736615141426.png" title="Potato"/> <FriendButton website="https://catboys.zip/" image=" https://dp.nea.moe/avatar/734079736615141426.png" title="Potato"/>
</span> </span>
</section> </section>
<style> <style>
@ -31,6 +31,7 @@ import FriendButton from "../components/Friendbutton.astro"
justify-content: center; justify-content: center;
gap: 0.5rem; gap: 0.5rem;
image { width: 5rem; } image { width: 5rem; }
} }
</style> </style>

View file

@ -62,4 +62,5 @@ margin-bottom: 1rem;
margin:0.5rem; margin:0.5rem;
font-size:large; font-size:large;
} }
</style> </style>

View file

@ -6,11 +6,13 @@ const {pageTitle} = Astro.props
--- ---
<html lang="en"> <html lang="en">
<head> <head>
<meta property="og:title" content="Hell (Stellaluna's Site)">
<meta property="og:description" content="Creature Located Within Your WALLS">
<meta property="og:image" content="/shiggy.gif">
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="generator" content={Astro.generator} > <meta name="generator" content={Astro.generator} >
<title>{pageTitle}</title> <title>{pageTitle}</title>
</head> </head>
<body> <body>
<Header/> <Header/>

View file

@ -4,4 +4,5 @@ const pageTitle="About Me";
--- ---
<Layout pageTitle={pageTitle}> <Layout pageTitle={pageTitle}>
<h1>about me</h1> <h1>about me</h1>
<p></p>
</Layout> </Layout>

View file

@ -13,7 +13,11 @@ font-weight: 400;
padding: 2rem; padding: 2rem;
line-height: 1.5; line-height: 1.5;
} }
@media only screen and (max-width: 768px){
body {
font-size: 50%;
}
}
* { * {
box-sizing: border-box; box-sizing: border-box;
font-family: 'OCR A Std', sans-serif; font-family: 'OCR A Std', sans-serif;
@ -26,9 +30,19 @@ font-weight: 400;
text-align: center; text-align: center;
max-width: auto; max-width: auto;
} }
@media only screen and (max-width: 768px){
h1 {
font-size: 50%;
}
}
h2 {text-align: center; h2 {text-align: center;
max-width: auto; max-width: auto;
font-size: 2.5rem;} font-size: 2.5rem;}
@media only screen and (max-width: 768px){
h2 {
font-size: 1.5rem;
}
}
footer { footer {
text-align: center; text-align: center;
background-color: orange; background-color: orange;
@ -43,6 +57,11 @@ header {
line-height: 1.5; line-height: 1.5;
text-align:center; text-align:center;
font-size: 1rem; font-size: 1rem;
}
@media only screen and (max-width: 768px){
header {
font-size: 50%;
}
} }
.profilepic { .profilepic {
width: 7rem; width: 7rem;
@ -59,7 +78,7 @@ font-size: 2rem
/* nav styles */ /* nav styles */
.nav-links { .nav-links {
width: 100%; width: 50%;
top: 5rem; top: 5rem;
left: 48px; left: 48px;
background-color: #ff9776; background-color: #ff9776;
@ -98,10 +117,11 @@ font-size: 2rem
} }
} }
.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
{ {
@ -110,6 +130,7 @@ font-size: 2rem
} }
.fbutton { .fbutton {
border-radius: 100px; border-radius: 100px;
border-width: 0px; border-width: 0px;
} }
.buttonimg { .buttonimg {
@ -128,12 +149,15 @@ font-size: 2rem
.SocialsButton a{ .SocialsButton a{
color: purple; color: purple;
text-decoration: none;
display: inline; display: inline;
padding: 2rem; padding: 2rem;
} }
.SocialsButton:hover { .SocialsButton:hover {
background-color: darkorange; background-color: darkorange;
} }
@media only screen and (max-width: 768px){
.SocialsButton{
padding: .75rem ;
}
}