several changes

- added new streamers
- added emotes under tips
- added Snip to spotify display

src/layouts/Markdown.astro

@@ -111,4 +111,9 @@ const { frontmatter } = Astro.props;
 			Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
 			sans-serif;
 	}
+
+	ul ul {
+		list-style-position: inside;
+		padding-left: 1rem;
+	}
 </style>

src/pages/index.astro

@@ -195,6 +195,16 @@ import Layout from "../layouts/Layout.astro";
 							</div>
 							<div class="mr-1">:</div> grade papers
 						</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-red-500"
+							>
+								BossOnCamera
+							</div>
+							<div class="mr-1">:</div> get into Kyoto University
+						</div>
 						<div
 							class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
 						>
@@ -367,6 +377,16 @@ import Layout from "../layouts/Layout.astro";
 							</div>
 							<div class="mr-1">:</div> sell merch
 						</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"
+							>
+								sunfflawer
+							</div>
+							<div class="mr-1">:</div> be clingy
+						</div>
 						<div
 							class="flex flex-row justify-start items-start bg-gray-700 px-5 py-2 rounded-md mt-1"
 						>

src/pages/tips.md

@@ -8,12 +8,18 @@ description: Tips for coworking streamers
 
 Here are some tips for coworking streamers!
 
+## Table of Contents
 - [Tips](#tips)
+  - [Table of Contents](#table-of-contents)
   - [To mute or not to mute?](#to-mute-or-not-to-mute)
   - [Should I leave chat opened while working?](#should-i-leave-chat-opened-while-working)
   - [Fixed schedule](#fixed-schedule)
   - [Social media](#social-media)
   - [Chat commands for coworking streams](#chat-commands-for-coworking-streams)
+  - [Emotes](#emotes)
+    - [Channel emotes](#channel-emotes)
+    - [Emote extensions](#emote-extensions)
+    - [Browser Extensions](#browser-extensions)
   - [Other tips](#other-tips)
   - [References](#references)
 
@@ -41,13 +47,35 @@ Speaking of social media, it's a great way to let your followers know when you'r
 
 Chat commands are very useful since you won't be chatting much during the work timer. Some common chat commands you may see include ones that introduce your stream, provide a brief introduction to the pomodoro method (if you use it), or a muted command that may explain why you may be muted (e.g: !welcome !timer !pomo !muted). You may also like to add a command to tell your viewers what you're working on that day (!today !work !study) - this adds a nice personal touch and you can use it to encourage other's to talk about what they're working on too.
 
+## Emotes
+
+### Channel emotes
+
+When you reach the Twitch Affiliate goal, you can add emotes to your channel for subscribers to use! However, Follower emotes are only available if you have <a href="https://help.twitch.tv/s/article/emote-guidelines?language=en_US#instantupload" target="_blank" class="underline hover:text-blue-400">Instant Upload Privilege</a>!
+
+### Emote extensions
+
+Don't understand when your chat says in 'KEKW'? It's a common third party Twitch emote! You can add extensions to your channel to add more emotes for your viewers to use. Some popular ones include BetterTTV, FrankerFaceZ and 7TV.
+
+### Browser Extensions
+
+<ul>
+  <li><a href="https://betterttv.com/" target="_blank" class="underline hover:text-blue-400">Download BetterTTV</a></li>
+  <li><a href="https://www.frankerfacez.com/" target="_blank" class="underline hover:text-blue-400">Download FrankerFaceZ</a></li>
+  <li><a href="https://7tv.app/" target="_blank" class="underline hover:text-blue-400">Download 7TV</a></li>
+</ul>
+
+You won't run into any issues using all three extensions at once!
+
+Only want to use one extension? <a href="https://www.frankerfacez.com/" target="_blank" class="underline hover:text-blue-400">FrankerFaceZ</a> is probably the best one to go for! It is stable, has special addons through the extension itself for BTTV and 7TV emotes, and has the best customization for twitch as a site!
+
 ## Other tips
 
-- Don't promote yourself in other people's channels without permission. It's rude and will likely get you banned.
+-    Don't promote yourself in other people's channels without permission. It's rude and will likely get you banned.
-- Don't worry about view count, just focus on your work and the rest will follow.
+-    Don't worry about view count, just focus on your work and the rest will follow.
-- Avoid spending money on your stream setup until you're sure you want to stick with it.
+-    Avoid spending money on your stream setup until you're sure you want to stick with it.
-- Avoid using Display/Screen Capture where you may accidentally leak personal information. It is recommended to keep the Display Capture window small enough, so that the text content is not readable.
+-    Avoid using Display/Screen Capture where you may accidentally leak personal information. It is recommended to keep the Display Capture window small enough, so that the text content is not readable.
-- Consider using Application Capture Audio instead of Desktop Audio. This will prevent your viewers from hearing your notifications.
+-    Consider using Application Capture Audio instead of Desktop Audio. This will prevent your viewers from hearing your notifications.
 
 ## References
 

src/pages/widgets.md

@@ -121,6 +121,12 @@ A Spotify widget is a great way to let your viewers know what you're listening t
 
 <img src="/assets/ryanpython_spotify.webp" width="500" class="mb-10">
 
+### Software:
+
+<a href="https://github.com/dlrudie/Snip/releases" target="_blank" class="font-bold underline hover:text-blue-400">Snip</a>: Captures music from iTunes or Spotify and saves the current song as a text and png file that you can add into your streaming software 
+
+<img src="/assets/snip.webp" width="500" class="mb-10">
+
 ---
 
 ## General Purpose