rythondev/coworking-stream-guide
1
0
Fork 0
mirror of https://github.com/liyunze-coding/coworking-website.git synced 2026-11-06 21:23:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

added target blanks, added coworking category image, fixed multi task widget

Browse source
This commit is contained in:
liyunze 2024-10-03 19:18:29 +10:00
parent 1d731bf30f
commit fccb143880
7 changed files with 24 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/components/blocks/CommunityLinks.astro
View file

@ -8,29 +8,6 @@ const editUrl = `${baseRepoUrl}${path}`;
--- ---
<ul class="list-none text-sm"> <ul class="list-none text-sm">
<!-- <li class="ml-[0.5rem] my-2">
<a
href={`https://github.com/liyunze-coding/coworking-website/edit/main/src/pages${currentUrl}`}
class="inline-flex gap-2 transition-colors duration-150 text-white hover:no-underline hover:text-blue-400"
>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="w-6 h-6"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10"
></path>
</svg>
Edit this page</a
>
</li> -->
<li class="ml-[0.5rem] my-2"> <li class="ml-[0.5rem] my-2">
<a <a
href="https://rython.dev/discord" href="https://rython.dev/discord"

BIN
src/pages/get-started/_images/introduction/coworking_study_category.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 40 KiB

10
src/pages/get-started/introduction.mdx
View file

@ -9,6 +9,8 @@ import { Image } from 'astro:assets';
import RythonDev from "./_images/introduction/rythondev.webp"; import RythonDev from "./_images/introduction/rythondev.webp";
import Ellyskey from "./_images/introduction/ellyskey.webp"; import Ellyskey from "./_images/introduction/ellyskey.webp";
import Seiji from "./_images/introduction/seiji.webp"; import Seiji from "./_images/introduction/seiji.webp";
import MultiTaskWidget from "./../guide/_images/widgets/multitask.webp";
import CoworkingCategory from "./_images/introduction/coworking_study_category.webp";
# Introduction # Introduction
@ -82,7 +84,9 @@ Ultimately, co-working streams cater to a specific need for some viewers. They o
## What is a task widget? ## What is a task widget?
<a href="../guide/stream-widgets#task-widgets" class="no-target-blank"><img src="/images/widgets/multitask.webp" alt="Multi Task Widget" loading="lazy" /></a> <a href="../guide/stream-widgets#task-widgets" class="no-target-blank">
<Image src={MultiTaskWidget} alt="Multi task widget" width="300" loading="lazy" />
</a>
If you want to add a task widget to your own stream, check it out in the <a href="../guide/stream-widgets#task-widgets" class="no-target-blank">Widgets section</a>! If you want to add a task widget to your own stream, check it out in the <a href="../guide/stream-widgets#task-widgets" class="no-target-blank">Widgets section</a>!
@ -96,6 +100,10 @@ Task widgets offer an extra layer of accountability for the streamer and chatter
Recently, Twitch has introduced the official Co-working & Studying category! Recently, Twitch has introduced the official Co-working & Studying category!
<a href="https://www.twitch.tv/directory/category/co-working-and-studying" target="_blank" class="no-target-blank">
<Image src={CoworkingCategory} alt="Multi task widget" width="300" loading="lazy" />
</a>
- [Co-working & Studying category](https://www.twitch.tv/directory/category/co-working-and-studying) - [Co-working & Studying category](https://www.twitch.tv/directory/category/co-working-and-studying)
You can find other co-working or study streams with these tags too! You can find other co-working or study streams with these tags too!

8
src/pages/groups/index.mdx
View file

@ -17,7 +17,7 @@ Communities provide a great way to connect with other streamers and viewers!
--- ---
<a href="https://www.twitch.tv/team/coworkingcrew/"> <a href="https://www.twitch.tv/team/coworkingcrew/" target="_blank">
<Image src={CoworkingCrew} alt="Coworking Crew" width="400" height="143" loading="eager" /> <Image src={CoworkingCrew} alt="Coworking Crew" width="400" height="143" loading="eager" />
</a> </a>
@ -28,7 +28,7 @@ The Coworking Crew is a group of co-working streamers who aim to create supporti
--- ---
<a href="https://www.youthversity.org/"> <a href="https://www.youthversity.org/" target="_blank">
<Image src={YOUthversity} alt="YOUthversity" width="400" height="143" loading="lazy" /> <Image src={YOUthversity} alt="YOUthversity" width="400" height="143" loading="lazy" />
</a> </a>
@ -38,7 +38,7 @@ YOUthversity is not only an online space to study together but is dedicated to t
--- ---
<a href="https://studytme.com/"> <a href="https://studytme.com/" target="_blank">
<Image src={CEOgang} alt="CEO gang" width="400" height="143" loading="lazy" /> <Image src={CEOgang} alt="CEO gang" width="400" height="143" loading="lazy" />
</a> </a>
@ -49,7 +49,7 @@ The right place for ambitious people working together and supporting each other!
--- ---
<a href="https://erudita.me/"> <a href="https://erudita.me/" target="_blank">
<Image src={Erudita} alt="Erudita" width="400" height="143" loading="lazy" /> <Image src={Erudita} alt="Erudita" width="400" height="143" loading="lazy" />
</a> </a>

4
src/pages/guide/music-and-audio.mdx
View file

@ -88,7 +88,7 @@ Streaming audio from Spotify to streaming services such as Twitch is against Spo
### [6K Labs 🔗](https://6klabs.com/) ### [6K Labs 🔗](https://6klabs.com/)
<a href="https://6klabs.com/"> <a href="https://6klabs.com/" target="_blank">
<Image src={SixKLabs} alt="6K Labs widget" loading="lazy" /> <Image src={SixKLabs} alt="6K Labs widget" loading="lazy" />
</a> </a>
@ -105,7 +105,7 @@ Streaming audio from Spotify to streaming services such as Twitch is against Spo
### [Pixel Chat 🔗](https://pixelchat.tv/) ### [Pixel Chat 🔗](https://pixelchat.tv/)
<a href="https://pixelchat.tv/"><Image src={PixelChat} alt="Pixel Chat widget" loading="lazy" /></a> <a href="https://pixelchat.tv/" target="_blank"><Image src={PixelChat} alt="Pixel Chat widget" loading="lazy" /></a>
- Shows what you're playing via Spotify, Apple Music etc. - Shows what you're playing via Spotify, Apple Music etc.
- Includes other widgets for shoutouts, captions and counters - Includes other widgets for shoutouts, captions and counters

16
src/pages/guide/stream-widgets.mdx
View file

@ -29,7 +29,7 @@ A pomodoro timer is a great way to keep track of your work sessions. It’s also
#### [MohFocus' Minimal Pomo Timer 🔗](https://github.com/mohamed-tayeh/Minimal-Pomo-Timer) #### [MohFocus' Minimal Pomo Timer 🔗](https://github.com/mohamed-tayeh/Minimal-Pomo-Timer)
<a href="https://github.com/mohamed-tayeh/Minimal-Pomo-Timer"> <a href="https://github.com/mohamed-tayeh/Minimal-Pomo-Timer" target="_blank">
<Image src={MohMinimalTimer} alt="Minimal Pomo Timer" loading="eager"/> <Image src={MohMinimalTimer} alt="Minimal Pomo Timer" loading="eager"/>
</a> </a>
@ -40,7 +40,7 @@ A pomodoro timer is a great way to keep track of your work sessions. It’s also
#### [Mayuko's Pomodoro Countdown Timer 🔗](https://github.com/hellomayuko/Pomodoro-Countdown) #### [Mayuko's Pomodoro Countdown Timer 🔗](https://github.com/hellomayuko/Pomodoro-Countdown)
<a href="https://github.com/hellomayuko/Pomodoro-Countdown"> <a href="https://github.com/hellomayuko/Pomodoro-Countdown" target="_blank">
<Image src={MayukoPomo} alt="Mayuko Pomodoro Countdown Timer" loading="lazy" /> <Image src={MayukoPomo} alt="Mayuko Pomodoro Countdown Timer" loading="lazy" />
</a> </a>
@ -51,7 +51,7 @@ A pomodoro timer is a great way to keep track of your work sessions. It’s also
#### [Pomofocus 🔗](https://pomofocus.io/) #### [Pomofocus 🔗](https://pomofocus.io/)
<a href="https://pomofocus.io/"><Image src={Pomofocus} alt="pomofocus" loading="lazy" /></a> <a href="https://pomofocus.io/" target="_blank"><Image src={Pomofocus} alt="pomofocus" loading="lazy" /></a>
- You can also add tasks to do on the web page - You can also add tasks to do on the web page
@ -63,7 +63,7 @@ A task list widget is a great way to keep track of your tasks along with your ch
### [Rython Task Bot 🔗](https://github.com/liyunze-coding/chat-task-tic-overlay-infinity) ### [Rython Task Bot 🔗](https://github.com/liyunze-coding/chat-task-tic-overlay-infinity)
<a href="https://github.com/liyunze-coding/chat-task-tic-overlay-infinity"> <a href="https://github.com/liyunze-coding/chat-task-tic-overlay-infinity" target="_blank">
<Image src={RythonTaskBot} alt="Rython Task Bot" loading="lazy" /> <Image src={RythonTaskBot} alt="Rython Task Bot" loading="lazy" />
</a> </a>
@ -75,7 +75,7 @@ A task list widget is a great way to keep track of your tasks along with your ch
### [Multi-task Widget 🔗](https://ko-fi.com/s/94e7e8dc81) ### [Multi-task Widget 🔗](https://ko-fi.com/s/94e7e8dc81)
<a href="https://ko-fi.com/s/94e7e8dc81"> <a href="https://ko-fi.com/s/94e7e8dc81" target="_blank">
<Image src={MultiTask} alt="Multi Task Widget" loading="lazy" /> <Image src={MultiTask} alt="Multi Task Widget" loading="lazy" />
</a> </a>
@ -88,7 +88,7 @@ A task list widget is a great way to keep track of your tasks along with your ch
### [Super Sweet Bot 🔗](https://www.patreon.com/super_sweet_bot) ### [Super Sweet Bot 🔗](https://www.patreon.com/super_sweet_bot)
<a href="https://www.patreon.com/super_sweet_bot"> <a href="https://www.patreon.com/super_sweet_bot" target="_blank">
<Image src={SuperSweetBot} alt="Super Sweet Bot" loading="lazy" /> <Image src={SuperSweetBot} alt="Super Sweet Bot" loading="lazy" />
</a> </a>
@ -105,7 +105,7 @@ Display what you're playing on Spotify or YouTube Music!
### [6K Labs 🔗](https://6klabs.com/) ### [6K Labs 🔗](https://6klabs.com/)
<a href="https://6klabs.com/"> <a href="https://6klabs.com/" target="_blank">
<Image src={SixKLabs} alt="6K Labs widget" loading="lazy" /> <Image src={SixKLabs} alt="6K Labs widget" loading="lazy" />
</a> </a>
@ -122,7 +122,7 @@ Display what you're playing on Spotify or YouTube Music!
### [Pixel Chat 🔗](https://pixelchat.tv/) ### [Pixel Chat 🔗](https://pixelchat.tv/)
<a href="https://pixelchat.tv/"> <a href="https://pixelchat.tv/" target="_blank">
<Image src={PixelChat} alt="Pixel Chat widget" loading="lazy" /> <Image src={PixelChat} alt="Pixel Chat widget" loading="lazy" />
</a> </a>

2
src/pages/tutorials/OBS.mdx
View file

@ -26,7 +26,7 @@ Check out this video from Hammer Dance on how to setup OBS! Note that this is ta
If you want a simple, step-by-step guide on how to get started with study streaming on YouTube, check out [this article from Girl Knows Tech](https://girlknowstech.com/study-with-me-obs/)! If you want a simple, step-by-step guide on how to get started with study streaming on YouTube, check out [this article from Girl Knows Tech](https://girlknowstech.com/study-with-me-obs/)!
<a href="https://girlknowstech.com/study-with-me-obs/"> <a href="https://girlknowstech.com/study-with-me-obs/" target="_blank">
<Image src={StudyWithMeYT} alt="Study with me YouTube" width="500"/> <Image src={StudyWithMeYT} alt="Study with me YouTube" width="500"/>
</a> </a>