From e26f8528130c1d17f0b8540d263bee58f4b099b4 Mon Sep 17 00:00:00 2001
From: Javinat0r <59320609+Javinat0r@users.noreply.github.com>
Date: Mon, 30 Jan 2023 15:04:47 -0500
Subject: [PATCH 1/2] Create OBS Setup.md

These are instructions for tracker setup in the discord. They should be here too so they can be linked to directly.
---
 ff6wc/OBS Setup.md | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 ff6wc/OBS Setup.md

diff --git a/ff6wc/OBS Setup.md b/ff6wc/OBS Setup.md
new file mode 100644
index 0000000..12c6766
--- /dev/null
+++ b/ff6wc/OBS Setup.md	
@@ -0,0 +1,25 @@
+
+## Latest OBS Settings
+This is a guide for configuring a browser source in OBS for use when recording and/or streaming. It provides instructions 
+
+## Create a Browser Source in OBS
+Create a 
+
+
+URL: https://tracker.ff6worldscollide.com
+Width: 650
+Height: 650
+
+OBS CSS
+.WC-button { display: none; } 
+.WC-footer { display: none; }
+.WC-header { display: none; }
+
+.WC-button { display: none; } hides buttons on the screen
+
+.WC-footer { display: none; } hides the footer/shoutout at the bottom
+
+.WC-header { display: none; } hides the entire header (hero image included)
+
+If you would like to keep the logo but hide the background you can use
+.WC-hero { display: none; }

From 4c214ff627821884bdb939a72086c35686bdad8c Mon Sep 17 00:00:00 2001
From: Javinat0r <59320609+Javinat0r@users.noreply.github.com>
Date: Mon, 30 Jan 2023 15:55:54 -0500
Subject: [PATCH 2/2] Update OBS Setup.md

Added images and more descriptive text.

NOTE: Unsure if it's preferred to use https://ff6wctracker.com/ or https://tracker.ff6worldscollide.com/ as a base URL.
---
 ff6wc/OBS Setup.md | 90 ++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 75 insertions(+), 15 deletions(-)

diff --git a/ff6wc/OBS Setup.md b/ff6wc/OBS Setup.md
index 12c6766..1d61013 100644
--- a/ff6wc/OBS Setup.md	
+++ b/ff6wc/OBS Setup.md	
@@ -1,25 +1,85 @@
 
-## Latest OBS Settings
-This is a guide for configuring a browser source in OBS for use when recording and/or streaming. It provides instructions 
+# OBS Browser Source Setup for FF6WC Tracker
+This is a guide for configuring a browser source in OBS for use when recording and/or streaming. It provides instructions for:
+1.  [Creating a browser source](https://github.com/Javinat0r/guides/edit/patch-1/ff6wc/OBS%20Setup.md#create-a-browser-source-in-obs)
+2.  [Setting up tracker with full header](https://github.com/Javinat0r/guides/edit/patch-1/ff6wc/OBS%20Setup.md#set-up-browser-source-with-full-ff6wc-header)
+3.  [Setting up tracker with logo header](https://github.com/Javinat0r/guides/edit/patch-1/ff6wc/OBS%20Setup.md#set-up-browser-source-with-ff6wc-logo-header)
+4.  [Setting up tracker with no header](https://github.com/Javinat0r/guides/edit/patch-1/ff6wc/OBS%20Setup.md#set-up-browser-source-with-no-header)
+5.  [Description of the different CSS options](https://github.com/Javinat0r/guides/edit/patch-1/ff6wc/OBS%20Setup.md#css-option-descriptions)
 
 ## Create a Browser Source in OBS
-Create a 
+Create a browser source in OBS by:
+1.  Right click on the sources tab.
+2.  Mouse over "Add..."
+3.  Left Click on "Browser"
+See the image below:
+![Create Browser Source](https://i.imgur.com/5uNzsQr.png)
 
+## Set up Browser Source With Full FF6WC Header
 
-URL: https://tracker.ff6worldscollide.com
-Width: 650
-Height: 650
+![Tracker with Full Header](https://i.imgur.com/NyICLqQ.png)
 
-OBS CSS
-.WC-button { display: none; } 
-.WC-footer { display: none; }
-.WC-header { display: none; }
+1. Right click on the new browser source you have created and select "Properties" at the bottom of the list.
+2. In the Properties window, fill out the fields and select the options as listed here:
+```
+  URL: https://tracker.ff6worldscollide.com
+  Width: 650
+  Height: 900
+  Custom CSS:
+    .WC-button { display: none; } 
+    .WC-footer { display: none; }
+  Shut down source when not visible: Checked
+  Refresh browser when scene becomes active: Checked  
+```
+See the image below for what the settings page should look like:
+![Full Header Settings](https://i.imgur.com/Oe5OQAh.png)
 
-.WC-button { display: none; } hides buttons on the screen
+## Set up Browser Source With FF6WC Logo Header
 
-.WC-footer { display: none; } hides the footer/shoutout at the bottom
+[Tracker with Logo Header](https://i.imgur.com/78S57WX.png)
 
-.WC-header { display: none; } hides the entire header (hero image included)
+1. Right click on the new browser source you have created and select "Properties" at the bottom of the list.
+2. In the Properties window, fill out the fields and select the options as listed here:
+```
+  URL: https://tracker.ff6worldscollide.com
+  Width: 650
+  Height: 900
+  Custom CSS:
+    .WC-button { display: none; } 
+    .WC-footer { display: none; }
+    .WC-hero { display: none; }
+  Shut down source when not visible: Checked
+  Refresh browser when scene becomes active: Checked  
+```
+See the image below for what the settings page should look like:
+![Logo Header Settings](https://i.imgur.com/uI0p7Cn.png)
+
+## Set up Browser Source With no Header
+
+![Tracker with no Header](https://i.imgur.com/ZG4OTih.png)
 
-If you would like to keep the logo but hide the background you can use
-.WC-hero { display: none; }
+1. Right click on the new browser source you have created and select "Properties" at the bottom of the list.
+2. In the Properties window, fill out the fields and select the options as listed here:
+```
+  URL: https://tracker.ff6worldscollide.com
+  Width: 650
+  Height: 650
+  Custom CSS:
+    .WC-button { display: none; } 
+    .WC-footer { display: none; }
+    .WC-header { display: none; }
+  Shut down source when not visible: Checked
+  Refresh browser when scene becomes active: Checked  
+```
+See the image below for what the settings page should look like:
+![No Header Settings](https://i.imgur.com/F5ZGhb6.png)
+
+## CSS Option Descriptions
+
+```
+.WC-button { display: none; } hides buttons on the screen
+.WC-footer { display: none; } hides the footer/shoutout at the bottom
+.WC-header { display: none; } hides the entire header (hero image included)
+```
+If you would like to keep the logo but hide the background of the header you can use:
+```.WC-hero { display: none; }``` instead of ```.WC-header { display: none; }```