forked from elh/elh.gay
added embedw
This commit is contained in:
parent
915cf5f2ff
commit
9c1df4736f
7 changed files with 48 additions and 14 deletions
BIN
public/shiggy.gif
Normal file
BIN
public/shiggy.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 16 KiB |
|
@ -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>
|
|
@ -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>
|
|
@ -62,4 +62,5 @@ margin-bottom: 1rem;
|
||||||
margin:0.5rem;
|
margin:0.5rem;
|
||||||
font-size:large;
|
font-size:large;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
|
@ -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/>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 ;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue