279 lines
12 KiB
HTML
279 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<!-----------------------------------------------------------------------
|
|
Copyright (C) Ayushya Amitabh - All Rights Reserved
|
|
Unauthorized copying of this file, via any medium is strictly prohibited
|
|
Proprietary and confidential
|
|
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
|
|
https://www.chromewatchparty.com/copyright
|
|
=========================================================================
|
|
ALL CONTENT ON WATCH PARTY'S WEBSITE OR IN WATCH PARTY'S CHROME EXTENSION APP, UNLESS OTHERWISE
|
|
CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
|
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
|
------------------------------------------------------------------------->
|
|
<html>
|
|
<head>
|
|
<link rel="apple-touch-icon" sizes="57x57" href="../icons/apple-icon-57x57.png" />
|
|
<link rel="apple-touch-icon" sizes="60x60" href="../icons/apple-icon-60x60.png" />
|
|
<link rel="apple-touch-icon" sizes="72x72" href="../icons/apple-icon-72x72.png" />
|
|
<link rel="apple-touch-icon" sizes="76x76" href="../icons/apple-icon-76x76.png" />
|
|
<link rel="apple-touch-icon" sizes="114x114" href="../icons/apple-icon-114x114.png" />
|
|
<link rel="apple-touch-icon" sizes="120x120" href="../icons/apple-icon-120x120.png" />
|
|
<link rel="apple-touch-icon" sizes="144x144" href="../icons/apple-icon-144x144.png" />
|
|
<link rel="apple-touch-icon" sizes="152x152" href="../icons/apple-icon-152x152.png" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-icon-180x180.png" />
|
|
<link rel="icon" type="image/png" sizes="192x192" href="../icons/android-icon-192x192.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="96x96" href="../icons/favicon-96x96.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" />
|
|
<link rel="icon" href="../icons/favicon.ico" />
|
|
<link rel="manifest" href="../manifest.json" />
|
|
<meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" />
|
|
<link rel="stylesheet" type="text/css" href="../font.css" />
|
|
<link rel="stylesheet" type="text/css" href="../styles/index.css" />
|
|
<script src="../scripts/Stickied.js"></script>
|
|
<title>Watch Party | Welcome</title>
|
|
</head>
|
|
<body class="welcome">
|
|
<div class="landing">
|
|
<div class="logo-circle"></div>
|
|
<div class="logo-circle"></div>
|
|
<div class="logo-circle"></div>
|
|
<h1 data-font="serif" class="logo"><a href="../">WATCH PARTY</a></h1>
|
|
<h5 data-font="sans" class="logo-tag">
|
|
WELCOME TO WATCH PARTY
|
|
</h5>
|
|
<p data-font="sans-bold" class="title subtitle">
|
|
WATCH TOGETHER ON
|
|
</p>
|
|
<div class="supported">
|
|
<a href="https://www.netflix.com"><div class="supported-logo" id="netflix"></div></a>
|
|
<a href="https://www.hulu.com"><div class="supported-logo" id="hulu"></div>
|
|
<a href="https://www.disneyplus.com"><div class="supported-logo" id="disney"></div>
|
|
<a href="https://www.amazon.com/gp/video/storefront"><div class="supported-logo" id="prime"></div></a>
|
|
<a href="https://www.youtube.com"><div class="supported-logo" id="youtube"></div></a>
|
|
<a href="https://play.hbonow.com"><div class="supported-logo" id="hbonow"></div></a>
|
|
<a href="https://play.hbomax.com"><div class="supported-logo" id="hbomax"></div></a>
|
|
<a href="https://www.peacocktv.com"><div class="supported-logo" id="peacock"></div></a>
|
|
<a href="https://play.google.com/movies"><div class="supported-logo" id="googleplay"></div></a>
|
|
<a href="https://www.crunchyroll.com"><div class="supported-logo" id="crunchyroll"></div></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pop-features">
|
|
|
|
<div class="pop-feature alternate">
|
|
<div id="title-card-container">
|
|
<div id="title-card">
|
|
<div data-font="serif" id="fab">WP</div>
|
|
<div id="sidebar"></div>
|
|
</div>
|
|
</div>
|
|
<div class="explanation">
|
|
<div>
|
|
<h4 data-font="sans-bold">TO BE OR NOT TO BE</h4>
|
|
<p data-font="sans">Watch Party is built to not be in your way. There when you need it, gone when you don't. Watch Party lives in the bottom right corner of your screen. You can use the fullscreen button in the sidebar to go fullscreen with Watch Party.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pop-feature">
|
|
<div id="title-card-container">
|
|
<div id="title-card">
|
|
<h5 data-font="sans-bold" id="title-card-title">WATCH PARTY</h5>
|
|
<h3 data-font="sans" id="title-card-subtitle">YOUR PARTY NAME</h3>
|
|
<p data-font="sans" id="control-notification">
|
|
Allow chat notification when side panel is closed
|
|
<span>Notifications show up when the side bar is hidden</span>
|
|
</p>
|
|
<p data-font="sans" id="control-autorejoin">
|
|
Allow Watch Party to auto rejoin
|
|
<span>Automatically rejoin party if you return to the page within 1 minute</span>
|
|
</p>
|
|
<p data-font="sans" id="control-admin">
|
|
Enable admin only mode
|
|
<span>Only party admin can sync player and start calls</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="explanation">
|
|
<div>
|
|
<h4 data-font="sans-bold">Stay in control</h4>
|
|
<p data-font="sans">Find your settings by clicking on title card (when you're in a party) or in the settings panel (when you're creating or joining) </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pop-feature alternate">
|
|
<div id="title-card-container">
|
|
<div id="title-card">
|
|
<h5 data-font="sans-bold" id="system-message">Ayushya started the party.</h5>
|
|
|
|
<div id="ti">
|
|
<div id="tn">SOMEONE</div>
|
|
<div id="tm">
|
|
<div id="tt">
|
|
<span>12:00:00 PM</span>
|
|
<div id="ri"></div></div>
|
|
<p>Hiya buddy!</p>
|
|
</div>
|
|
</div>
|
|
<div id="ti" class="mm">
|
|
<div id="tn">AYUSHYA</div>
|
|
<div id="tr">Hiya buddy!
|
|
</div>
|
|
<div id="tm">
|
|
<div id="tt">
|
|
<span>12:00:00 PM</span>
|
|
<div id="ri"></div></div>
|
|
<p>OH GOD NO! PLEASE GOD NO! NO!</p>
|
|
</div>
|
|
</div>
|
|
<div id="ti">
|
|
<div id="tn">SOMEONE</div>
|
|
<div id="tm">
|
|
<div id="tt">
|
|
<span>12:00:00 PM</span>
|
|
<div id="ri"></div>
|
|
</div>
|
|
<img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" />
|
|
</div>
|
|
</div>
|
|
<div id="ti" class="mm">
|
|
<div id="tn">SOMEONE</div>
|
|
<div id="tr">
|
|
<img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" /></div>
|
|
<div id="tm">
|
|
<div id="tt">
|
|
<span>12:00:00 PM</span>
|
|
<div id="ri"></div>
|
|
</div>
|
|
<p>Let's watch The Office</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="explanation">
|
|
<div>
|
|
<h4 data-font="sans-bold">FULL FEATURED CHAT</h4>
|
|
<p data-font="sans">A brand new, completely revamped chat user interface, now has replies, shows pending messages, and improves the Giphy GIF picker</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pop-feature">
|
|
|
|
<div id="title-card-container">
|
|
<div id="title-card">
|
|
<h5 data-font="sans-bold" id="title-card-title">WATCH PARTY</h5>
|
|
<h3 data-font="sans" id="title-card-subtitle">ANIME WATCH PARTY</h3>
|
|
<h6 data-font="sans" id="title-card-tagline">USERS IN PARTY</h6>
|
|
<p data-font="sans" id="call-user-chip">Ayushya</p>
|
|
<p data-font="sans" id="call-user-chip">Someone</p>
|
|
<p data-font="sans" id="call-user-chip">Third Party</p>
|
|
<p data-font="sans" id="call-user-chip">Won't Stop Talking</p>
|
|
<h6 data-font="sans" id="title-card-tagline">USERS ON CALL</h6>
|
|
<p data-font="sans" id="call-user-chip">Ayushya</p>
|
|
<p data-font="sans" id="call-user-chip" class="not-me-user-chip">Someone</p>
|
|
<p data-font="sans" id="call-user-chip" class="not-me-user-chip">Won't Stop Talking <input type="range" value="2" min="0" max="10"></p>
|
|
</div>
|
|
</div>
|
|
<div class="explanation">
|
|
<div>
|
|
<h4 data-font="sans-bold">MADE FOR YOU & YOUR GANG</h4>
|
|
<p data-font="sans">See who's in your party, get on a call with your party, and volume control for the person who just won't stop talking. </p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="tips" class="landing">
|
|
<p data-font="sans-bold" class="title">
|
|
TIPS & FAQ
|
|
</p>
|
|
<div class="tip">
|
|
<h6 data-font="sans">
|
|
CAN I USE WATCH PARTY IN FULLSCREEN
|
|
</h6>
|
|
<p data-font="sans-bold">
|
|
To have access to Watch Party in fullscreen use the fullscreen button in the bottom left corner of the sidebar.
|
|
</p>
|
|
</div>
|
|
<div class="tip">
|
|
<h6 data-font="sans">
|
|
CAN I USE THE SAME PARTY, ON A DIFFERENT SITE
|
|
</h6>
|
|
<p data-font="sans-bold">
|
|
If you started the party, you can simply join the party from a different place to change the party location.
|
|
</p>
|
|
</div>
|
|
<div class="tip">
|
|
<h6 data-font="sans">
|
|
CHAT NOTIFICATIONS ARE ANNOYING
|
|
</h6>
|
|
<p data-font="sans-bold">
|
|
You can turn off the chat notifications from the title card in the sidebar. Click on the title card to see the setting.
|
|
</p>
|
|
</div>
|
|
<div class="tip">
|
|
<h6 data-font="sans">
|
|
HOW DO I SEARCH FOR GIFs
|
|
</h6>
|
|
<p data-font="sans-bold">
|
|
Click on the GIF button next to the message input box, start searching! Scroll to the right to load more results.
|
|
</p>
|
|
</div>
|
|
<div class="tip">
|
|
<h6 data-font="sans">
|
|
CAN I DELETE PARTY DATA MANUALLY
|
|
</h6>
|
|
<p data-font="sans-bold">
|
|
Click on the title card in the sidebar, and click on the End Party button. Ending a party immediately deletes all data.
|
|
</p>
|
|
</div>
|
|
<div class="tip">
|
|
<h6 data-font="sans">
|
|
CAN I DISABLE WATCH PARTY TEMPORARILY
|
|
</h6>
|
|
<p data-font="sans-bold">
|
|
Watch Party is built to not be in your way but, it can be manually disabled by going to the Chrome Extensions page (chrome://extensions).</a>
|
|
</p>
|
|
</div>
|
|
<a data-font="sans-bold" href="mailto:admin@chromewatchparty.com?subject=New FAQ Question" class="link-button">
|
|
Ask A New Question
|
|
</a>
|
|
</div>
|
|
<footer data-font="sans">
|
|
<p class="title built-with">
|
|
<a href="../copyright/">COPYRIGHT</a> © 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
|
|
</p>
|
|
<p class="title built-with">
|
|
BUILT WITH 💚 FOR <a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING
|
|
<a href="https://firebase.google.com/">FIREBASE</a>,
|
|
<a href="https://material-ui.com/">MATERIAL-UI</a>,
|
|
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>,
|
|
<a href="https://giphy.com/">GIPHY</a>, & <a href="https://dolby.io/">DOLBY VOXEET</a>.
|
|
</p>
|
|
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
|
|
Support Watch Party
|
|
</a>
|
|
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
|
|
>Get Chrome Extension</a
|
|
>
|
|
<a
|
|
data-font="sans-bold"
|
|
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
|
class="link-button"
|
|
>
|
|
Give Feedback
|
|
</a>
|
|
<a data-font="sans-bold" href="../welcome/" class="link-button">
|
|
Getting Started
|
|
</a>
|
|
<a data-font="sans-bold" href="../changes/" class="link-button">
|
|
Changelog
|
|
</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|