diff --git a/public/shiggy.gif b/public/shiggy.gif new file mode 100644 index 0000000..fc56490 Binary files /dev/null and b/public/shiggy.gif differ diff --git a/src/components/footer.astro b/src/components/footer.astro index 9e1b122..01defdd 100644 --- a/src/components/footer.astro +++ b/src/components/footer.astro @@ -1,7 +1,12 @@ --- --- \ No newline at end of file + + \ No newline at end of file diff --git a/src/components/friends.astro b/src/components/friends.astro index 2f0de8d..272519d 100644 --- a/src/components/friends.astro +++ b/src/components/friends.astro @@ -4,8 +4,8 @@ import FriendButton from "../components/Friendbutton.astro"

Friends Sites!

- - + + @@ -20,7 +20,7 @@ import FriendButton from "../components/Friendbutton.astro" - +
\ No newline at end of file diff --git a/src/components/socials.astro b/src/components/socials.astro index eb213ce..6ac39c1 100644 --- a/src/components/socials.astro +++ b/src/components/socials.astro @@ -62,4 +62,5 @@ margin-bottom: 1rem; margin:0.5rem; font-size:large; } + \ No newline at end of file diff --git a/src/layouts/Sitelayout.astro b/src/layouts/Sitelayout.astro index 9ae0ab7..b283026 100644 --- a/src/layouts/Sitelayout.astro +++ b/src/layouts/Sitelayout.astro @@ -6,11 +6,13 @@ const {pageTitle} = Astro.props --- + + + - + {pageTitle} -
diff --git a/src/pages/about.astro b/src/pages/about.astro index c982d0b..c23b619 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -4,4 +4,5 @@ const pageTitle="About Me"; ---

about me

+

diff --git a/src/styles/global.css b/src/styles/global.css index 450135a..147cb31 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -13,7 +13,11 @@ font-weight: 400; padding: 2rem; line-height: 1.5; } - + @media only screen and (max-width: 768px){ + body { + font-size: 50%; + } + } * { box-sizing: border-box; font-family: 'OCR A Std', sans-serif; @@ -26,9 +30,19 @@ font-weight: 400; text-align: center; max-width: auto; } + @media only screen and (max-width: 768px){ + h1 { + font-size: 50%; + } + } h2 {text-align: center; max-width: auto; font-size: 2.5rem;} +@media only screen and (max-width: 768px){ + h2 { + font-size: 1.5rem; + } +} footer { text-align: center; background-color: orange; @@ -43,6 +57,11 @@ header { line-height: 1.5; text-align:center; font-size: 1rem; +} +@media only screen and (max-width: 768px){ + header { + font-size: 50%; + } } .profilepic { width: 7rem; @@ -59,7 +78,7 @@ font-size: 2rem /* nav styles */ .nav-links { - width: 100%; + width: 50%; top: 5rem; left: 48px; background-color: #ff9776; @@ -98,10 +117,11 @@ font-size: 2rem } } + .navbutton { border-radius: 30%; background: orange; - border-width: px; + border-width: 3px; } .navbutton:hover, .navbutton:active { @@ -110,6 +130,7 @@ font-size: 2rem } .fbutton { border-radius: 100px; + border-width: 0px; } .buttonimg { @@ -128,12 +149,15 @@ font-size: 2rem .SocialsButton a{ color: purple; +text-decoration: none; display: inline; padding: 2rem; } .SocialsButton:hover { background-color: darkorange; } - - - \ No newline at end of file + @media only screen and (max-width: 768px){ + .SocialsButton{ + padding: .75rem ; + } + }