From 19b426ade7b440a1b65c78affcc729e9d4e2f9d7 Mon Sep 17 00:00:00 2001 From: elh Date: Sun, 23 Jun 2024 18:50:50 -0400 Subject: [PATCH] added socials section --- public/discord.svg | 1 + public/git.svg | 9 + public/lastfm.svg | 364 +++++++++++++++++++++++++++++ public/signal.svg | 1 + public/telegram.svg | 56 +++++ src/components/Friendbutton.astro | 2 +- src/components/friends.astro | 21 +- src/components/socials.astro | 65 ++++++ src/components/socialsbutton.astro | 9 + src/pages/index.astro | 1 + src/styles/global.css | 35 ++- 11 files changed, 554 insertions(+), 10 deletions(-) create mode 100644 public/discord.svg create mode 100644 public/git.svg create mode 100644 public/lastfm.svg create mode 100644 public/signal.svg create mode 100644 public/telegram.svg create mode 100644 src/components/socialsbutton.astro diff --git a/public/discord.svg b/public/discord.svg new file mode 100644 index 0000000..4b74773 --- /dev/null +++ b/public/discord.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/git.svg b/public/git.svg new file mode 100644 index 0000000..320b407 --- /dev/null +++ b/public/git.svg @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/public/lastfm.svg b/public/lastfm.svg new file mode 100644 index 0000000..bea536b --- /dev/null +++ b/public/lastfm.svg @@ -0,0 +1,364 @@ + + diff --git a/public/signal.svg b/public/signal.svg new file mode 100644 index 0000000..b15c74d --- /dev/null +++ b/public/signal.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/telegram.svg b/public/telegram.svg new file mode 100644 index 0000000..4a723e2 --- /dev/null +++ b/public/telegram.svg @@ -0,0 +1,56 @@ + + + + Artboard + Created with Sketch. + + + + + + + + + + + + + Artboard + + + + diff --git a/src/components/Friendbutton.astro b/src/components/Friendbutton.astro index c8765b3..8a11570 100644 --- a/src/components/Friendbutton.astro +++ b/src/components/Friendbutton.astro @@ -8,7 +8,7 @@ const { website, image, name }=Astro.props \ No newline at end of file diff --git a/src/components/socials.astro b/src/components/socials.astro index e69de29..eb213ce 100644 --- a/src/components/socials.astro +++ b/src/components/socials.astro @@ -0,0 +1,65 @@ +--- +import Socialsbutton from "../components/socialsbutton.astro" +--- + +
+ Discord + + + + elh.gay + +
+
+ Telegram + + + + + +
+
+ Signal + + + + + +
+
+ lastfm + + + + + +
+
+ Git.lgbt + + + + + +
+ \ No newline at end of file diff --git a/src/components/socialsbutton.astro b/src/components/socialsbutton.astro new file mode 100644 index 0000000..d9143e5 --- /dev/null +++ b/src/components/socialsbutton.astro @@ -0,0 +1,9 @@ +--- +import Button from "../components/navbutton.svelte" +const { link,text }=Astro.props +--- + + + \ No newline at end of file diff --git a/src/pages/index.astro b/src/pages/index.astro index 4f4cd13..c85aea3 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -6,6 +6,7 @@ const pageTitle="home"; ---

Hi, I'm Stellaluna!

+ diff --git a/src/styles/global.css b/src/styles/global.css index 678409e..450135a 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -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%;} \ No newline at end of file + 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; + } + + + \ No newline at end of file