v1.7.3/website firefox and getting started
This commit is contained in:
+117
-11
@@ -119,7 +119,93 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div style="margin-top: 10rem !important" class="text-section">
|
||||
<div class="overlap">
|
||||
<div class="info">
|
||||
<div class="info-card">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
fill="black"
|
||||
width="48px"
|
||||
height="48px"
|
||||
>
|
||||
<path d="M0 0h24v24H0z" fill="none" />
|
||||
<path
|
||||
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">WELCOME TO WATCH PARTY</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Need help getting started? No worries, scroll through the steps below to get going.
|
||||
</p>
|
||||
<a href="#tips" class="underlink" data-font="sans-bold"> QUESTIONS? SEE FAQ </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 data-font="sans-bold" class="sub-title">Get Going With Watch Party</h4>
|
||||
<div class="description">
|
||||
<p data-font="sans" class="body">
|
||||
Getting started with Watch Party is simple, Watch Party comes with a built in tutorial
|
||||
mode (launch by going to any supported streaming service) or you can follow the steps
|
||||
below.
|
||||
</p>
|
||||
<a href="#services" class="underlink" data-font="sans"> SEE SUPPORTED SERVICES </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="steps features card-grid">
|
||||
<div class="support-card">
|
||||
<h4 style="flex: 1" class="sub-title" data-font="sans-bold">STEP 1</h4>
|
||||
<p class="body" data-font="sans">
|
||||
The first step is as simple as going to the website (streaming service) that you want to
|
||||
use Watch Party with.
|
||||
</p>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 class="sub-title" data-font="sans-bold">STEP 2</h4>
|
||||
<div class="img-wrapper">
|
||||
<img src="/icons/wp192.png" />
|
||||
</div>
|
||||
<p class="body" data-font="sans">
|
||||
Click the Watch Party icon (shown above ⬆) in the bottom right corner of your screen
|
||||
</p>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 style="flex: 1" class="sub-title" data-font="sans-bold">STEP 3</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Fill out the three text fields to create or join a party (change mode by click on the
|
||||
respective buttons)
|
||||
</p>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 class="sub-title" style="flex: 1" data-font="sans-bold">STEP 4</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Fill out the three text fields to create or join a party (change mode by click on the
|
||||
respective Create or Join buttons)
|
||||
</p>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 class="sub-title" style="flex: 1" data-font="sans-bold">STEP 5</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Start playing something then, pause and play once after starting your show to make sure
|
||||
sync is working. You should see the name of what's currently playin show up in the sidebar
|
||||
</p>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 class="sub-title" style="flex: 1" data-font="sans-bold">STEP 6</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Click on your party name in the sidebar, here you can see some additional options as well
|
||||
as who's in the party.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="services" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">WATCH TOGETHER ON</h4>
|
||||
@@ -159,14 +245,32 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">SYNC NOT WORKING</h4>
|
||||
<div class="description">
|
||||
<p data-font="sans" class="body">
|
||||
If sync isn't working try refreshing <code>Ctrl + R</code> the page and starting the
|
||||
show before joining the party.
|
||||
</p>
|
||||
<a
|
||||
class="underlink"
|
||||
data-font="sans"
|
||||
href="mailto:admin@chromewatchparty.com?subject=Sync Not Working"
|
||||
>
|
||||
REPORT BROKEN SYNC FOR WEBSITE
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">CAN I DISABLE WATCH PARTY TEMPORARILY</h4>
|
||||
<div>
|
||||
<p data-font="sans" class="body">
|
||||
Watch Party is built to not be in your way but, it can be hidden by going clicking on
|
||||
the Watch Party extension (in the top right of Chrome toolbar), and switching the show
|
||||
/ hide switch.
|
||||
the Watch Party extension (in the top right of Chrome / Firefox toolbar), and
|
||||
switching the show / hide switch.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
You can alternatively go to the Chrome Extensions page (chrome://extensions) and
|
||||
@@ -243,14 +347,16 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title"></h4>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=New FAQ Question"
|
||||
data-font="sans"
|
||||
class="underlink"
|
||||
>
|
||||
ASK A NEW QUESTION
|
||||
</a>
|
||||
<div>
|
||||
<p data-font="sans" class="body">DON'T SEE YOUR QUESTION?</p>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=New FAQ Question"
|
||||
data-font="sans"
|
||||
class="underlink"
|
||||
>
|
||||
ASK A NEW QUESTION
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user