v1.6.7/website relaunch
@@ -12,10 +12,168 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="refresh" content="0; URL='./'" />
|
||||
<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" />
|
||||
<title>Watch Party | 404</title>
|
||||
</head>
|
||||
<body>
|
||||
Redirecting...
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div class="overlap">
|
||||
<div class="info">
|
||||
<div class="info-card" data-font="sans-bold">404</div>
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">PAGE NOT FOUND</h4>
|
||||
<p class="body" data-font="sans">Looks like this page doesn't exist.</p>
|
||||
<a href="/" class="underlink" data-font="sans-bold">GO HOME</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -1,21 +0,0 @@
|
||||
<!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>
|
||||
<meta http-equiv="refresh" content="0; URL='https://request.chromewatchparty.com'" />
|
||||
<title>Watch Party | Beta</title>
|
||||
</head>
|
||||
<body>
|
||||
Redirecting...
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,31 +0,0 @@
|
||||
<!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>
|
||||
<meta http-equiv="refresh" content="0; URL='https://request.chromewatchparty.com'" />
|
||||
<title>Watch Party | Beta</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2">
|
||||
</script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body>
|
||||
Redirecting...
|
||||
</body>
|
||||
</html>
|
||||
@@ -12,134 +12,228 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | Changelog</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body class="copyright">
|
||||
<div class="landing">
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<h1 data-font="serif" class="logo duplicate"><a href="../">WATCH PARTY</a> | CHANGELOG</h1>
|
||||
<h1 data-font="serif" class="logo"><a href="../">WATCH PARTY</a> | CHANGELOG</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
<div class="supported">
|
||||
<a href="./v1.5.2/">
|
||||
<div
|
||||
class="supported-logo"
|
||||
style="background-image: url(../media/versions/152.png)"
|
||||
data-upcoming-support="See Changes"
|
||||
></div>
|
||||
</a>
|
||||
<a href="./v1.6.0/">
|
||||
<div
|
||||
class="supported-logo"
|
||||
style="background-image: url(../media/versions/160.png)"
|
||||
data-upcoming-support="See Changes"
|
||||
></div>
|
||||
</a>
|
||||
<a href="./v1.6.1/">
|
||||
<div
|
||||
class="supported-logo"
|
||||
style="background-image: url(../media/versions/161.png)"
|
||||
data-upcoming-support="See Changes"
|
||||
></div>
|
||||
</a>
|
||||
<a href="./v1.6.2/">
|
||||
<div
|
||||
class="supported-logo"
|
||||
style="background-image: url(../media/versions/162.png)"
|
||||
data-upcoming-support="See Changes"
|
||||
></div>
|
||||
</a>
|
||||
<a href="./v1.6.3/">
|
||||
<div
|
||||
class="supported-logo"
|
||||
style="background-image: url(../media/versions/163.png)"
|
||||
data-upcoming-support="See Changes"
|
||||
></div>
|
||||
</a>
|
||||
<a href="./v1.6.4/">
|
||||
<div
|
||||
class="supported-logo"
|
||||
style="background-image: url(../media/versions/164.png)"
|
||||
data-upcoming-support="See Changes"
|
||||
></div>
|
||||
</a>
|
||||
<a href="./v1.6.5/">
|
||||
<div
|
||||
class="supported-logo"
|
||||
style="background-image: url(../media/versions/165.png)"
|
||||
data-upcoming-support="See Changes"
|
||||
></div>
|
||||
</a>
|
||||
<a href="./v1.6.6/">
|
||||
<div
|
||||
class="supported-logo"
|
||||
style="background-image: url(../media/versions/166.png)"
|
||||
data-upcoming-support="See Changes"
|
||||
></div>
|
||||
</a>
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="overlap">
|
||||
<div class="info">
|
||||
<div class="info-card">
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
x="0px"
|
||||
y="0px"
|
||||
viewBox="0 0 511.997 511.997"
|
||||
style="enable-background: new 0 0 511.997 511.997"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M506.76,242.828l-118.4-125.44c-7.277-7.718-19.424-8.07-27.142-0.787c-7.706,7.277-8.064,19.43-0.781,27.142 l105.965,112.256L360.437,368.268c-7.283,7.712-6.925,19.859,0.781,27.142c3.712,3.501,8.454,5.235,13.178,5.235 c5.101,0,10.195-2.022,13.965-6.01l118.4-125.446C513.742,261.785,513.742,250.226,506.76,242.828z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M151.566,368.262L45.608,255.999l105.958-112.262c7.277-7.712,6.925-19.866-0.787-27.142 c-7.706-7.277-19.866-6.925-27.142,0.787l-118.4,125.44c-6.982,7.398-6.982,18.963,0,26.362L123.643,394.63 c3.776,4,8.864,6.016,13.965,6.016c4.723,0,9.466-1.741,13.171-5.242C158.498,388.127,158.843,375.974,151.566,368.262z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M287.061,52.697c-10.477-1.587-20.282,5.606-21.882,16.083l-56.32,368.64c-1.6,10.483,5.6,20.282,16.083,21.882 c0.986,0.147,1.958,0.218,2.925,0.218c9.325,0,17.504-6.803,18.957-16.301l56.32-368.64 C304.744,64.095,297.544,54.297,287.061,52.697z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">CHANGELOG</h4>
|
||||
<p class="body" data-font="sans">Questions about changes? Feel free to reach out!</p>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
ASK ABOUT CHANGES
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
|
||||
<div class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">VERSIONS</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="versions card-grid">
|
||||
<a href="/changes//v1.5.2/" data-font="sans-bold" class="support-card">v1.5.2</a>
|
||||
<a href="/changes//v1.6.0/" data-font="sans-bold" class="support-card">v1.6.0</a>
|
||||
<a href="/changes//v1.6.1/" data-font="sans-bold" class="support-card">v1.6.1</a>
|
||||
<a href="/changes//v1.6.2/" data-font="sans-bold" class="support-card">v1.6.2</a>
|
||||
<a href="/changes//v1.6.3/" data-font="sans-bold" class="support-card">v1.6.3</a>
|
||||
<a href="/changes//v1.6.4/" data-font="sans-bold" class="support-card">v1.6.4</a>
|
||||
<a href="/changes//v1.6.5/" data-font="sans-bold" class="support-card">v1.6.5</a>
|
||||
<a href="/changes//v1.6.6/" data-font="sans-bold" class="support-card">v1.6.6</a>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -12,292 +12,209 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | V1.5.2</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"
|
||||
></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag("js", new Date());
|
||||
|
||||
gtag("config", "UA-87498806-2");
|
||||
</script>
|
||||
<body class="copyright 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 duplicate">
|
||||
<a href="../../">WATCH PARTY</a> | V1.5.2
|
||||
</h1>
|
||||
<h1 data-font="serif" class="logo">
|
||||
<a href="../../">WATCH PARTY</a> | V1.5.2
|
||||
</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
</div>
|
||||
<div class="features">
|
||||
<p data-font="sans-bold" class="title subtitle">
|
||||
CHANGES MADE IN FEATURES
|
||||
</p>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="sync">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Sync.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Fixed Netflix bug to autodetect player.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="phone">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Phone.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Added mic permission overlay, and add proper loading icon to show a
|
||||
connecting call.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="chat">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Chat.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Gif scrollbar is now easier to grab and scroll.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="hideable">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Hideable.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Fullscreen support, use the button in the sidebar to have access to
|
||||
Watch Party in fullscreen
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="custom">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Custom.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Added auto rejoin (as long you return within 1 minute)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tips" class="landing">
|
||||
<p data-font="sans-bold" class="title">
|
||||
LISTED CHANGE DETAILS
|
||||
</p>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Notification timer increased
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Auto rejoin (as long you return within 1 minute)
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Add Mic permission overlay to avoid confusion when starting calls
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Fullscreen support, now go fullscreen with access to Watch Party
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Loading status for call so it doesn't look like nothing is happening
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Gif scrollbar is easier to grab and scroll
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Netflix player update (fixes issue when player was not detected if
|
||||
video started before party)
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Room migrate fix (allows party creators to move their parties to new
|
||||
sites)
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Update player fix (removes random "user changed" messages)
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
> Fix for Hulu input when video starts first
|
||||
</p>
|
||||
</div>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="mailto:admin@chromewatchparty.com?subject=Question About V1.5.2 Changes"
|
||||
class="link-button"
|
||||
>
|
||||
Have Questions About These Changes?
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</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>
|
||||
<div style="margin-top: 10rem" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">V1.5.2</h4>
|
||||
</div>
|
||||
<div>
|
||||
<p data-font="sans" class="body">NOTIFICATION TIMER INCREASED</p>
|
||||
<p data-font="sans" class="body">AUTO REJOIN (AS LONG YOU RETURN WITHIN 1 MINUTE)</p>
|
||||
<p data-font="sans" class="body">
|
||||
ADD MIC PERMISSION OVERLAY TO AVOID CONFUSION WHEN STARTING CALLS
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
FULLSCREEN SUPPORT, NOW GO FULLSCREEN WITH ACCESS TO WATCH PARTY
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
LOADING STATUS FOR CALL SO IT DOESN'T LOOK LIKE NOTHING IS HAPPENING
|
||||
</p>
|
||||
<p data-font="sans" class="body">GIF SCROLLBAR IS EASIER TO GRAB AND SCROLL</p>
|
||||
<p data-font="sans" class="body">
|
||||
NETFLIX PLAYER UPDATE (FIXES ISSUE WHEN PLAYER WAS NOT DETECTED IF VIDEO STARTED
|
||||
BEFORE PARTY)
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
ROOM MIGRATE FIX (ALLOWS PARTY CREATORS TO MOVE THEIR PARTIES TO NEW SITES)
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
UPDATE PLAYER FIX (REMOVES RANDOM "USER CHANGED" MESSAGES)
|
||||
</p>
|
||||
<p data-font="sans" class="body">FIX FOR HULU INPUT WHEN VIDEO STARTS FIRST</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div></div>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
ASK ABOUT CHANGES
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -12,328 +12,208 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | V1.6.0</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"
|
||||
></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag("js", new Date());
|
||||
|
||||
gtag("config", "UA-87498806-2");
|
||||
</script>
|
||||
<body class="copyright 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 duplicate">
|
||||
<a href="../../">WATCH PARTY</a> | V1.6.0
|
||||
</h1>
|
||||
<h1 data-font="serif" class="logo">
|
||||
<a href="../../">WATCH PARTY</a> | V1.6.0
|
||||
</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
</div>
|
||||
<div class="features">
|
||||
<p data-font="sans-bold" class="title subtitle">
|
||||
CHANGES MADE IN FEATURES
|
||||
</p>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="sync">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Sync.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Add support for Crunchyroll & Google Play Movies & TV
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Phone.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Anyone can start calls now, and calls are more reliable.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Chat.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Revamped chat and gif UI, now with replies
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Hideable.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Sidebar is now resizable and has better fullscreen support
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<video
|
||||
loop
|
||||
muted
|
||||
autoplay
|
||||
src="../../media/features/Custom.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Autocomplete and cross-site party name and pin history
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tips" class="landing">
|
||||
<p data-font="sans-bold" class="title">
|
||||
LISTED CHANGE DETAILS
|
||||
</p>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Add support for Crunchyroll
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Add support for Google Play Movies & TV
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Completely rebuilt Chat UI
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Gif UI revamped
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Shows sending messages
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Resizable sidebar
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
New Welcome experience (chromewatchparty.com/welcome)
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Clear party and pin history
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Fix header bug on website
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Optimize website feature animations
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Admin only control mode (affects player sync and call)
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Anyone can start calls when not in admin only mode
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Cross site party name and pin history
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Volume control for users on call
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Interactive system messages in chat
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Alerts on sidebar create/join screen
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Autocomplete for party names and pins
|
||||
</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Proper page opens on update
|
||||
</p>
|
||||
</div>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="mailto:admin@chromewatchparty.com?subject=Question About V1.6.0 Changes"
|
||||
class="link-button"
|
||||
>
|
||||
Have Questions About These Changes?
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</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>
|
||||
<div style="margin-top: 10rem" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">V1.6.0</h4>
|
||||
</div>
|
||||
<div>
|
||||
<p data-font="sans" class="body">ADD SUPPORT FOR CRUNCHYROLL</p>
|
||||
<p data-font="sans" class="body">ADD SUPPORT FOR GOOGLE PLAY MOVIES & TV</p>
|
||||
<p data-font="sans" class="body">COMPLETELY REBUILT CHAT UI</p>
|
||||
<p data-font="sans" class="body">GIF UI REVAMPED</p>
|
||||
<p data-font="sans" class="body">SHOWS SENDING MESSAGES</p>
|
||||
<p data-font="sans" class="body">
|
||||
NEW WELCOME EXPERIENCE
|
||||
<a class="underlink" href="/welcome">CHROMEWATCHPARTY.COM/WELCOME</a>
|
||||
</p>
|
||||
<p data-font="sans" class="body">CLEAR PARTY AND PIN HISTORY</p>
|
||||
<p data-font="sans" class="body">FIX HEADER BUG ON WEBSITE</p>
|
||||
<p data-font="sans" class="body">OPTIMIZE WEBSITE FEATURE ANIMATIONS</p>
|
||||
<p data-font="sans" class="body">
|
||||
ADMIN ONLY CONTROL MODE (AFFECTS PLAYER SYNC AND CALL)
|
||||
</p>
|
||||
<p data-font="sans" class="body">ANYONE CAN START CALLS WHEN NOT IN ADMIN ONLY MODE</p>
|
||||
<p data-font="sans" class="body">CROSS SITE PARTY NAME AND PIN HISTORY</p>
|
||||
<p data-font="sans" class="body">VOLUME CONTROL FOR USERS ON CALL</p>
|
||||
<p data-font="sans" class="body">INTERACTIVE SYSTEM MESSAGES IN CHAT</p>
|
||||
<p data-font="sans" class="body">ALERTS ON SIDEBAR CREATE/JOIN SCREEN</p>
|
||||
<p data-font="sans" class="body">AUTOCOMPLETE FOR PARTY NAMES AND PINS</p>
|
||||
<p data-font="sans" class="body">PROPER PAGE OPENS ON UPDATE</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div></div>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
ASK ABOUT CHANGES
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -12,110 +12,187 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | V1.6.1</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body class="copyright 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 duplicate"><a href="../../">WATCH PARTY</a> | V1.6.1</h1>
|
||||
<h1 data-font="serif" class="logo"><a href="../../">WATCH PARTY</a> | V1.6.1</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div class="features">
|
||||
<p data-font="sans-bold" class="title subtitle">
|
||||
CHANGES MADE IN FEATURES
|
||||
</p>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="sync">
|
||||
<video loop muted autoplay src="../../media/features/Sync.mp4"></video>
|
||||
<div style="margin-top: 10rem" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">V1.6.1</h4>
|
||||
</div>
|
||||
<div>
|
||||
<p data-font="sans" class="body">FIX VIDEO SELECTOR FOR AMAZON PRIME VIDEO</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div></div>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
ASK ABOUT CHANGES
|
||||
</a>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Fix Amazon Prime Video Selector
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tips" class="landing">
|
||||
<p data-font="sans-bold" class="title">
|
||||
LISTED CHANGE DETAILS
|
||||
</p>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Fix Video Selector for Amazon Prime Video
|
||||
</p>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="mailto:admin@chromewatchparty.com?subject=Question About V1.6.1 Changes"
|
||||
class="link-button"
|
||||
>
|
||||
Have Questions About These Changes?
|
||||
</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>
|
||||
|
||||
@@ -12,115 +12,188 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | V1.6.2</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body class="copyright 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 duplicate"><a href="../../">WATCH PARTY</a> | V1.6.2</h1>
|
||||
<h1 data-font="serif" class="logo"><a href="../../">WATCH PARTY</a> | V1.6.2</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div class="features">
|
||||
<p data-font="sans-bold" class="title subtitle">
|
||||
CHANGES MADE IN FEATURES
|
||||
</p>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="sync">
|
||||
<video loop muted autoplay src="../../media/features/Sync.mp4"></video>
|
||||
<div style="margin-top: 10rem" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">V1.6.2</h4>
|
||||
</div>
|
||||
<div>
|
||||
<p data-font="sans" class="body">FIX VIDEO SELECTOR FOR HULU</p>
|
||||
<p data-font="sans" class="body">USE SERVER CONFIG FOR VIDEO SELECTORS</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div></div>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
ASK ABOUT CHANGES
|
||||
</a>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Fix Hulu Video Selector
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tips" class="landing">
|
||||
<p data-font="sans-bold" class="title">
|
||||
LISTED CHANGE DETAILS
|
||||
</p>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Fix Video Selector for Hulu
|
||||
</p>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Use server config for video selectors
|
||||
</p>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="mailto:admin@chromewatchparty.com?subject=Question About V1.6.2 Changes"
|
||||
class="link-button"
|
||||
>
|
||||
Have Questions About These Changes?
|
||||
</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>
|
||||
|
||||
@@ -12,110 +12,187 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | V1.6.3</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body class="copyright 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 duplicate"><a href="../../">WATCH PARTY</a> | V1.6.3</h1>
|
||||
<h1 data-font="serif" class="logo"><a href="../../">WATCH PARTY</a> | V1.6.3</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div class="features">
|
||||
<p data-font="sans-bold" class="title subtitle">
|
||||
CHANGES MADE IN FEATURES
|
||||
</p>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="chat">
|
||||
<video loop muted autoplay src="../../media/features/Chat.mp4"></video>
|
||||
<div style="margin-top: 10rem" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">V1.6.3</h4>
|
||||
</div>
|
||||
<div>
|
||||
<p data-font="sans" class="body">USE VIRUALIZED SCROLLING TO FIX LAG FROM CHAT</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div></div>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
ASK ABOUT CHANGES
|
||||
</a>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Improve Chat performance
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tips" class="landing">
|
||||
<p data-font="sans-bold" class="title">
|
||||
LISTED CHANGE DETAILS
|
||||
</p>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Use virtualized scrolling to fix lag from chat
|
||||
</p>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="mailto:admin@chromewatchparty.com?subject=Question About V1.6.3 Changes"
|
||||
class="link-button"
|
||||
>
|
||||
Have Questions About These Changes?
|
||||
</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>
|
||||
|
||||
@@ -12,121 +12,196 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | V1.6.4</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body class="copyright 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 duplicate"><a href="../../">WATCH PARTY</a> | V1.6.4</h1>
|
||||
<h1 data-font="serif" class="logo"><a href="../../">WATCH PARTY</a> | V1.6.4</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div class="features">
|
||||
<p data-font="sans-bold" class="title subtitle">CHANGES MADE IN FEATURES</p>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="sync">
|
||||
<video loop muted autoplay src="../../media/features/Sync.mp4"></video>
|
||||
<div style="margin-top: 10rem" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
Add support for Apple TV+, Viki, Funimation. Fix Crunchyroll and Google Play Movies & TV
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="chat">
|
||||
<video loop muted autoplay src="../../media/features/Chat.mp4"></video>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">V1.6.4</h4>
|
||||
</div>
|
||||
<div>
|
||||
<p data-font="sans" class="body">
|
||||
ADD SUPPORT FOR VIKI, APPLE TV+, FUNIMATION, AND FIX CRUNCHYROLL, AND GOOGLE PLAY
|
||||
MOVIES & TV
|
||||
</p>
|
||||
<p data-font="sans" class="body">ADD TUTORIAL MODE TO HELP LEARN ABOUT WATCH PARTY</p>
|
||||
<p data-font="sans" class="body">USE EXTENSION MENU IN TOP BAR FOR ACTIONS AND LINKS</p>
|
||||
<p data-font="sans" class="body">FIX CHAT RESIZING ISSUE, OTHER MINOR FIXES</p>
|
||||
<p data-font="sans" class="body">
|
||||
LOAD BALANCED APIS (SERVERS IN MORE PLACES WITH AUTO REDIRECTS)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div></div>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
ASK ABOUT CHANGES
|
||||
</a>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">Improve Chat performance, fix overlapping bug</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tips" class="landing">
|
||||
<p data-font="sans-bold" class="title">LISTED CHANGE DETAILS</p>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">
|
||||
Add support for Viki, Apple TV+, Funimation, and fix Crunchyroll, and Google Play Movies &
|
||||
TV
|
||||
</p>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">Add tutorial mode to help learn about Watch Party</p>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">Use extension menu in top bar for actions and links</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">Fix chat resizing issue, other minor fixes</p>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">Load balanced APIs (servers in more places with auto redirects)</p>
|
||||
</div>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="mailto:admin@chromewatchparty.com?subject=Question About V1.6.4 Changes"
|
||||
class="link-button"
|
||||
>
|
||||
Have Questions About These Changes?
|
||||
</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>
|
||||
|
||||
@@ -12,27 +12,187 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<meta
|
||||
http-equiv="refresh"
|
||||
content="0; URL='https://www.chromewatchparty.com/changes/v1.6.4'"
|
||||
/>
|
||||
<title>Watch Party | Beta</title>
|
||||
<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" />
|
||||
<title>Watch Party | V1.6.5</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script
|
||||
async
|
||||
src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"
|
||||
></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag("js", new Date());
|
||||
|
||||
gtag("config", "UA-87498806-2");
|
||||
</script>
|
||||
<body>
|
||||
Redirecting...
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div style="margin-top: 10rem" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">V1.6.5</h4>
|
||||
</div>
|
||||
<div>
|
||||
<p data-font="sans" class="body">FIX HBO CRASH</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div></div>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
ASK ABOUT CHANGES
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -12,107 +12,192 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | V1.6.6</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body class="copyright 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 duplicate"><a href="../../">WATCH PARTY</a> | V1.6.6</h1>
|
||||
<h1 data-font="serif" class="logo"><a href="../../">WATCH PARTY</a> | V1.6.6</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div class="features">
|
||||
<p data-font="sans-bold" class="title subtitle">CHANGES MADE IN FEATURES</p>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="hideable">
|
||||
<video loop muted autoplay src="../../media/features/Hideable.mp4"></video>
|
||||
<div style="margin-top: 10rem" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">HBO related sidebar changes</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="hideable">
|
||||
<video loop muted autoplay src="../../media/features/Chat.mp4"></video>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">V1.6.6</h4>
|
||||
</div>
|
||||
<div>
|
||||
<p data-font="sans" class="body">
|
||||
ADD RESIZEABLE TAB TO HBO AND FIX SMART CLICK THROUGH SIDEBAR
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
FIX CHAT, REMOVE GLITCHY JUMP, SHOW SENDING MESSAGES
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div></div>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
ASK ABOUT CHANGES
|
||||
</a>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">Fix Chat rendering & performance</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tips" class="landing">
|
||||
<p data-font="sans-bold" class="title">LISTED CHANGE DETAILS</p>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">Add resizeable tab to HBO and fix smart click through sidebar</p>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<p data-font="sans-bold">Fix Chat, remove glitchy jump, show sending messages</p>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="mailto:admin@chromewatchparty.com?subject=Question About V1.6.6 Changes"
|
||||
class="link-button"
|
||||
>
|
||||
Have Questions About These Changes?
|
||||
</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>
|
||||
|
||||
@@ -12,103 +12,223 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | Copyright</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2">
|
||||
</script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body class="copyright">
|
||||
<div class="landing">
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<h1 data-font="serif" class="logo duplicate"><a href="../">WATCH PARTY</a> | COPYRIGHT</h1>
|
||||
<h1 data-font="serif" class="logo"><a href="../">WATCH PARTY</a> | COPYRIGHT</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
Copyright © 2020 Ayushya Amitabh. All Rights Reserved.
|
||||
</h5>
|
||||
<p data-font="sans-bold" class="title subtitle built-with">
|
||||
Unauthorized copying of this website and Watch Party's Chrome Extension app, via any medium
|
||||
is strictly prohibited. Written by Ayushya Amitabh
|
||||
<a href="mailto:admin@chromewatchparty.com">(admin@chromewatchparty.com)</a>
|
||||
<br />
|
||||
</p>
|
||||
<p data-font="sans-bold" class="title subtitle built-with">
|
||||
ALL CONTENT ON THIS WEBSITE AND 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.
|
||||
</p>
|
||||
<p data-font="sans-bold" class="title subtitle built-with">
|
||||
Netflix logo is a trademark and intellectual property of Netflix, Inc.<br />
|
||||
Disney+ logo is a trademark and intellectual property of The Walt Disney Company<br />
|
||||
Prime logo is a trademark and intellectual property of Amazon.com, Inc.<br />
|
||||
YouTube logo is a trademark and intellectual property of Google, Inc.<br />
|
||||
Hulu logo is a trademark and intellectual property of Hulu, LLC.<br />
|
||||
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,
|
||||
LLC.<br />
|
||||
Peacock TV logo is a trademark and intellectual property of Peacock TV & NBC Universal.<br />
|
||||
Google Play Movies & TV logo is a trademark and intellectual property of Google, Inc.<br />
|
||||
Crunchyroll logo is a trademark and intellectual property of Crunchyroll and Ellation, Inc.
|
||||
<br />
|
||||
<br />
|
||||
</p>
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</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>
|
||||
<div style="margin-top: 10rem" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">Copyright</h4>
|
||||
<h4 class="sub-title" data-font="sans-bold">2020 Ayushya Amitabh</h4>
|
||||
<h4 class="sub-title" data-font="sans-bold">All Rights Reserved.</h4>
|
||||
</div>
|
||||
<div>
|
||||
<p data-font="sans" class="body">
|
||||
Unauthorized copying of this website and Watch Party's Chrome Extension app, via any
|
||||
medium is strictly prohibited. Written by Ayushya Amitabh.
|
||||
</p>
|
||||
<a data-font="sans-bold" class="underlink" href="mailto:admin@chromewatchparty.com">
|
||||
CONTACT
|
||||
</a>
|
||||
<p data-font="sans" class="body">
|
||||
All content on this website and 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.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Netflix logo is a trademark and intellectual property of Netflix, inc.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Disney+ logo is a trademark and intellectual property of The Walt Disney Company
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Prime logo is a trademark and intellectual property of Amazon.com, Inc.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Youtube logo is a trademark and intellectual property of Google, Inc.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Hulu logo is a trademark and intellectual property of Hulu, LLC.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Hbo now and hbo max logos are trademark and intellectual property of WarnerMedia
|
||||
Direct, LLC.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Peacock TV logo is a trademark and intellectual property of Peacock TV & NBC
|
||||
Universal.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Google Play Movies & TV logo is a trademark and intellectual property of Google, Inc.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Crunchyroll logo is a trademark and intellectual property of Crunchyroll and Ellation,
|
||||
Inc.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Apple TV + logo is a trademark and intellectual property of Apple, Inc.
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Rakuten Viki logo is a trademark and intellectual property of Rakuten Group
|
||||
</p>
|
||||
<p data-font="sans" class="body">
|
||||
Funimation logo is a trademark and intellectual property of Funimation Global Group,
|
||||
LLC.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -10,19 +10,13 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
@font-face {
|
||||
font-family: 'PixelSplitter';
|
||||
src: url('./fonts/pixelsplitter-bold-webfont.woff2') format('woff2'),
|
||||
url('./fonts/pixelsplitter-bold-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'GlacialBold';
|
||||
src: url('./fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
|
||||
url('./fonts/glacialindifference-bold-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'GlacialItalic';
|
||||
@@ -30,6 +24,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
url('./fonts/glacialindifference-italic-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Glacial';
|
||||
@@ -37,9 +32,6 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
url('./fonts/glacialindifference-regular-webfont.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
[data-font='serif'] {
|
||||
font-family: 'PixelSplitter', sans-serif;
|
||||
font-display: swap;
|
||||
}
|
||||
[data-font='sans'] {
|
||||
@@ -50,3 +42,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
font-family: 'GlacialBold', sans-serif;
|
||||
font-display: swap;
|
||||
}
|
||||
[data-font='sans-italic'] {
|
||||
font-family: 'GlacialItalic', sans-serif;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@@ -30,290 +30,272 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
<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</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body class="home">
|
||||
<div class="landing">
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<h1 data-font="serif" class="logo duplicate">WATCH PARTY</h1>
|
||||
<h1 data-font="serif" class="logo">WATCH PARTY</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<h1 class="title" data-font="sans-bold">WATCH PARTY</h1>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
<p data-font="sans-bold" class="title subtitle">FREE. NO SIGNUP. NO BS.<br />WORKS WITH</p>
|
||||
<div class="supported">
|
||||
<div data-full-support class="supported-logo" id="netflix"></div>
|
||||
<div data-full-support class="supported-logo" id="hulu"></div>
|
||||
<div data-full-support class="supported-logo" id="disney"></div>
|
||||
<div data-full-support class="supported-logo" id="prime"></div>
|
||||
<div data-full-support class="supported-logo" id="youtube"></div>
|
||||
<div data-full-support class="supported-logo" id="hbonow"></div>
|
||||
<div data-full-support class="supported-logo" id="hbomax"></div>
|
||||
<div data-full-support class="supported-logo" id="peacock"></div>
|
||||
<div data-full-support class="supported-logo" id="googleplay"></div>
|
||||
<div data-full-support class="supported-logo" id="crunchyroll"></div>
|
||||
<div data-beta-support class="supported-logo" id="appletv"></div>
|
||||
<div data-beta-support class="supported-logo" id="viki"></div>
|
||||
<div data-beta-support class="supported-logo" id="funimation"></div>
|
||||
</div>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="https://request.chromewatchparty.com"
|
||||
class="link-button duplicate"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button">
|
||||
Get Chrome Extension
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div class="features">
|
||||
<p data-font="sans-bold" class="title subtitle">FEATURES</p>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="sync">
|
||||
<video loop muted autoplay src="./media/features/Sync.mp4"></video>
|
||||
<div class="overlap">
|
||||
<div class="info">
|
||||
<div class="info-card">
|
||||
<video muted autoplay loop src="/media/features/Sync.mp4"></video>
|
||||
</div>
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">STAY IN SYNC.</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Watch Party syncs your favorite shows, with your favorite people, on your favorite
|
||||
streaming services.
|
||||
</p>
|
||||
<a href="/#supported-services" class="underlink" data-font="sans-bold"
|
||||
>SEE SUPPORTED SERVICES</a
|
||||
>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">Watch Party syncs play, pause and timestamp.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="phone">
|
||||
<video loop muted autoplay src="./media/features/Phone.mp4"></video>
|
||||
<div class="info">
|
||||
<div class="info-card">
|
||||
<video muted autoplay loop src="/media/features/All.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">FEATURE RICH.</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Chat with GIFs, group voice calls, and other features to make the most of your watching
|
||||
party.
|
||||
</p>
|
||||
<a href="/#features" class="underlink" data-font="sans-bold">SEE ALL FEATURES</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="supported-services" class="supported text-section">
|
||||
<div class="bright-circle"></div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">
|
||||
SUPPORT FOR ALL YOUR FAVORITE STREAMING SERVICES
|
||||
</h4>
|
||||
<div class="description">
|
||||
<p class="body" data-font="sans">
|
||||
Watch with your favorite people on your favorite streaming service. Don't miss out on
|
||||
your favorite Anime, K-Drama, or American classic no matter how far away you are.
|
||||
</p>
|
||||
<a
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=REQUEST SUPPORT FOR STREAMING SERVICE"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
REQUEST SUPPORT
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-grid">
|
||||
<div id="netflix" class="support-card"></div>
|
||||
<div id="hulu" class="support-card"></div>
|
||||
<div id="disney" class="support-card"></div>
|
||||
<div id="prime" class="support-card"></div>
|
||||
<div id="youtube" class="support-card"></div>
|
||||
<div id="hbo" class="support-card"></div>
|
||||
<div id="peacock" class="support-card"></div>
|
||||
<div id="google" class="support-card"></div>
|
||||
<div id="crunchyroll" class="support-card"></div>
|
||||
<div id="apple" class="support-card"></div>
|
||||
<div id="viki" class="support-card"></div>
|
||||
<div id="funimation" class="support-card"></div>
|
||||
</div>
|
||||
<div id="features" class="features bubble left">
|
||||
<div class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">
|
||||
ALL THE FEATURES THAT YOU WANT, WITHOUT BEING IN YOUR WAY
|
||||
</h4>
|
||||
<div class="description">
|
||||
<p class="body" data-font="sans">
|
||||
Watch Party is built to not be in your way. There when you need it, hidden when you
|
||||
don't.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overlap features card-grid">
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">SYNCED</h4>
|
||||
<video muted autoplay loop src="/media/features/Sync.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
Watch Party syncs your shows, no more skipping ahead or falling behind.
|
||||
</p>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">GROUP CALL</h4>
|
||||
<video muted autoplay loop src="/media/features/Phone.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
Free group voice calls - for when text and GIFs just won't do.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="chat">
|
||||
<video loop muted autoplay src="./media/features/Chat.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">Unlimited gifs from Giphy in chat.</p>
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">GIFs</h4>
|
||||
<video muted autoplay loop src="/media/features/Chat.mp4"></video>
|
||||
<p data-font="sans" class="body">Unlimited gifs from Giphy in chat.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="delete">
|
||||
<video loop muted autoplay src="./media/features/Delete.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">AUTO-DELETE</h4>
|
||||
<video muted autoplay loop src="/media/features/Delete.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
What happens in Watch Party, stays in Watch Party - for 24 hours, then it's all gone.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="hideable">
|
||||
<video loop muted autoplay src="./media/features/Hideable.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">HIDDEN</h4>
|
||||
<video muted autoplay loop src="/media/features/Hideable.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
There when you need it, hideable when you want to focus on the show.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="custom">
|
||||
<video loop muted autoplay src="./media/features/Custom.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">SECURE</h4>
|
||||
<video muted autoplay loop src="/media/features/Custom.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
No party crashers. Custom party names secured with custom pins.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="signup">
|
||||
<video loop muted autoplay src="./media/features/Signup.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">No sign up, no login, no data taken from you.</p>
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">PRIVACY</h4>
|
||||
<video muted autoplay loop src="/media/features/Sync.mp4"></video>
|
||||
<p data-font="sans" class="body">No sign up, no login, no data taken from you.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="getting-started" class="pop-features">
|
||||
<p data-font="sans-bold" class="title subtitle">GETTING STARTED</p>
|
||||
<div class="pop-feature">
|
||||
<div id="title-card-container">
|
||||
<div id="title-card">
|
||||
<div data-font="serif" id="fab">WP</div>
|
||||
<div id="sidebar"></div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</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. The sidebar is now resizeable, and now supports having access to Watch Party in
|
||||
fullscreen. (Use the fullscreen button in the sidebar)
|
||||
</p>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pop-feature alternate">
|
||||
<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 class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="pop-feature">
|
||||
<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>
|
||||
<video
|
||||
muted
|
||||
autoplay
|
||||
loop
|
||||
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
|
||||
></video>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ti" class="mm">
|
||||
<div id="tn">SOMEONE</div>
|
||||
<div id="tr">
|
||||
<video
|
||||
autoplay
|
||||
loop
|
||||
muted
|
||||
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
|
||||
></video>
|
||||
</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 alternate">
|
||||
<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>
|
||||
<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>
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
"short_name": "WP",
|
||||
"display": "browser",
|
||||
"start_url": ".",
|
||||
"theme_color": "#c0f300",
|
||||
"background_color": "black",
|
||||
"theme_color": "black",
|
||||
"background_color": "#beff94",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/icons/android-icon-36x36.png",
|
||||
|
||||
|
Before Width: | Height: | Size: 184 KiB |
|
Before Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 218 KiB |
|
After Width: | Height: | Size: 230 KiB |
|
Before Width: | Height: | Size: 146 KiB |
|
After Width: | Height: | Size: 148 KiB |
|
Before Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 33 KiB |
|
Before Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
Before Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 79 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
Before Width: | Height: | Size: 162 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
Before Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,45 +0,0 @@
|
||||
/************************************************************************
|
||||
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.
|
||||
************************************************************************/
|
||||
|
||||
var LOGO_INIT = 0;
|
||||
var GET_INIT = 0;
|
||||
function handleSticky() {
|
||||
const logo = document.querySelector('.logo.duplicate');
|
||||
const get = document.querySelector('.landing .link-button.duplicate');
|
||||
if (window.scrollY >= LOGO_INIT + logo.offsetHeight) {
|
||||
logo.classList.add('stickied');
|
||||
} else {
|
||||
logo.classList.remove('stickied');
|
||||
}
|
||||
if (get) {
|
||||
if (window.scrollY >= GET_INIT + get.offsetHeight) {
|
||||
get.classList.add('stickied');
|
||||
} else {
|
||||
get.classList.remove('stickied');
|
||||
}
|
||||
}
|
||||
}
|
||||
function handleLogoMargin () {
|
||||
const logo = document.querySelector('.logo.duplicate');
|
||||
if (logo) document.documentElement.style.setProperty('--logo-offset', '-' + logo.offsetHeight + 'px');
|
||||
const linkButton = document.querySelector('.link-button.duplicate');
|
||||
if (linkButton) document.documentElement.style.setProperty('--link-button-offset', '-' + linkButton.offsetHeight + 'px');
|
||||
}
|
||||
window.onload = function () {
|
||||
LOGO_INIT = document.querySelector('.logo').offsetTop;
|
||||
GET_INIT = document.querySelector('.landing .link-button')
|
||||
? document.querySelector('.landing .link-button').offsetTop
|
||||
: 0;
|
||||
this.handleLogoMargin();
|
||||
window.addEventListener('scroll', this.handleSticky);
|
||||
window.addEventListener('resize', this.handleLogoMargin);
|
||||
};
|
||||
@@ -10,10 +10,24 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
html {
|
||||
font-size: 7px !important;
|
||||
body {
|
||||
padding: 20rem;
|
||||
padding-top: 15rem;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 7px !important;
|
||||
.bubble.right {
|
||||
margin-left: -20rem;
|
||||
padding-left: 20rem;
|
||||
padding-right: 20rem;
|
||||
}
|
||||
|
||||
.bubble.left {
|
||||
margin-left: -15rem;
|
||||
margin-right: -20rem;
|
||||
padding-left: 15rem;
|
||||
padding-right: 20rem;
|
||||
}
|
||||
|
||||
.bright-circle {
|
||||
display: initial !important;
|
||||
}
|
||||
|
||||
@@ -10,667 +10,291 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
@keyframes circleFloat {
|
||||
0% {
|
||||
top: -12.5rem;
|
||||
left: -12.5rem;
|
||||
}
|
||||
25% {
|
||||
top: -14rem;
|
||||
left: -13rem;
|
||||
}
|
||||
50% {
|
||||
left: -11rem;
|
||||
}
|
||||
75% {
|
||||
top: -11rem;
|
||||
}
|
||||
100% {
|
||||
top: -12.5rem;
|
||||
left: -12.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0em;
|
||||
padding: 0em;
|
||||
user-select: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 10px;
|
||||
font-size: 10px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 10px;
|
||||
background-color: var(--primary);
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.landing {
|
||||
padding-top: 12.5rem;
|
||||
padding-left: 10rem;
|
||||
}
|
||||
|
||||
.logo-circle {
|
||||
border-radius: 100%;
|
||||
width: 60rem;
|
||||
height: 60rem;
|
||||
position: absolute;
|
||||
top: -12.5rem;
|
||||
left: -12.5rem;
|
||||
z-index: -1 !important;
|
||||
background-color: var(--primary-light);
|
||||
animation: circleFloat 3s ease-in-out 0s infinite;
|
||||
}
|
||||
.logo-circle:nth-of-type(2) {
|
||||
animation-delay: 0.5s;
|
||||
}
|
||||
.logo-circle:nth-of-type(3) {
|
||||
animation-delay: 1.5s;
|
||||
}
|
||||
|
||||
.logo {
|
||||
color: var(--cta);
|
||||
font-size: 7.2rem;
|
||||
letter-spacing: 2.2rem;
|
||||
}
|
||||
|
||||
.logo.duplicate {
|
||||
margin-bottom: var(--logo-offset);
|
||||
opacity: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.link-button.duplicate {
|
||||
margin-bottom: var(--link-button-offset);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.logo-tag {
|
||||
color: var(--primary-text);
|
||||
font-size: 3.2rem;
|
||||
letter-spacing: 1.375rem;
|
||||
margin: 6rem 0;
|
||||
line-height: 6.4rem;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 3rem;
|
||||
color: var(--primary-text);
|
||||
letter-spacing: 0.75rem;
|
||||
margin: 3rem 0;
|
||||
display: inline-block;
|
||||
line-height: 6rem;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
color: var(--primary-text);
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.supported-logo {
|
||||
display: inline-block;
|
||||
padding: 10rem;
|
||||
margin: 2.5rem;
|
||||
background-position: center !important;
|
||||
background-size: contain !important;
|
||||
background-repeat: no-repeat !important;
|
||||
font-size: 10px !important;
|
||||
background-color: var(--color-primary);
|
||||
transition: all ease-in-out 0.2s;
|
||||
}
|
||||
|
||||
.link-button {
|
||||
display: table;
|
||||
a {
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
a[href]::after {
|
||||
display: inline-block;
|
||||
content: '↗';
|
||||
margin-left: 1rem;
|
||||
transition: all ease-in-out 0.2s;
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
a:hover::after {
|
||||
transform: scale(1.5);
|
||||
}
|
||||
|
||||
.underlink {
|
||||
font-size: 1.8rem;
|
||||
letter-spacing: 2px;
|
||||
text-decoration: none;
|
||||
padding: 3rem 7.5rem;
|
||||
color: var(--primary);
|
||||
background-color: var(--cta);
|
||||
font-size: 4rem;
|
||||
border-radius: 7.5rem;
|
||||
}
|
||||
|
||||
.features {
|
||||
margin: 6rem 0;
|
||||
padding-left: 10rem;
|
||||
.title {
|
||||
font-size: 7.2rem;
|
||||
margin-bottom: 5rem;
|
||||
letter-spacing: 1rem;
|
||||
}
|
||||
|
||||
.features .title {
|
||||
a.title {
|
||||
display: block;
|
||||
margin-top: 10rem;
|
||||
}
|
||||
|
||||
.feature-card {
|
||||
background-color: var(--primary-light);
|
||||
padding: 6rem 7.5rem;
|
||||
margin: 10rem 0;
|
||||
}
|
||||
|
||||
.feature-icon video {
|
||||
border-radius: 100%;
|
||||
width: 10rem;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
margin-top: 9rem;
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
.feature-card .feature-icon video {
|
||||
transform: scale(2.5) translateY(-50%) translateX(1.5rem);
|
||||
}
|
||||
|
||||
.feature-text {
|
||||
color: var(--primary-text);
|
||||
font-size: 2.8rem;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: var(--primary-medium);
|
||||
padding: 6rem 10rem;
|
||||
}
|
||||
|
||||
footer .title {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.built-with a {
|
||||
color: var(--cta);
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid var(--cta);
|
||||
padding-bottom: 0.5rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
footer .link-button {
|
||||
margin: 3rem 0;
|
||||
position: relative;
|
||||
width: calc(100% - 15rem);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.copyright .landing {
|
||||
flex: 1;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.welcome .logo,
|
||||
.copyright .logo {
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.welcome .logo a,
|
||||
.copyright .logo a {
|
||||
color: var(--cta);
|
||||
text-decoration: none;
|
||||
padding-bottom: 0.5rem;
|
||||
line-height: 125%;
|
||||
border-bottom: 1px solid;
|
||||
}
|
||||
|
||||
.welcome .landing video {
|
||||
display: block;
|
||||
max-width: 85%;
|
||||
height: auto;
|
||||
border-radius: 7rem;
|
||||
border: 2px solid var(--cta);
|
||||
margin: 10rem 0;
|
||||
box-shadow: 0px 0px 50px #c0f30054;
|
||||
}
|
||||
|
||||
.welcome .landing .title.subtitle {
|
||||
display: table;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.welcome .landing#tips .tip {
|
||||
padding: 3rem 0;
|
||||
border-bottom: 0.5px solid var(--cta);
|
||||
padding-right: 3rem;
|
||||
}
|
||||
|
||||
.welcome .landing#tips .tip:last-of-type {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.welcome .landing#tips .link-button {
|
||||
margin-bottom: 7rem;
|
||||
}
|
||||
|
||||
.welcome .landing#tips .tip h6 {
|
||||
color: var(--primary-text);
|
||||
font-size: 3rem;
|
||||
.sub-title {
|
||||
font-size: 3.6rem;
|
||||
letter-spacing: 0.5rem;
|
||||
}
|
||||
|
||||
.welcome .landing#tips .tip p {
|
||||
color: var(--primary-text);
|
||||
font-size: 3rem;
|
||||
margin: 1.5rem 0;
|
||||
letter-spacing: 0.25rem;
|
||||
}
|
||||
|
||||
.landing .supported .supported-logo {
|
||||
position: relative;
|
||||
border-bottom: 2px solid var(--cta);
|
||||
}
|
||||
.landing .supported .supported-logo[data-full-support]::before,
|
||||
.landing .supported .supported-logo[data-beta-support]::before,
|
||||
.landing .supported .supported-logo[data-upcoming-support]::before {
|
||||
content: 'FULLY SUPPORTED';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
height: 2rem;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
transition: all ease-out 0.3s;
|
||||
font-size: 0.8rem;
|
||||
text-align: center;
|
||||
color: var(--primary);
|
||||
font-family: 'GlacialBold';
|
||||
background-color: var(--cta);
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.landing .supported .supported-logo[data-beta-support]::before {
|
||||
content: 'BETA SUPPORT';
|
||||
}
|
||||
|
||||
.landing .supported .supported-logo[data-upcoming-support]::before {
|
||||
content: attr(data-upcoming-support);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.home .pop-features {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.pop-features {
|
||||
padding: 35px;
|
||||
padding-left: 70px;
|
||||
}
|
||||
|
||||
.pop-features .title {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
.pop-feature {
|
||||
width: 100%;
|
||||
height: fit-content;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.pop-feature > * {
|
||||
flex: 1;
|
||||
margin: 40px 0;
|
||||
}
|
||||
|
||||
#title-card {
|
||||
border-radius: 26px;
|
||||
background: var(--primary-light);
|
||||
width: 500px;
|
||||
position: relative;
|
||||
height: 500px;
|
||||
box-shadow: 0px 0px 84px var(--primary-medium);
|
||||
margin: 0 auto;
|
||||
}
|
||||
div#title-card {
|
||||
width: calc(500px - 60px);
|
||||
height: calc(500px - 60px);
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
h5#title-card-title {
|
||||
font-size: 20px;
|
||||
color: var(--cta);
|
||||
letter-spacing: 5px;
|
||||
}
|
||||
|
||||
h3#title-card-subtitle {
|
||||
font-size: 30px;
|
||||
letter-spacing: 5px;
|
||||
margin: 7.5px 0px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
p#control-notification,
|
||||
p#control-autorejoin,
|
||||
p#control-admin {
|
||||
font-size: 15px;
|
||||
padding: 10px 55px;
|
||||
background: var(--primary);
|
||||
border-radius: 26px;
|
||||
color: var(--primary-text);
|
||||
box-shadow: 0px 0px 20px var(--primary-medium);
|
||||
margin: 35px 0px;
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
p#control-notification {
|
||||
margin-left: -150px;
|
||||
}
|
||||
|
||||
p#control-autorejoin {
|
||||
margin-left: 100px;
|
||||
}
|
||||
|
||||
p#control-admin {
|
||||
margin-left: -75px;
|
||||
}
|
||||
|
||||
p#control-notification span,
|
||||
p#control-autorejoin span,
|
||||
p#control-admin span {
|
||||
display: block;
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.pop-feature .explanation > div {
|
||||
margin: auto auto;
|
||||
align-items: center;
|
||||
max-width: 55%;
|
||||
}
|
||||
|
||||
.pop-feature .explanation div h4 {
|
||||
color: var(--primary-text);
|
||||
font-size: 20px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 5px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.pop-feature .explanation p {
|
||||
color: var(--primary-text);
|
||||
font-size: 16px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 5px;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.pop-feature .explanation {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h5#system-message {
|
||||
text-align: center;
|
||||
color: var(--primary-text);
|
||||
font-size: 16px;
|
||||
.body {
|
||||
font-size: 2.5rem;
|
||||
letter-spacing: 2px;
|
||||
margin: 5px 0;
|
||||
margin: 3rem 0px;
|
||||
}
|
||||
|
||||
p#call-user-chip {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
padding: 10px 25px;
|
||||
color: var(--primary-text);
|
||||
border-radius: 26px;
|
||||
background: var(--cta);
|
||||
color: var(--primary-medium);
|
||||
margin-right: 20px;
|
||||
position: relative;
|
||||
margin-bottom: 20px;
|
||||
body {
|
||||
padding: 10rem;
|
||||
}
|
||||
|
||||
p#call-user-chip.not-me-user-chip {
|
||||
background: var(--primary);
|
||||
color: var(--primary-text);
|
||||
display: inline-flex;
|
||||
margin: 0;
|
||||
max-width: fit-content;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.bubble {
|
||||
border-width: 5rem;
|
||||
border-color: var(--color-bright);
|
||||
border-style: solid;
|
||||
background-color: var(--color-bright);
|
||||
border-radius: 90rem;
|
||||
padding-top: 20rem;
|
||||
padding-bottom: 20rem;
|
||||
}
|
||||
|
||||
p#call-user-chip.not-me-user-chip input {
|
||||
margin-left: 20px;
|
||||
.bubble.empty {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
h6#title-card-tagline {
|
||||
color: var(--primary-medium);
|
||||
font-size: 15px;
|
||||
color: var(--primary);
|
||||
margin: 20px 0;
|
||||
letter-spacing: 3.5px;
|
||||
.bubble.right {
|
||||
border-left-width: 0;
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-left: -10rem;
|
||||
margin-right: -10rem;
|
||||
padding-left: 10rem;
|
||||
padding-right: 10rem;
|
||||
}
|
||||
|
||||
@keyframes circleMove {
|
||||
0% {
|
||||
right: -40px;
|
||||
bottom: -40px;
|
||||
}
|
||||
35% {
|
||||
right: 200px;
|
||||
bottom: 350px;
|
||||
}
|
||||
60% {
|
||||
right: 200px;
|
||||
bottom: 350px;
|
||||
}
|
||||
75% {
|
||||
right: -40px;
|
||||
bottom: -40px;
|
||||
}
|
||||
100% {
|
||||
right: -40px;
|
||||
bottom: -40px;
|
||||
}
|
||||
}
|
||||
@keyframes rectSize {
|
||||
0% {
|
||||
width: 0;
|
||||
}
|
||||
35% {
|
||||
width: 300px;
|
||||
}
|
||||
60% {
|
||||
width: 300px;
|
||||
}
|
||||
75% {
|
||||
width: 0;
|
||||
}
|
||||
100% {
|
||||
width: 0;
|
||||
}
|
||||
.bubble.left {
|
||||
border-right-width: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
margin-left: -10rem;
|
||||
margin-right: -10rem;
|
||||
padding-left: 10rem;
|
||||
padding-right: 10rem;
|
||||
}
|
||||
|
||||
div#fab {
|
||||
background: var(--primary);
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
border-radius: 100px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 60px;
|
||||
letter-spacing: 5px;
|
||||
.big-button {
|
||||
display: block;
|
||||
background-color: var(--color-secondary);
|
||||
border-radius: 20rem;
|
||||
color: var(--color-primary);
|
||||
padding: 2.5rem 5rem;
|
||||
margin: 10rem 0rem;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
color: var(--cta);
|
||||
position: absolute;
|
||||
right: 250px;
|
||||
bottom: 250px;
|
||||
animation: circleMove 2s linear 0s infinite alternate !important;
|
||||
z-index: 99;
|
||||
filter: drop-shadow(0px 0px 20px var(--primary));
|
||||
font-size: 1.8rem;
|
||||
text-decoration: none;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
div#title-card {
|
||||
position: relative;
|
||||
a.big-button::after {
|
||||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
div#sidebar {
|
||||
width: 300px;
|
||||
height: 120%;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
background: var(--cta);
|
||||
top: -10%;
|
||||
border-top-right-radius: 26px;
|
||||
border-bottom-right-radius: 26px;
|
||||
animation: rectSize 2s linear 0s infinite alternate !important;
|
||||
box-shadow: -5px 0px 50px var(--primary-medium);
|
||||
.overlap {
|
||||
margin-top: -20rem;
|
||||
}
|
||||
|
||||
/*
|
||||
T H R E A D
|
||||
D E M O S
|
||||
*/
|
||||
|
||||
#ti * {
|
||||
font-size: 14px !important;
|
||||
font-family: 'Glacial';
|
||||
letter-spacing: 1.1px;
|
||||
.info {
|
||||
margin-bottom: 10rem;
|
||||
}
|
||||
|
||||
#ti {
|
||||
color: white;
|
||||
width: fit-content;
|
||||
margin: 10px 0;
|
||||
.info .info-card {
|
||||
background-color: var(--color-dim);
|
||||
border-radius: 2.5rem;
|
||||
height: 45rem;
|
||||
width: 100%;
|
||||
}
|
||||
#tm {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
#tm #tt {
|
||||
height: 0;
|
||||
overflow-y: visible;
|
||||
font-size: 10px;
|
||||
transition: all ease-in-out 0.3s;
|
||||
/* transition-delay: 0.1s; */
|
||||
white-space: nowrap;
|
||||
margin-bottom: 5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.info .info-card {
|
||||
color: var(--color-primary);
|
||||
font-size: 15rem;
|
||||
letter-spacing: 1rem;
|
||||
}
|
||||
|
||||
.info .info-card video {
|
||||
margin: 0 auto;
|
||||
clip-path: circle();
|
||||
max-height: 30rem;
|
||||
}
|
||||
|
||||
.info .info-card svg {
|
||||
width: 30rem;
|
||||
height: 30rem;
|
||||
}
|
||||
|
||||
.info .info-text p .underlink {
|
||||
display: block;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
|
||||
.supported.text-section {
|
||||
position: relative;
|
||||
margin-top: 20rem;
|
||||
}
|
||||
|
||||
.bright-circle {
|
||||
width: 50rem;
|
||||
height: 50rem;
|
||||
background-color: var(--color-bright);
|
||||
position: absolute;
|
||||
border-radius: 80rem;
|
||||
z-index: -1;
|
||||
left: -10rem;
|
||||
top: -7.5rem;
|
||||
}
|
||||
|
||||
.card-grid {
|
||||
max-height: fit-content;
|
||||
margin-bottom: 10rem;
|
||||
}
|
||||
|
||||
.card-grid::-webkit-scrollbar {
|
||||
height: 0.7rem !important;
|
||||
}
|
||||
|
||||
.card-grid::-webkit-scrollbar-track {
|
||||
background-color: var(--color-tertiary);
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.card-grid::-webkit-scrollbar-thumb {
|
||||
background-color: var(--color-secondary);
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.card-grid::after {
|
||||
content: '.';
|
||||
opacity: 0;
|
||||
color: #9f9f9f;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: row-reverse;
|
||||
margin-right: 50rem;
|
||||
}
|
||||
#tm #tt span {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
#tm #tt #ri {
|
||||
position: absolute;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
padding: 15px;
|
||||
color: #c0f300;
|
||||
font-size: 20px;
|
||||
border-radius: 26px;
|
||||
z-index: 99 !important;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
background-color: white;
|
||||
background-image: url('https://www.materialui.co/materialIcons/content/reply_grey_192x192.png');
|
||||
|
||||
.card-grid .support-card {
|
||||
display: inline-block;
|
||||
min-width: 30rem;
|
||||
min-height: 30rem;
|
||||
width: 30rem;
|
||||
height: 30rem;
|
||||
margin: 3rem;
|
||||
border-radius: 2.5rem;
|
||||
background-color: var(--color-tertiary);
|
||||
background-size: 75%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
bottom: 0;
|
||||
transition: all ease-in-out 0.3s;
|
||||
/* transition-delay: 0.1s; */
|
||||
}
|
||||
#ti:hover #tm #tt {
|
||||
height: 24px;
|
||||
margin-bottom: 7px;
|
||||
opacity: 1;
|
||||
|
||||
.card-grid a.support-card::after {
|
||||
content: none;
|
||||
}
|
||||
#tm p {
|
||||
max-width: 40%;
|
||||
padding: 5px 15px;
|
||||
background: #424242;
|
||||
border-radius: 26px;
|
||||
z-index: 99 !important;
|
||||
transition: all ease-in-out 0.3s;
|
||||
/* transition-delay: 0.1s; */
|
||||
width: fit-content;
|
||||
|
||||
.features.card-grid {
|
||||
overflow-y: hidden;
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
padding-bottom: 3rem;
|
||||
}
|
||||
#tm video {
|
||||
max-width: 40%;
|
||||
border-radius: 26px;
|
||||
transition: all ease-in-out 0.3s;
|
||||
/* transition-delay: 0.1s; */
|
||||
z-index: 99;
|
||||
}
|
||||
#ti:hover #tm p,
|
||||
#ti:hover #tm video {
|
||||
margin-left: 40px;
|
||||
}
|
||||
#tm #tt #ri:hover {
|
||||
opacity: 0.6;
|
||||
}
|
||||
#tn {
|
||||
font-size: 11px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 7px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
#tr {
|
||||
font-size: 11px;
|
||||
margin-bottom: -20px;
|
||||
padding: 7.5px 15px;
|
||||
padding-bottom: 25px;
|
||||
border-radius: 13px;
|
||||
background: #222222;
|
||||
width: fit-content;
|
||||
max-width: 35%;
|
||||
z-index: 99 !important;
|
||||
transition: all ease-in-out 0.3s;
|
||||
/* transition-delay: 0.1s; */
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
cursor: pointer;
|
||||
}
|
||||
#tr video {
|
||||
max-height: 50px;
|
||||
border-radius: 26px;
|
||||
transition: all ease-in-out 0.3s;
|
||||
/* transition-delay: 0.1s; */
|
||||
}
|
||||
#ti:hover #tr {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 7.5px;
|
||||
}
|
||||
#tr:hover {
|
||||
background: #111111;
|
||||
}
|
||||
#ti.mm {
|
||||
|
||||
.features.card-grid .support-card {
|
||||
min-width: 50rem;
|
||||
min-height: 50rem;
|
||||
margin: 3rem;
|
||||
background-image: none;
|
||||
background-color: var(--color-dim);
|
||||
padding: 10rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
align-items: flex-start;
|
||||
}
|
||||
#ti.mm #tn {
|
||||
display: none;
|
||||
|
||||
.features.card-grid .support-card video {
|
||||
clip-path: circle();
|
||||
height: 20rem;
|
||||
flex: 1;
|
||||
}
|
||||
#ti.mm #tm {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
|
||||
footer {
|
||||
margin-top: 20rem;
|
||||
}
|
||||
#ti.mm #tm p {
|
||||
text-align: right;
|
||||
|
||||
.link-list {
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
#ti.mm #tm #tt {
|
||||
flex-direction: row;
|
||||
|
||||
.link-list .link-list-title {
|
||||
font-size: 2.2rem;
|
||||
padding-bottom: 1.5rem;
|
||||
border-bottom: 1px solid var(--color-secondary);
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
#ti.mm #tm #tt #ri {
|
||||
right: 0;
|
||||
left: unset;
|
||||
|
||||
.link-list .underlink {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
margin: 2.5rem 0;
|
||||
}
|
||||
#ti.mm:hover #tm p,
|
||||
#ti.mm:hover #tm video {
|
||||
margin-left: 0;
|
||||
margin-right: 40px;
|
||||
|
||||
.link-list .underlink:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
video::-internal-media-controls-overlay-cast-button {
|
||||
display: none;
|
||||
|
||||
footer .end-line .underlink::after {
|
||||
content: unset;
|
||||
}
|
||||
|
||||
footer .end-line .underlink:first-of-type {
|
||||
display: block;
|
||||
margin-bottom: 2.5rem;
|
||||
}
|
||||
|
||||
footer .end-line .underlink svg {
|
||||
fill: var(--color-dim);
|
||||
margin-right: 2.5rem;
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
footer .end-line .underlink svg:hover {
|
||||
fill: var(--color-secondary);
|
||||
}
|
||||
|
||||
.versions .support-card {
|
||||
font-size: 7rem;
|
||||
text-decoration: none;
|
||||
letter-spacing: 4px;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@@ -10,49 +10,101 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
.features,
|
||||
.supported {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.landing video {
|
||||
max-width: 45%;
|
||||
}
|
||||
|
||||
.home .pop-features {
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
.pop-feature {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.pop-feature {
|
||||
margin: 100px 0;
|
||||
}
|
||||
|
||||
.pop-feature > * {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pop-feature .explanation {
|
||||
.big-button {
|
||||
text-align: left;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
.pop-feature .explanation div {
|
||||
margin-left: 0;
|
||||
padding: 50px;
|
||||
.info {
|
||||
width: 70rem;
|
||||
max-width: 70rem;
|
||||
display: inline-table;
|
||||
}
|
||||
|
||||
.pop-feature.alternate {
|
||||
flex-direction: row-reverse;
|
||||
.info:not(:last-of-type) {
|
||||
margin-right: 6rem;
|
||||
}
|
||||
|
||||
.pop-feature.alternate .explanation {
|
||||
text-align: right;
|
||||
.link-section {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.pop-feature.pop-feature.alternate .explanation div {
|
||||
margin-left: auto;
|
||||
margin-right: 0;
|
||||
.link-section .link-list {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.link-section .link-list:not(:last-of-type) {
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
|
||||
.card-grid .support-card {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
box-shadow: 0px 0px 1rem transparent;
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
.card-grid .support-card:hover {
|
||||
box-shadow: 0px 0px 3rem var(--color-secondary-light);
|
||||
}
|
||||
|
||||
.features.card-grid .support-card::before {
|
||||
content: '';
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
position: absolute;
|
||||
border-radius: 20rem;
|
||||
background-color: var(--color-secondary-light);
|
||||
bottom: -5rem;
|
||||
left: -5rem;
|
||||
transition: all linear 0.4s;
|
||||
opacity: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.features.card-grid .support-card:hover::before {
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.features.card-grid .support-card > * {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
footer .end-line {
|
||||
border-top: 1px solid var(--color-secondary);
|
||||
padding-top: 2.5rem;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
footer .end-line .underlink:first-of-type {
|
||||
flex: 1;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
footer .end-line .underlink:not(:last-of-type) {
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
|
||||
.text-section .info {
|
||||
width: 100%;
|
||||
max-width: 150rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.text-section .info .info-text {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.text-section .info .info-text > * {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.text-section .info .info-text .sub-title {
|
||||
margin-top: 2.5rem;
|
||||
margin-right: 6rem;
|
||||
}
|
||||
|
||||
@@ -10,285 +10,14 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
html {
|
||||
font-size: 6.5px !important;
|
||||
.bubble.right {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 6.5px !important;
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
}
|
||||
.features,
|
||||
.supported {
|
||||
max-width: 75%;
|
||||
flex: 1;
|
||||
}
|
||||
.supported-logo {
|
||||
margin-bottom: 6rem;
|
||||
}
|
||||
.link-button {
|
||||
transition: all ease-in-out 0.2s !important;
|
||||
border: 1px solid var(--cta);
|
||||
background: none;
|
||||
color: var(--cta);
|
||||
position: relative;
|
||||
}
|
||||
.link-button::before {
|
||||
content: "";
|
||||
height: 100%;
|
||||
top: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
border-radius: 7rem;
|
||||
left: 0;
|
||||
background: var(--cta);
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
.link-button:hover {
|
||||
color: var(--primary);
|
||||
z-index: 10;
|
||||
}
|
||||
.link-button:hover::before {
|
||||
width: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
.logo {
|
||||
font-size: 10rem;
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
.logo.stickied {
|
||||
font-size: 2rem;
|
||||
letter-spacing: 0.8rem;
|
||||
position: fixed;
|
||||
background-color: var(--primary);
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
opacity: 1;
|
||||
padding: 3rem 10rem;
|
||||
height: auto;
|
||||
z-index: 999 !important;
|
||||
}
|
||||
.landing .link-button.stickied {
|
||||
position: fixed;
|
||||
right: 0rem;
|
||||
top: 0;
|
||||
opacity: 1;
|
||||
border-radius: 0;
|
||||
font-size: 2rem;
|
||||
z-index: 1999 !important;
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.landing .link-button.stickied::before {
|
||||
border-radius: 0;
|
||||
}
|
||||
.landing .supported .supported-logo {
|
||||
position: relative;
|
||||
border-bottom: 2px solid var(--cta);
|
||||
}
|
||||
.landing .supported .supported-logo[data-full-support]::before,
|
||||
.landing .supported .supported-logo[data-beta-support]::before,
|
||||
.landing .supported .supported-logo[data-upcoming-support]::before {
|
||||
bottom: 0;
|
||||
height: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.landing .supported .supported-logo[data-full-support]:hover::before,
|
||||
.landing .supported .supported-logo[data-beta-support]:hover::before,
|
||||
.landing .supported .supported-logo[data-upcoming-support]:hover::before {
|
||||
opacity: 1;
|
||||
bottom: 0;
|
||||
height: 1.6rem;
|
||||
letter-spacing: 1.05px;
|
||||
padding-top: 1.5rem;
|
||||
z-index: -1;
|
||||
}
|
||||
.feature-card {
|
||||
background-color: var(--primary-medium);
|
||||
z-index: 1;
|
||||
width: 30rem;
|
||||
height: 30rem;
|
||||
margin: -1px;
|
||||
display: inline-block;
|
||||
padding: 3rem;
|
||||
transition: all 0.3s ease-in;
|
||||
position: relative;
|
||||
.bubble.left {
|
||||
margin-left: 0rem;
|
||||
}
|
||||
|
||||
.feature-card .feature-text {
|
||||
z-index: 1;
|
||||
display: table;
|
||||
line-height: 0;
|
||||
opacity: 0;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
.feature-card:hover {
|
||||
background-color: var(--cta);
|
||||
box-shadow: -5px 5px 100px #000000;
|
||||
z-index: 100;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
.feature-card:hover .feature-text {
|
||||
display: table;
|
||||
color: var(--primary-light);
|
||||
line-height: initial;
|
||||
opacity: 1;
|
||||
margin-top: -1.75rem;
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.feature-card .feature-icon video {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.feature-card:hover .feature-icon video {
|
||||
transform: scale(3) translateY(-50%);
|
||||
}
|
||||
|
||||
footer {
|
||||
padding-bottom: 17rem;
|
||||
}
|
||||
|
||||
footer .title {
|
||||
font-size: 2rem;
|
||||
}
|
||||
footer .built-with {
|
||||
display: block;
|
||||
}
|
||||
footer .link-button {
|
||||
max-width: fit-content;
|
||||
display: inline-table;
|
||||
margin-right: 3rem;
|
||||
padding: 0.8rem 3.375rem;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.copyright .landing {
|
||||
max-width: 75%;
|
||||
}
|
||||
|
||||
.copyright.welcome .landing {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.welcome .logo a,
|
||||
.copyright .logo a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.welcome .logo a::before,
|
||||
.copyright .logo a::before {
|
||||
content: "";
|
||||
height: 100%;
|
||||
top: -3px;
|
||||
padding-top: 2px;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
left: -1rem;
|
||||
background: var(--cta);
|
||||
transition: all ease-in-out 0.3s;
|
||||
}
|
||||
|
||||
.welcome .logo a:hover::before,
|
||||
.copyright .logo a:hover::before {
|
||||
width: calc(100% + 1rem);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.welcome .logo a:hover,
|
||||
.copyright .logo a:hover {
|
||||
color: var(--primary);
|
||||
}
|
||||
|
||||
.welcome .landing video {
|
||||
max-width: 45%;
|
||||
}
|
||||
|
||||
.welcome .landing .supported-logo {
|
||||
position: relative;
|
||||
border-bottom: 1px solid var(--cta);
|
||||
}
|
||||
|
||||
.welcome .landing#tips .tip {
|
||||
padding-right: 100px;
|
||||
transition: all ease-out 0.3s;
|
||||
}
|
||||
|
||||
.welcome .landing#tips .link-button {
|
||||
max-width: fit-content;
|
||||
display: inline-table;
|
||||
margin-right: 3rem;
|
||||
padding: 0.8rem 3.375rem;
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
.welcome .landing .supported-logo::before {
|
||||
content: "START WATCHING";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
bottom: 0;
|
||||
height: 0;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
transition: all ease-out 0.3s;
|
||||
font-size: 1.5rem;
|
||||
text-align: center;
|
||||
color: var(--primary);
|
||||
font-family: "GlacialBold";
|
||||
background-color: var(--cta);
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.welcome .landing .supported-logo[data-support]::before {
|
||||
content: attr(data-support);
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.welcome .landing .supported-logo:hover::before {
|
||||
opacity: 1;
|
||||
bottom: 0;
|
||||
height: 2rem;
|
||||
letter-spacing: 1.05px;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.welcome .landing {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.welcome .landing#tips .tip h6 {
|
||||
color: var(--primary-medium);
|
||||
transition: all ease-out 0.3s;
|
||||
}
|
||||
|
||||
.welcome .landing#tips .tip p {
|
||||
color: var(--primary-medium);
|
||||
transition: all ease-out 0.3s;
|
||||
}
|
||||
|
||||
.welcome .landing#tips .tip:hover h6,
|
||||
.welcome .landing#tips .tip:hover p {
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
.welcome .landing#tips .tip:hover {
|
||||
background-color: var(--primary-medium);
|
||||
margin-left: -2.5rem;
|
||||
border-top-left-radius: 2rem;
|
||||
border-bottom-left-radius: 2rem;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
padding-left: 2.5rem;
|
||||
}
|
||||
.welcome .landing#tips .tip:last-of-type {
|
||||
margin-bottom: 3rem;
|
||||
.link-list .underlink {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
@@ -9,7 +9,3 @@ ALL CONTENT ON WATCH PARTY'S WEBSITE OR IN WATCH PARTY'S CHROME EXTENSION APP, U
|
||||
CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
.welcome .landing video {
|
||||
max-width: 75%;
|
||||
}
|
||||
|
||||
@@ -11,37 +11,49 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
:root {
|
||||
--primary: black;
|
||||
--primary-medium: #464646;
|
||||
--primary-light: #626262;
|
||||
--cta: #c0f300;
|
||||
--primary-text: white;
|
||||
--color-primary: black;
|
||||
--color-secondary: white;
|
||||
--color-secondary-light: rgba(255, 255, 255, 0.726);
|
||||
--color-tertiary: #2e2e2e;
|
||||
--color-bright: #beff94;
|
||||
--color-dim: #dfedd6;
|
||||
}
|
||||
.supported-logo#disney {
|
||||
background-image: url('../media/logos/Disney.png');
|
||||
|
||||
.title,
|
||||
.sub-title,
|
||||
.body,
|
||||
.underlink {
|
||||
mix-blend-mode: difference !important;
|
||||
}
|
||||
.supported-logo#prime {
|
||||
background-image: url('../media/logos/Prime.png');
|
||||
|
||||
.bright-circle {
|
||||
display: none;
|
||||
}
|
||||
.supported-logo#youtube {
|
||||
background-image: url('../media/logos/Youtube.png');
|
||||
|
||||
.card-grid .support-card#disney {
|
||||
background-image: url('/media/logos/Disney.webp');
|
||||
}
|
||||
.supported-logo#hbonow {
|
||||
background-image: url('../media/logos/HBONowWhite.png');
|
||||
.card-grid .support-card#prime {
|
||||
background-image: url('/media/logos/Prime.webp');
|
||||
}
|
||||
.supported-logo#hbomax {
|
||||
background-image: url('../media/logos/HBOMaxWhite.png');
|
||||
.card-grid .support-card#youtube {
|
||||
background-image: url('/media/logos/Youtube.webp');
|
||||
}
|
||||
.supported-logo#peacock {
|
||||
background-image: url('../media/logos/Peacock.png');
|
||||
.card-grid .support-card#hbo {
|
||||
background-image: url('/media/logos/HBOMaxWhite.webp');
|
||||
}
|
||||
.supported-logo#appletv {
|
||||
background-image: url('../media/logos/AppleTVWhite.png');
|
||||
.card-grid .support-card#peacock {
|
||||
background-image: url('/media/logos/Peacock.webp');
|
||||
}
|
||||
.supported-logo#viki {
|
||||
background-image: url('../media/logos/Viki.png');
|
||||
.card-grid .support-card#google {
|
||||
background-image: url('/media/logos/GooglePlay.webp');
|
||||
}
|
||||
.supported-logo#funimation {
|
||||
background-image: url('../media/logos/FunimationWhite.png');
|
||||
background-size: 60% !important;
|
||||
.card-grid .support-card#crunchyroll {
|
||||
background-image: url('/media/logos/Crunchyroll.webp');
|
||||
}
|
||||
.card-grid .support-card#apple {
|
||||
background-image: url('/media/logos/AppleTVWhite.webp');
|
||||
}
|
||||
.card-grid .support-card#funimation {
|
||||
background-image: url('/media/logos/FunimationWhite.webp');
|
||||
}
|
||||
|
||||
@@ -5,56 +5,54 @@ 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.
|
||||
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.
|
||||
************************************************************************/
|
||||
|
||||
:root {
|
||||
--primary: white;
|
||||
--primary-medium: #c5c5c5;
|
||||
--primary-light: #c0f300;
|
||||
--cta: black;
|
||||
--primary-text: black;
|
||||
--color-primary: white;
|
||||
--color-secondary: black;
|
||||
--color-secondary-light: rgba(87, 87, 87, 0.3);
|
||||
--color-tertiary: #f7f6f6;
|
||||
--color-bright: #beff94;
|
||||
--color-dim: #dfedd6;
|
||||
font-size: 10px;
|
||||
}
|
||||
.supported-logo#netflix {
|
||||
background-image: url('../media/logos/Netflix.png');
|
||||
|
||||
.card-grid .support-card#netflix {
|
||||
background-image: url('/media/logos/Netflix.webp');
|
||||
}
|
||||
.supported-logo#hulu {
|
||||
background-image: url('../media/logos/Hulu.png');
|
||||
.card-grid .support-card#hulu {
|
||||
background-image: url('/media/logos/Hulu.webp');
|
||||
}
|
||||
.supported-logo#disney {
|
||||
background-image: url('../media/logos/DisneyColor.png');
|
||||
.card-grid .support-card#disney {
|
||||
background-image: url('/media/logos/DisneyColor.webp');
|
||||
}
|
||||
.supported-logo#prime {
|
||||
background-image: url('../media/logos/PrimeColor.png');
|
||||
.card-grid .support-card#prime {
|
||||
background-image: url('/media/logos/PrimeColor.webp');
|
||||
}
|
||||
.supported-logo#youtube {
|
||||
background-image: url('../media/logos/YoutubeColor.png');
|
||||
.card-grid .support-card#youtube {
|
||||
background-image: url('/media/logos/YoutubeColor.webp');
|
||||
}
|
||||
.supported-logo#hbonow {
|
||||
background-image: url('../media/logos/HBONowBlack.png');
|
||||
.card-grid .support-card#hbo {
|
||||
background-image: url('/media/logos/HBOMax.webp');
|
||||
}
|
||||
.supported-logo#hbomax {
|
||||
background-image: url('../media/logos/HBOMax.png');
|
||||
.card-grid .support-card#peacock {
|
||||
background-image: url('/media/logos/PeacockColor.webp');
|
||||
}
|
||||
.supported-logo#peacock {
|
||||
background-image: url('../media/logos/PeacockColor.png');
|
||||
.card-grid .support-card#google {
|
||||
background-image: url('/media/logos/GooglePlayColor.webp');
|
||||
}
|
||||
.supported-logo#googleplay {
|
||||
background-image: url('../media/logos/GooglePlay.png');
|
||||
.card-grid .support-card#crunchyroll {
|
||||
background-image: url('/media/logos/Crunchyroll.webp');
|
||||
}
|
||||
.supported-logo#crunchyroll {
|
||||
background-image: url('../media/logos/Crunchyroll.png');
|
||||
.card-grid .support-card#apple {
|
||||
background-image: url('/media/logos/AppleTVBlack.webp');
|
||||
}
|
||||
.supported-logo#appletv {
|
||||
background-image: url('../media/logos/AppleTVBlack.png');
|
||||
.card-grid .support-card#viki {
|
||||
background-image: url('/media/logos/Viki.webp');
|
||||
}
|
||||
.supported-logo#viki {
|
||||
background-image: url('../media/logos/Viki.png');
|
||||
}
|
||||
.supported-logo#funimation {
|
||||
background-image: url('../media/logos/FunimationColor.png');
|
||||
background-size: 60% !important;
|
||||
.card-grid .support-card#funimation {
|
||||
background-image: url('/media/logos/FunimationColor.webp');
|
||||
}
|
||||
|
||||
@@ -12,312 +12,277 @@ 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>
|
||||
<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" />
|
||||
<title>Watch Party | Welcome</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2">
|
||||
</script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<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 duplicate"><a href="../">WATCH PARTY</a></h1>
|
||||
<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>
|
||||
<a href="https://tv.apple.com"><div class="supported-logo" id="appletv"></div></a>
|
||||
<a href="https://www.viki.com"><div class="supported-logo" id="viki"></div></a>
|
||||
<a href="https://www.funimation.com"><div class="supported-logo" id="funimation"></div></a>
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div style="margin-top: 10rem !important" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">WATCH TOGETHER ON</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="getting-started" class="pop-features">
|
||||
<p data-font="sans-bold" class="title">
|
||||
GETTING STARTED
|
||||
</p>
|
||||
<div class="pop-feature">
|
||||
<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. The sidebar is now resizeable, and now supports having access to Watch Party in fullscreen. (Use the fullscreen button in the sidebar)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pop-feature alternate">
|
||||
<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">
|
||||
<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>
|
||||
<video
|
||||
muted
|
||||
autoplay
|
||||
loop
|
||||
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
|
||||
></video>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ti" class="mm">
|
||||
<div id="tn">SOMEONE</div>
|
||||
<div id="tr">
|
||||
<video
|
||||
muted
|
||||
autoplay
|
||||
loop
|
||||
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
|
||||
></video></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 alternate">
|
||||
|
||||
<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 class="card-grid">
|
||||
<a href="https://www.netflix.com/" id="netflix" class="support-card"></a>
|
||||
<a href="https://www.hulu.com/" id="hulu" class="support-card"></a>
|
||||
<a href="https://www.disneyplus.com/" id="disney" class="support-card"></a>
|
||||
<a href="https://www.amazon.com/gp/video/storefront" id="prime" class="support-card"></a>
|
||||
<a href="https://www.youtube.com/" id="youtube" class="support-card"></a>
|
||||
<a href="https://play.hbomax.com/" id="hbo" class="support-card"></a>
|
||||
<a href="https://www.peacocktv.com/" id="peacock" class="support-card"></a>
|
||||
<a href="https://play.google.com/movies" id="google" class="support-card"></a>
|
||||
<a href="https://www.crunchyroll.com/" id="crunchyroll" class="support-card"></a>
|
||||
<a href="https://tv.apple.com/" id="apple" class="support-card"></a>
|
||||
<a href="https://www.viki.com/" id="viki" class="support-card"></a>
|
||||
<a href="https://www.funimation.com/" id="funimation" class="support-card"></a>
|
||||
</div>
|
||||
<div id="tips" class="landing">
|
||||
<p data-font="sans-bold" class="title">
|
||||
TIPS & FAQ
|
||||
</p>
|
||||
<div class="tip">
|
||||
<h6 data-font="sans">
|
||||
DO I STILL NEED ACCOUNTS FOR THE STREAMING PLATFORMS
|
||||
</h6>
|
||||
<p data-font="sans-bold">
|
||||
Yes, Watch Party is not a hack. The sole purpose of Watch Party is to help synchronize the playing/pausing on streamed content.
|
||||
</p>
|
||||
<div id="tips" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h1 class="title" data-font="sans-bold">FAQ</h1>
|
||||
</div>
|
||||
</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) and toggling the little blue switch next to Watch Party.
|
||||
<br />
|
||||
You can alternatively go to a supported website, then right click on the Watch Party icons in toolbar (next to your user icon in the top right of Chrome), select "This can read and change site data", and change that to "When you click the extension" option. This will require you to click on the icon when you want to activate Watch Party.
|
||||
</p>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">
|
||||
DO I STILL NEED ACCOUNTS FOR THE STREAMING PLATFORMS
|
||||
</h4>
|
||||
<p data-font="sans" class="body">
|
||||
Yes, Watch Party is not a hack. The sole purpose of Watch Party is to help synchronize
|
||||
the playing/pausing on streamed content.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tip">
|
||||
<h6 data-font="sans">
|
||||
HOW CAN I HELP KEEP WATCH PARTY ALIVE
|
||||
</h6>
|
||||
<p data-font="sans-bold">
|
||||
Watch Party is built to be completely free, all the costs are paid by the developer alone. While no payment is needed, any small donation helps make sure I can keep the servers up and running. You can request more details by reaching out to admin@chromewatchparty.com.
|
||||
</p>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">CAN I DISABLE WATCH PARTY TEMPORARILY</h4>
|
||||
<p data-font="sans" class="body">
|
||||
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) and toggling the little blue switch
|
||||
next to Watch Party. You can alternatively go to a supported website, then right click
|
||||
on the Watch Party icons in toolbar (next to your user icon in the top right of Chrome),
|
||||
select "This can read and change site data", and change that to "When you click the
|
||||
extension" option. This will require you to click on the icon when you want to activate
|
||||
Watch Party.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<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 class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">HOW CAN I HELP KEEP WATCH PARTY ALIVE</h4>
|
||||
<div>
|
||||
<p data-font="sans" class="body">
|
||||
Watch Party is built to be completely free, all the costs are paid by the developer
|
||||
alone. While no payment is needed, any small donation helps make sure I can keep the
|
||||
servers up and running. You can request more details by reaching out to
|
||||
admin@chromewatchparty.com.
|
||||
</p>
|
||||
<a
|
||||
data-font="sans"
|
||||
href="mailto:admin@chromewatchparty.com?subject=FAQ Contact"
|
||||
class="underlink"
|
||||
>CONTACT</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</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 class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">CAN I USE WATCH PARTY IN FULLSCREEN</h4>
|
||||
<p data-font="sans" class="body">
|
||||
To have access to Watch Party in fullscreen use the fullscreen button in the bottom left
|
||||
corner of the sidebar.
|
||||
</p>
|
||||
</div>
|
||||
</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 class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">
|
||||
CAN I USE THE SAME PARTY, ON A DIFFERENT SITE
|
||||
</h4>
|
||||
<p data-font="sans" class="body">
|
||||
If you started the party, you can simply join the party from a different place to change
|
||||
the party location.
|
||||
</p>
|
||||
</div>
|
||||
</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 class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">CHAT NOTIFICATIONS ARE ANNOYING</h4>
|
||||
<p data-font="sans" class="body">
|
||||
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>
|
||||
<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 class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">HOW DO I SEARCH FOR GIFs</h4>
|
||||
<p data-font="sans" class="body">
|
||||
Click on the GIF button next to the message input box, start searching! Scroll to the
|
||||
right to load more results.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">CAN I DELETE PARTY DATA MANUALLY</h4>
|
||||
<p data-font="sans" class="body">
|
||||
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>
|
||||
<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>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||