148 lines
7.2 KiB
HTML
148 lines
7.2 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
|
|
=========================================================================
|
|
ALL CONTENT ON THIS WEBSITE, UNLESS OTHERWISE CITED ARE THE SOLE
|
|
INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE COPIED, EDITED,
|
|
OR REPRODUCED WITHOUT PERMISSION.
|
|
|
|
Netflix logo is a trademark and intellectual property of Netflix, Inc.
|
|
Disney+ logo is a trademark and intellectual property of The Walt Disney Company
|
|
Prime logo is a trademark and intellectual property of Amazon.com, Inc.
|
|
YouTube logo is a trademark and intellectual property of Google, Inc.
|
|
Hulu logo is a trademark and intellectual property of Hulu, LLC.
|
|
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,LLC.
|
|
Peacock TV logo is a trademark and intellectual property of Peacock TV & NBC Universal.
|
|
------------------------------------------------------------------------->
|
|
<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">WATCH PARTY</h1>
|
|
<h5 data-font="sans" class="logo-tag">
|
|
WELCOME TO WATCH PARTY
|
|
</h5>
|
|
<p data-font="sans-bold" class="title subtitle">Watch Party lives in the bottom right corner of your screen. <br /> It's there when you need it and hidden when you don't.</p>
|
|
<video src="../media/features/Tutorial.mp4" autoplay muted loop> </video>
|
|
<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 data-support="Coming in v1.5.0" class="supported-logo" id="peacock"></div></div></a>
|
|
|
|
</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 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">
|
|
I CAN'T START A CALL
|
|
</h6>
|
|
<p data-font="sans-bold">
|
|
A group call can only be started by the person who started the party - after that the rest of the party can join.
|
|
</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>.
|
|
</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>
|
|
</footer>
|
|
</body>
|
|
</html>
|