diff --git a/src/components/Sidebar.astro b/src/components/Sidebar.astro new file mode 100644 index 0000000..eca8131 --- /dev/null +++ b/src/components/Sidebar.astro @@ -0,0 +1,44 @@ +--- +import { Image } from 'astro:assets' + +import discord from 'img/socials/discord.png' +import kofi from 'img/socials/ko-fi-donate-button.png' +import yt from 'img/socials/yt.png' +import twitter from 'img/socials/twitter.png' +import SidebarSection from './sidebar/SidebarSection.astro' + +// import Highlight from './sidebar/Highlight.astro' + +const listClass = + 'uppercase text-3xl font-semibold w-full text-center py-3 hover:bg-dark-hover hover:text-cyan-400 hover:underline' +--- + +
+ Last Added + Get Lucky + Random Pull +
+ +
+ + youtube + + + + twitter + +
+
+ + Join our Discord! + +
+
+ + Support me on Ko-fi + +
+ + +
+
diff --git a/src/img/socials/discord.png b/src/img/socials/discord.png new file mode 100644 index 0000000..b02879d Binary files /dev/null and b/src/img/socials/discord.png differ diff --git a/src/img/socials/ko-fi-donate-button.png b/src/img/socials/ko-fi-donate-button.png new file mode 100644 index 0000000..9dd1773 Binary files /dev/null and b/src/img/socials/ko-fi-donate-button.png differ diff --git a/src/img/socials/twitter.png b/src/img/socials/twitter.png new file mode 100644 index 0000000..e991195 Binary files /dev/null and b/src/img/socials/twitter.png differ diff --git a/src/img/socials/yt.png b/src/img/socials/yt.png new file mode 100644 index 0000000..d00c30f Binary files /dev/null and b/src/img/socials/yt.png differ diff --git a/src/layouts/base.astro b/src/layouts/base.astro index ba3cef5..c654c3d 100644 --- a/src/layouts/base.astro +++ b/src/layouts/base.astro @@ -24,9 +24,9 @@ import 'styles/global.css' - +
-
+
diff --git a/src/pages/index.astro b/src/pages/index.astro index a347970..4989492 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,11 @@ --- +import Sidebar from 'components/Sidebar.astro' import BaseLayout from 'layouts/base.astro' --- - + +
+
Page content goes here
+ +
+ diff --git a/src/styles/global.css b/src/styles/global.css index 8dd6dce..a823ffe 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,3 +1,6 @@ +@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap'); + * { color: white; + font-family: 'Rubik', Sans-serif; }