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

featured more streamers

Browse source 
added OBS setup tutorial youtube video
This commit is contained in:
liyunze 2023-06-23 22:21:05 +08:00
parent c42a394d0c
commit 3a9fad64b1
2 changed files with 222 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

262
src/pages/index.astro
View file

@ -49,7 +49,7 @@ import Layout from "../layouts/Layout.astro";
<div id="widget-title" class="font-bold">
!taskhelp
</div>
<div>1/36</div>
<div>1/56</div>
</div>
<div class="task-list-body px-1">
<div
@ -73,7 +73,7 @@ import Layout from "../layouts/Layout.astro";
>
MohFocus
</div>
<div class="mr-1">:</div> resolve merge conflicts
<div class="mr-1">:</div> <span>resolve merge conflict</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -83,7 +83,7 @@ import Layout from "../layouts/Layout.astro";
>
j3dg
</div>
<div class="mr-1">:</div> spin class
<div class="mr-1">:</div> <span>spin class</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -93,7 +93,7 @@ import Layout from "../layouts/Layout.astro";
>
berryspace
</div>
<div class="mr-1">:</div> setup coworking stream
<div class="mr-1">:</div> <span>setup coworking stream</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -103,7 +103,7 @@ import Layout from "../layouts/Layout.astro";
>
CloudyDayzzz
</div>
<div class="mr-1">:</div> interpret sign language
<div class="mr-1">:</div> <span>interpret sign language</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -113,7 +113,7 @@ import Layout from "../layouts/Layout.astro";
>
pcc_lanezzz
</div>
<div class="mr-1">:</div> torture Poco
<div class="mr-1">:</div> <span>torture Poco</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -123,7 +123,7 @@ import Layout from "../layouts/Layout.astro";
>
lala_xitlali
</div>
<div class="mr-1">:</div> buy more fabric
<div class="mr-1">:</div> <span>buy more fabric</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -133,7 +133,7 @@ import Layout from "../layouts/Layout.astro";
>
xeno_hiraeth
</div>
<div class="mr-1">:</div> diagnose patients
<div class="mr-1">:</div> <span>diagnose patients</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -143,7 +143,7 @@ import Layout from "../layouts/Layout.astro";
>
opoemperdernida
</div>
<div class="mr-1">:</div> rutina de la mañana
<div class="mr-1">:</div> <span>rutina de la mañana</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -153,7 +153,7 @@ import Layout from "../layouts/Layout.astro";
>
4l1c3_0
</div>
<div class="mr-1">:</div> mental breakdance
<div class="mr-1">:</div> <span>mental breakdance</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -163,7 +163,7 @@ import Layout from "../layouts/Layout.astro";
>
studywithjojo
</div>
<div class="mr-1">:</div> get into NHS
<div class="mr-1">:</div> <span>get into NHS</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -173,7 +173,7 @@ import Layout from "../layouts/Layout.astro";
>
StudyPaws
</div>
<div class="mr-1">:</div> identify cow breeds
<div class="mr-1">:</div> <span>identify cow breeds</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -183,7 +183,7 @@ import Layout from "../layouts/Layout.astro";
>
mikewhatwhere
</div>
<div class="mr-1">:</div> become a dietician
<div class="mr-1">:</div> <span>become a dietician</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -193,7 +193,7 @@ import Layout from "../layouts/Layout.astro";
>
AuspexOneGaming
</div>
<div class="mr-1">:</div> grade papers
<div class="mr-1">:</div> <span>grade papers</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -203,7 +203,7 @@ import Layout from "../layouts/Layout.astro";
>
BossOnCamera
</div>
<div class="mr-1">:</div> get into Kyoto University
<div class="mr-1">:</div> <span>get into Kyoto University</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -213,7 +213,7 @@ import Layout from "../layouts/Layout.astro";
>
euphie___
</div>
<div class="mr-1">:</div> stay up late
<div class="mr-1">:</div> <span>be a cinnamon roll</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -223,8 +223,7 @@ import Layout from "../layouts/Layout.astro";
>
charliosaurus
</div>
<div class="mr-1">:</div> praise the lord Jesus
Christ
<div class="mr-1">:</div> <span>praise the lord Jesus Christ</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -234,7 +233,17 @@ import Layout from "../layouts/Layout.astro";
>
unknownnie
</div>
<div class="mr-1">:</div> grow a sprout
<div class="mr-1">:</div> <span>grow a sprout</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-gray-200"
>
imJamJams
</div>
<div class="mr-1">:</div> <span>feed the mods</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -244,7 +253,7 @@ import Layout from "../layouts/Layout.astro";
>
itsbrandonut
</div>
<div class="mr-1">:</div> music stream
<div class="mr-1">:</div> <span>music stream</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -254,7 +263,7 @@ import Layout from "../layouts/Layout.astro";
>
nihnesyo
</div>
<div class="mr-1">:</div> release new Lofi EP
<div class="mr-1">:</div> <span>release new Lofi EP</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -264,7 +273,7 @@ import Layout from "../layouts/Layout.astro";
>
warpyn
</div>
<div class="mr-1">:</div> release new song cover
<div class="mr-1">:</div> <span>release new song cover</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -274,7 +283,7 @@ import Layout from "../layouts/Layout.astro";
>
shadygepril
</div>
<div class="mr-1">:</div> studying for A-Levels
<div class="mr-1">:</div> <span>studying for A-Levels</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -284,8 +293,7 @@ import Layout from "../layouts/Layout.astro";
>
Extelso
</div>
<div class="mr-1 max-w-[55%]">:</div> show off
stream layout
<div class="mr-1 max-w-[55%]">:</div> <span>show off stream layout</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -295,7 +303,7 @@ import Layout from "../layouts/Layout.astro";
>
Bubxmicn
</div>
<div class="mr-1">:</div> drive a truck
<div class="mr-1">:</div> <span>drive a truck</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -305,7 +313,7 @@ import Layout from "../layouts/Layout.astro";
>
theyolotato
</div>
<div class="mr-1">:</div> read smut
<div class="mr-1">:</div> <span>read smut</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -315,7 +323,7 @@ import Layout from "../layouts/Layout.astro";
>
pinsaregood
</div>
<div class="mr-1">:</div> be an instagram influencer
<div class="mr-1">:</div> <span>be an instagram influencer</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -325,7 +333,7 @@ import Layout from "../layouts/Layout.astro";
>
wasmishtaken_
</div>
<div class="mr-1">:</div> simp for levi
<div class="mr-1">:</div> <span>simp for levi</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -335,7 +343,7 @@ import Layout from "../layouts/Layout.astro";
>
Jutstreams
</div>
<div class="mr-1">:</div> play geoguessr
<div class="mr-1">:</div> <span>play geoguessr</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -345,7 +353,7 @@ import Layout from "../layouts/Layout.astro";
>
j2modest
</div>
<div class="mr-1">:</div> penetration testing
<div class="mr-1">:</div> <span>penetration testing</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -355,7 +363,7 @@ import Layout from "../layouts/Layout.astro";
>
nachoburrit0
</div>
<div class="mr-1">:</div> play Apex for charity
<div class="mr-1">:</div> <span>play Apex for charity</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -365,7 +373,7 @@ import Layout from "../layouts/Layout.astro";
>
clarissawrites
</div>
<div class="mr-1">:</div> write
<div class="mr-1">:</div> <span>10,000 words essay</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -375,7 +383,7 @@ import Layout from "../layouts/Layout.astro";
>
Elly78456
</div>
<div class="mr-1">:</div> sell merch
<div class="mr-1">:</div> <span>sell merch</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -385,7 +393,7 @@ import Layout from "../layouts/Layout.astro";
>
sunfflawer
</div>
<div class="mr-1">:</div> be clingy
<div class="mr-1">:</div> <span>be clingy</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -395,7 +403,7 @@ import Layout from "../layouts/Layout.astro";
>
xhumming
</div>
<div class="mr-1">:</div> feed Emmy
<div class="mr-1">:</div> <span>feed Emmy</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -405,7 +413,7 @@ import Layout from "../layouts/Layout.astro";
>
arcaneXVIII
</div>
<div class="mr-1">:</div> babysit
<div class="mr-1">:</div> <span>babysit</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -415,7 +423,7 @@ import Layout from "../layouts/Layout.astro";
>
OOPmarie
</div>
<div class="mr-1">:</div> React project
<div class="mr-1">:</div> <span>React project</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -425,8 +433,178 @@ import Layout from "../layouts/Layout.astro";
>
Seijisoldier
</div>
<div class="mr-1">:</div> Be the tallest in the
room
<div class="mr-1">:</div> <span>Be the tallest in the
room</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-400"
>
StudySmrt
</div>
<div class="mr-1">:</div> <span>be the youngest in the room</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-purple-400"
>
anchigaming
</div>
<div class="mr-1">:</div> <span>love kirby</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-green-500"
>
brisim_claimhte
</div>
<div class="mr-1">:</div> <span>love kiki</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-400"
>
Chieysse
</div>
<div class="mr-1">:</div> <span>play Valorant</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-yellow-400"
>
lyricalclove
</div>
<div class="mr-1">:</div> <span>commit arson with Calcifer</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-200"
>
hillabunny
</div>
<div class="mr-1">:</div> <span>play Valorant</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-gray-200"
>
StudyStreamKen
</div>
<div class="mr-1">:</div> <span>be drunk</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-purple-500"
>
Supernaturalwriter
</div>
<div class="mr-1">:</div> <span>be the fittest in the DnD group</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-purple-500"
>
KhrowV
</div>
<div class="mr-1">:</div> <span>caw caw</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-indigo-400"
>
michiimiya
</div>
<div class="mr-1">:</div> <span>be a cult leader</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-400"
>
mindiigo
</div>
<div class="mr-1">:</div> <span>hit Ascendant in Valorant</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-pink-400"
>
RosieDream_
</div>
<div class="mr-1">:</div> <span>be an attorney</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-purple-400"
>
study_with_flowergirl
</div>
<div class="mr-1">:</div> <span>be a flower</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-blue-400"
>
sunnyblue_
</div>
<div class="mr-1">:</div> <span>mod for Ranboo</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-gray-200"
>
triplefattypatty
</div>
<div class="mr-1">:</div> <span>travel around the world</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[45%] overflow-hidden overflow-ellipsis text-orange-600"
>
JettesHus
</div>
<div class="mr-1">:</div> <span>Furniture restoration</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
>
<div
class="font-bold max-w-[55%] overflow-hidden overflow-ellipsis text-blue-400"
>
Bli_FlowState
</div>
<div class="mr-1">:</div> <span>Make productivity youtube videos</span>
</div>
<div
class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
@ -436,7 +614,7 @@ import Layout from "../layouts/Layout.astro";
>
wafflesdot025
</div>
<div class="mr-1">:</div> skip class
<div class="mr-1">:</div> <span>skip class</span>
</div>
</div>
</div>
@ -477,7 +655,7 @@ import Layout from "../layouts/Layout.astro";
}
.task-list-body {
animation: scroll 17s linear alternate infinite;
animation: scroll 30s linear alternate infinite;
}
#widget-title {

2
src/pages/specs.md
View file

@ -88,6 +88,8 @@ Check out this <a href="https://www.reddit.com/r/Twitch/comments/2dz7ru/bitrates
There are many streaming software options available, but the most popular one is <a href="https://obsproject.com/" target="_blank" class="underline">OBS Studio</a>, although some Apple users may prefer using <a href="https://www.twitch.tv/broadcast/studio/registration" target="_blank" class="underline">Twitch Studio</a>. Both are free to use!
Check out this <a href="https://youtu.be/9idPREZzWpE">YouTube video</a>on how to setup OBS, made by Hammer Dance!
If you're streaming for mobile, the Twitch mobile app has a built-in streaming feature!
</details>