diff --git a/public/fonts/Fredoka-Bold.ttf b/public/fonts/Fredoka-Bold.ttf new file mode 100644 index 0000000..d830e8f Binary files /dev/null and b/public/fonts/Fredoka-Bold.ttf differ diff --git a/public/fonts/Fredoka-Light.ttf b/public/fonts/Fredoka-Light.ttf new file mode 100644 index 0000000..00a65b0 Binary files /dev/null and b/public/fonts/Fredoka-Light.ttf differ diff --git a/public/fonts/Fredoka-Medium.ttf b/public/fonts/Fredoka-Medium.ttf new file mode 100644 index 0000000..f7788ad Binary files /dev/null and b/public/fonts/Fredoka-Medium.ttf differ diff --git a/public/fonts/Fredoka-Regular.ttf b/public/fonts/Fredoka-Regular.ttf new file mode 100644 index 0000000..23618d7 Binary files /dev/null and b/public/fonts/Fredoka-Regular.ttf differ diff --git a/public/fonts/Montserrat-Bold.ttf b/public/fonts/Montserrat-Bold.ttf new file mode 100644 index 0000000..efddc83 Binary files /dev/null and b/public/fonts/Montserrat-Bold.ttf differ diff --git a/public/fonts/Montserrat-Light.ttf b/public/fonts/Montserrat-Light.ttf new file mode 100644 index 0000000..c5dfdb7 Binary files /dev/null and b/public/fonts/Montserrat-Light.ttf differ diff --git a/public/fonts/Montserrat-Medium.ttf b/public/fonts/Montserrat-Medium.ttf new file mode 100644 index 0000000..dfc7e2f Binary files /dev/null and b/public/fonts/Montserrat-Medium.ttf differ diff --git a/public/fonts/Montserrat-Regular.ttf b/public/fonts/Montserrat-Regular.ttf new file mode 100644 index 0000000..aa9033a Binary files /dev/null and b/public/fonts/Montserrat-Regular.ttf differ diff --git a/public/fonts/Montserrat-SemiBold.ttf b/public/fonts/Montserrat-SemiBold.ttf new file mode 100644 index 0000000..cbf44db Binary files /dev/null and b/public/fonts/Montserrat-SemiBold.ttf differ diff --git a/public/fonts/Poppins-Light.ttf b/public/fonts/Poppins-Light.ttf new file mode 100644 index 0000000..bc36bcc Binary files /dev/null and b/public/fonts/Poppins-Light.ttf differ diff --git a/public/fonts/Poppins-Medium.ttf b/public/fonts/Poppins-Medium.ttf new file mode 100644 index 0000000..6bcdcc2 Binary files /dev/null and b/public/fonts/Poppins-Medium.ttf differ diff --git a/public/fonts/Poppins-Regular.ttf b/public/fonts/Poppins-Regular.ttf new file mode 100644 index 0000000..9f0c71b Binary files /dev/null and b/public/fonts/Poppins-Regular.ttf differ diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 8ff2985..60fd74c 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -20,20 +20,6 @@ const { title, description } = Astro.props; - - - - - @@ -42,52 +28,138 @@ const { title, description } = Astro.props; - + @font-face { + font-family: "Montserrat"; + src: url("/fonts/Montserrat-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + } + + @font-face { + font-family: "Montserrat"; + src: url("/fonts/Montserrat-SemiBold.ttf") format("truetype"); + font-weight: 600; + font-style: normal; + } + + @font-face { + font-family: "Poppins"; + src: url("/fonts/Poppins-Light.ttf") format("truetype"); + font-weight: 300; + font-style: normal; + } + + @font-face { + font-family: "Poppins"; + src: url("/fonts/Poppins-Medium.ttf") format("truetype"); + font-weight: 500; + font-style: normal; + } + + @font-face { + font-family: "Poppins"; + src: url("/fonts/Poppins-Regular.ttf") format("truetype"); + font-weight: normal; + font-style: normal; + } + + * { + box-sizing: border-box; + margin: 0; + padding: 0; + } + + html { + font-family: "Montserrat", system-ui, sans-serif; + background-color: #29233f; + } + + html, + body { + min-height: 100%; + } + + body { + height: 100vh; + font-family: "Montserrat", system-ui, sans-serif; + } + + code { + font-family: Menlo, Monaco, Lucida Console, Liberation Mono, + DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, + monospace; + } + + nav { + font-family: "Montserrat", system-ui, sans-serif; + font-weight: 500; + } + + nav ul a { + text-decoration: none; + } + + a.preview { + text-decoration: none; + } + + p code { + word-break: break-all; /* This will allow the URL to break at any character */ + display: block; /* Ensures the entire URL is on its own line */ + width: 100%; /* Make sure the code element takes up the full width of its container */ + overflow-x: auto; + } + + diff --git a/src/layouts/Markdown.astro b/src/layouts/Markdown.astro index 4b4e992..87f439c 100644 --- a/src/layouts/Markdown.astro +++ b/src/layouts/Markdown.astro @@ -73,7 +73,7 @@ const { frontmatter } = Astro.props; } ul li a { - @apply underline underline-offset-2 hover:text-blue-400; + @apply underline underline-offset-2 decoration-1 hover:text-blue-400; } .hyperlink { diff --git a/src/pages/about.astro b/src/pages/about.astro index ce1a403..f8aedf5 100644 --- a/src/pages/about.astro +++ b/src/pages/about.astro @@ -21,11 +21,10 @@ import Layout from "../layouts/Layout.astro"; />

About

- Hello, I'm Ryan, a - computer science student based in Malaysia. The - objective of this website is to offer valuable - resources to aspiring streamers, helping them enhance - their streaming experience! + Hello, I'm Ryan, a computer + science student based in Malaysia. The objective of this + website is to offer valuable resources to aspiring + streamers, helping them enhance their streaming experience!

If you want to learn more about me, check out my

- Coworking and study streams are a type of stream where - people work or study together. It's a great way to stay - motivated and productive, especially if you're working! + Coworking and study streams are a type of stream where people + work or study together. It's a great way to stay motivated and + productive, especially if you're working!

- This guide has been created to help out new (and old) - coworking streamers! It contains a bunch of resources that - you can use to enhance your stream, such as interactive - overlays and useful bots. + This guide has been created to help out coworking and study + streamers by providing tips and resources to enhance the + streaming experience!

- Streaming yourself working is a great way to stay - accountable and productive. It's also a great way to grow - your following and meet new people! + Streaming yourself working is a great way to stay accountable + and productive. It's also a great way to grow your following and + meet new people!

diff --git a/src/pages/index.astro b/src/pages/index.astro index 7dacc25..b523b66 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -7,7 +7,7 @@ import Layout from "../layouts/Layout.astro"; description="A guide for new and existing coworking streamers!" >
-
- !taskhelp -
+
!taskhelp
1/65
@@ -61,9 +59,7 @@ import Layout from "../layouts/Layout.astro"; RyanPython
:
- build this website + build this website
:
work on the millionth AI project for - self.devwork on the millionth AI project for self.dev