v1.6.7/website relaunch

This commit is contained in:
2020-09-03 18:35:01 -04:00
parent 906880ab14
commit 01d02dbc24
99 changed files with 2953 additions and 2965 deletions
BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 45 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

BIN
View File
Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.
+160 -2
View File
@@ -12,10 +12,168 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <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> <title>Watch Party | 404</title>
</head> </head>
<body> <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> </body>
</html> </html>
-21
View File
@@ -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>
-31
View File
@@ -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>
+210 -116
View File
@@ -12,134 +12,228 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link rel="apple-touch-icon" sizes="57x57" href="../icons/apple-icon-57x57.png" /> <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="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="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="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="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="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="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="152x152" href="/icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-icon-180x180.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="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="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="96x96" href="/icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
<link rel="icon" href="../icons/favicon.ico" /> <link rel="icon" href="/icons/favicon.ico" />
<link rel="manifest" href="../manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" /> <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="/font.css" />
<link rel="stylesheet" type="text/css" href="../styles/index.css" /> <link rel="stylesheet" type="text/css" href="/styles/index.css" />
<script src="../scripts/Stickied.js"></script>
<title>Watch Party | Changelog</title> <title>Watch Party | Changelog</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script> <div class="heading bubble empty right">
<script> <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
window.dataLayer = window.dataLayer || []; <h4 class="sub-title" data-font="sans">
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">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5> </h4>
<div class="supported"> <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
<a href="./v1.5.2/"> GET CHROME EXTENSION
<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> </a>
</div> </div>
</div>
<footer data-font="sans"> <div class="overlap">
<p class="title built-with"> <div class="info">
<a href="../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED. <div class="info-card">
</p> <svg
<p class="title built-with"> xmlns="http://www.w3.org/2000/svg"
BUILT WITH &#x1F49A; FOR xmlns:xlink="http://www.w3.org/1999/xlink"
<a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING version="1.1"
<a href="https://firebase.google.com/">FIREBASE</a>, id="Capa_1"
<a href="https://material-ui.com/">MATERIAL-UI</a>, x="0px"
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>, y="0px"
<a href="https://giphy.com/">GIPHY</a>, & <a href="https://dolby.io/">DOLBY VOXEET</a>. viewBox="0 0 511.997 511.997"
</p> style="enable-background: new 0 0 511.997 511.997"
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button"> xml:space="preserve"
Support Watch Party
</a>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
>Get Chrome Extension</a
> >
<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 <a
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
class="underlink"
data-font="sans-bold" data-font="sans-bold"
>
ASK ABOUT CHANGES
</a>
</div>
</div>
</div>
<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" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../welcome/" class="link-button"> Getting Started </a> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
<a data-font="sans-bold" href="../changes/" class="link-button"> Changelog </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> </footer>
</body> </body>
</html> </html>
+185 -268
View File
@@ -12,292 +12,209 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link <link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png" />
rel="apple-touch-icon" <link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png" />
sizes="57x57" <link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png" />
href="../../icons/apple-icon-57x57.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 <link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png" />
rel="apple-touch-icon" <link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png" />
sizes="60x60" <link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png" />
href="../../icons/apple-icon-60x60.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 <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png" />
rel="apple-touch-icon" <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png" />
sizes="72x72" <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
href="../../icons/apple-icon-72x72.png" <link rel="icon" href="/icons/favicon.ico" />
/> <link rel="manifest" href="/manifest.json" />
<link <meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png" />
rel="apple-touch-icon" <link rel="stylesheet" type="text/css" href="/font.css" />
sizes="76x76" <link rel="stylesheet" type="text/css" href="/styles/index.css" />
href="../../icons/apple-icon-76x76.png"
/>
<link
rel="apple-touch-icon"
sizes="114x114"
href="../../icons/apple-icon-114x114.png"
/>
<link
rel="apple-touch-icon"
sizes="120x120"
href="../../icons/apple-icon-120x120.png"
/>
<link
rel="apple-touch-icon"
sizes="144x144"
href="../../icons/apple-icon-144x144.png"
/>
<link
rel="apple-touch-icon"
sizes="152x152"
href="../../icons/apple-icon-152x152.png"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="../../icons/apple-icon-180x180.png"
/>
<link
rel="icon"
type="image/png"
sizes="192x192"
href="../../icons/android-icon-192x192.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="../../icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="../../icons/favicon-96x96.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="../../icons/favicon-16x16.png"
/>
<link rel="icon" href="../../icons/favicon.ico" />
<link rel="manifest" href="../../manifest.json" />
<meta
name="msapplication-TileImage"
content="../../icons/ms-icon-144x144.png"
/>
<link rel="stylesheet" type="text/css" href="../../font.css" />
<link rel="stylesheet" type="text/css" href="../../styles/index.css" />
<script src="../../scripts/Stickied.js"></script>
<title>Watch Party | V1.5.2</title> <title>Watch Party | V1.5.2</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script <div class="heading bubble empty right">
async <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2" <h4 class="sub-title" data-font="sans">
></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">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5> </h4>
</div> <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
<div class="features"> GET CHROME EXTENSION
<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?
</a> </a>
</div> </div>
<footer data-font="sans"> <div style="margin-top: 10rem" class="text-section">
<p class="title built-with"> <div class="info">
<a href="../../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. <div class="info-text">
ALL RIGHTS RESERVED. <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>
<p class="title built-with"> <p data-font="sans" class="body">
BUILT WITH &#x1F49A; FOR FULLSCREEN SUPPORT, NOW GO FULLSCREEN WITH ACCESS TO WATCH PARTY
<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> </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 <a
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
class="underlink"
data-font="sans-bold" data-font="sans-bold"
href="https://paypal.me/Ayushya"
class="link-button"
> >
Support Watch Party ASK ABOUT CHANGES
</a> </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 <a
data-font="sans-bold" class="underlink"
href="https://request.chromewatchparty.com" target="_blank"
class="link-button"
>Get Chrome Extension</a
>
<a
data-font="sans-bold"
href="mailto:admin@chromewatchparty.com?subject=User Feedback" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../../welcome/" class="link-button"> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
Getting Started <a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
Support Watch Party
</a> </a>
<a data-font="sans-bold" href="../../changes/" class="link-button"> <a
Changelog class="underlink"
target="_blank"
href="https://get.chromewatchparty.com"
data-font="sans"
>
Get Chrome Extension
</a> </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> </footer>
</body> </body>
</html> </html>
+184 -304
View File
@@ -12,328 +12,208 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link <link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png" />
rel="apple-touch-icon" <link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png" />
sizes="57x57" <link rel="apple-touch-icon" sizes="72x72" href="/icons/apple-icon-72x72.png" />
href="../../icons/apple-icon-57x57.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 <link rel="apple-touch-icon" sizes="120x120" href="/icons/apple-icon-120x120.png" />
rel="apple-touch-icon" <link rel="apple-touch-icon" sizes="144x144" href="/icons/apple-icon-144x144.png" />
sizes="60x60" <link rel="apple-touch-icon" sizes="152x152" href="/icons/apple-icon-152x152.png" />
href="../../icons/apple-icon-60x60.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 <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png" />
rel="apple-touch-icon" <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png" />
sizes="72x72" <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
href="../../icons/apple-icon-72x72.png" <link rel="icon" href="/icons/favicon.ico" />
/> <link rel="manifest" href="/manifest.json" />
<link <meta name="msapplication-TileImage" content="/icons/ms-icon-144x144.png" />
rel="apple-touch-icon" <link rel="stylesheet" type="text/css" href="/font.css" />
sizes="76x76" <link rel="stylesheet" type="text/css" href="/styles/index.css" />
href="../../icons/apple-icon-76x76.png"
/>
<link
rel="apple-touch-icon"
sizes="114x114"
href="../../icons/apple-icon-114x114.png"
/>
<link
rel="apple-touch-icon"
sizes="120x120"
href="../../icons/apple-icon-120x120.png"
/>
<link
rel="apple-touch-icon"
sizes="144x144"
href="../../icons/apple-icon-144x144.png"
/>
<link
rel="apple-touch-icon"
sizes="152x152"
href="../../icons/apple-icon-152x152.png"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="../../icons/apple-icon-180x180.png"
/>
<link
rel="icon"
type="image/png"
sizes="192x192"
href="../../icons/android-icon-192x192.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="../../icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="../../icons/favicon-96x96.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="../../icons/favicon-16x16.png"
/>
<link rel="icon" href="../../icons/favicon.ico" />
<link rel="manifest" href="../../manifest.json" />
<meta
name="msapplication-TileImage"
content="../../icons/ms-icon-144x144.png"
/>
<link rel="stylesheet" type="text/css" href="../../font.css" />
<link rel="stylesheet" type="text/css" href="../../styles/index.css" />
<script src="../../scripts/Stickied.js"></script>
<title>Watch Party | V1.6.0</title> <title>Watch Party | V1.6.0</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script <div class="heading bubble empty right">
async <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2" <h4 class="sub-title" data-font="sans">
></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">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5> </h4>
</div> <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
<div class="features"> GET CHROME EXTENSION
<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?
</a> </a>
</div> </div>
<footer data-font="sans"> <div style="margin-top: 10rem" class="text-section">
<p class="title built-with"> <div class="info">
<a href="../../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. <div class="info-text">
ALL RIGHTS RESERVED. <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>
<p class="title built-with"> <p data-font="sans" class="body">CLEAR PARTY AND PIN HISTORY</p>
BUILT WITH &#x1F49A; FOR <p data-font="sans" class="body">FIX HEADER BUG ON WEBSITE</p>
<a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING <p data-font="sans" class="body">OPTIMIZE WEBSITE FEATURE ANIMATIONS</p>
<a href="https://firebase.google.com/">FIREBASE</a>, <p data-font="sans" class="body">
<a href="https://material-ui.com/">MATERIAL-UI</a>, ADMIN ONLY CONTROL MODE (AFFECTS PLAYER SYNC AND CALL)
<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> </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 <a
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
class="underlink"
data-font="sans-bold" data-font="sans-bold"
href="https://paypal.me/Ayushya"
class="link-button"
> >
Support Watch Party ASK ABOUT CHANGES
</a> </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 <a
data-font="sans-bold" class="underlink"
href="https://request.chromewatchparty.com" target="_blank"
class="link-button"
>Get Chrome Extension</a
>
<a
data-font="sans-bold"
href="mailto:admin@chromewatchparty.com?subject=User Feedback" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../../welcome/" class="link-button"> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
Getting Started <a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
Support Watch Party
</a> </a>
<a data-font="sans-bold" href="../../changes/" class="link-button"> <a
Changelog class="underlink"
target="_blank"
href="https://get.chromewatchparty.com"
data-font="sans"
>
Get Chrome Extension
</a> </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> </footer>
</body> </body>
</html> </html>
+168 -91
View File
@@ -12,110 +12,187 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link rel="apple-touch-icon" sizes="57x57" href="../../icons/apple-icon-57x57.png" /> <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="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="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="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="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="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="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="152x152" href="/icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../../icons/apple-icon-180x180.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="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="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="96x96" href="/icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../../icons/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
<link rel="icon" href="../../icons/favicon.ico" /> <link rel="icon" href="/icons/favicon.ico" />
<link rel="manifest" href="../../manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileImage" content="../../icons/ms-icon-144x144.png" /> <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="/font.css" />
<link rel="stylesheet" type="text/css" href="../../styles/index.css" /> <link rel="stylesheet" type="text/css" href="/styles/index.css" />
<script src="../../scripts/Stickied.js"></script>
<title>Watch Party | V1.6.1</title> <title>Watch Party | V1.6.1</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script> <div class="heading bubble empty right">
<script> <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
window.dataLayer = window.dataLayer || []; <h4 class="sub-title" data-font="sans">
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">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5> </h4>
</div> <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
<div class="features"> GET CHROME EXTENSION
<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">
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>
</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> </a>
</div> </div>
<footer data-font="sans"> <div style="margin-top: 10rem" class="text-section">
<p class="title built-with"> <div class="info">
<a href="../../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED. <div class="info-text">
</p> <a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
<p class="title built-with"> </div>
BUILT WITH &#x1F49A; FOR </div>
<a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING <div class="info">
<a href="https://firebase.google.com/">FIREBASE</a>, <div class="info-text">
<a href="https://material-ui.com/">MATERIAL-UI</a>, <div>
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>, <h4 class="sub-title" data-font="sans-bold">V1.6.1</h4>
<a href="https://giphy.com/">GIPHY</a>, & <a href="https://dolby.io/">DOLBY VOXEET</a>. </div>
</p> <div>
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button"> <p data-font="sans" class="body">FIX VIDEO SELECTOR FOR AMAZON PRIME VIDEO</p>
Support Watch Party </div>
</a> </div>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button" </div>
>Get Chrome Extension</a <div class="info">
> <div class="info-text">
<div></div>
<a <a
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
class="underlink"
data-font="sans-bold" 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" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../../welcome/" class="link-button"> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
Getting Started <a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
Support Watch Party
</a> </a>
<a data-font="sans-bold" href="../../changes/" class="link-button"> <a
Changelog class="underlink"
target="_blank"
href="https://get.chromewatchparty.com"
data-font="sans"
>
Get Chrome Extension
</a> </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> </footer>
</body> </body>
</html> </html>
+169 -96
View File
@@ -12,115 +12,188 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link rel="apple-touch-icon" sizes="57x57" href="../../icons/apple-icon-57x57.png" /> <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="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="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="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="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="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="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="152x152" href="/icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../../icons/apple-icon-180x180.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="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="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="96x96" href="/icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../../icons/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
<link rel="icon" href="../../icons/favicon.ico" /> <link rel="icon" href="/icons/favicon.ico" />
<link rel="manifest" href="../../manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileImage" content="../../icons/ms-icon-144x144.png" /> <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="/font.css" />
<link rel="stylesheet" type="text/css" href="../../styles/index.css" /> <link rel="stylesheet" type="text/css" href="/styles/index.css" />
<script src="../../scripts/Stickied.js"></script>
<title>Watch Party | V1.6.2</title> <title>Watch Party | V1.6.2</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script> <div class="heading bubble empty right">
<script> <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
window.dataLayer = window.dataLayer || []; <h4 class="sub-title" data-font="sans">
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">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5> </h4>
</div> <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
<div class="features"> GET CHROME EXTENSION
<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">
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>
</div>
<div class="tip">
<p data-font="sans-bold">
Use server config for video selectors
</p>
</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> </a>
</div> </div>
<footer data-font="sans"> <div style="margin-top: 10rem" class="text-section">
<p class="title built-with"> <div class="info">
<a href="../../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED. <div class="info-text">
</p> <a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
<p class="title built-with"> </div>
BUILT WITH &#x1F49A; FOR </div>
<a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING <div class="info">
<a href="https://firebase.google.com/">FIREBASE</a>, <div class="info-text">
<a href="https://material-ui.com/">MATERIAL-UI</a>, <div>
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>, <h4 class="sub-title" data-font="sans-bold">V1.6.2</h4>
<a href="https://giphy.com/">GIPHY</a>, & <a href="https://dolby.io/">DOLBY VOXEET</a>. </div>
</p> <div>
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button"> <p data-font="sans" class="body">FIX VIDEO SELECTOR FOR HULU</p>
Support Watch Party <p data-font="sans" class="body">USE SERVER CONFIG FOR VIDEO SELECTORS</p>
</a> </div>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button" </div>
>Get Chrome Extension</a </div>
> <div class="info">
<div class="info-text">
<div></div>
<a <a
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
class="underlink"
data-font="sans-bold" 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" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../../welcome/" class="link-button"> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
Getting Started <a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
Support Watch Party
</a> </a>
<a data-font="sans-bold" href="../../changes/" class="link-button"> <a
Changelog class="underlink"
target="_blank"
href="https://get.chromewatchparty.com"
data-font="sans"
>
Get Chrome Extension
</a> </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> </footer>
</body> </body>
</html> </html>
+168 -91
View File
@@ -12,110 +12,187 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link rel="apple-touch-icon" sizes="57x57" href="../../icons/apple-icon-57x57.png" /> <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="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="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="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="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="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="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="152x152" href="/icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../../icons/apple-icon-180x180.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="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="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="96x96" href="/icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../../icons/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
<link rel="icon" href="../../icons/favicon.ico" /> <link rel="icon" href="/icons/favicon.ico" />
<link rel="manifest" href="../../manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileImage" content="../../icons/ms-icon-144x144.png" /> <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="/font.css" />
<link rel="stylesheet" type="text/css" href="../../styles/index.css" /> <link rel="stylesheet" type="text/css" href="/styles/index.css" />
<script src="../../scripts/Stickied.js"></script>
<title>Watch Party | V1.6.3</title> <title>Watch Party | V1.6.3</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script> <div class="heading bubble empty right">
<script> <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
window.dataLayer = window.dataLayer || []; <h4 class="sub-title" data-font="sans">
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">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5> </h4>
</div> <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
<div class="features"> GET CHROME EXTENSION
<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>
<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>
</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> </a>
</div> </div>
<footer data-font="sans"> <div style="margin-top: 10rem" class="text-section">
<p class="title built-with"> <div class="info">
<a href="../../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED. <div class="info-text">
</p> <a href="/changes" class="title underlink" data-font="sans-bold">CHANGELOG</a>
<p class="title built-with"> </div>
BUILT WITH &#x1F49A; FOR </div>
<a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING <div class="info">
<a href="https://firebase.google.com/">FIREBASE</a>, <div class="info-text">
<a href="https://material-ui.com/">MATERIAL-UI</a>, <div>
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>, <h4 class="sub-title" data-font="sans-bold">V1.6.3</h4>
<a href="https://giphy.com/">GIPHY</a>, & <a href="https://dolby.io/">DOLBY VOXEET</a>. </div>
</p> <div>
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button"> <p data-font="sans" class="body">USE VIRUALIZED SCROLLING TO FIX LAG FROM CHAT</p>
Support Watch Party </div>
</a> </div>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button" </div>
>Get Chrome Extension</a <div class="info">
> <div class="info-text">
<div></div>
<a <a
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
class="underlink"
data-font="sans-bold" 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" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../../welcome/" class="link-button"> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
Getting Started <a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
Support Watch Party
</a> </a>
<a data-font="sans-bold" href="../../changes/" class="link-button"> <a
Changelog class="underlink"
target="_blank"
href="https://get.chromewatchparty.com"
data-font="sans"
>
Get Chrome Extension
</a> </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> </footer>
</body> </body>
</html> </html>
+177 -102
View File
@@ -12,121 +12,196 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link rel="apple-touch-icon" sizes="57x57" href="../../icons/apple-icon-57x57.png" /> <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="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="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="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="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="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="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="152x152" href="/icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../../icons/apple-icon-180x180.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="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="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="96x96" href="/icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../../icons/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
<link rel="icon" href="../../icons/favicon.ico" /> <link rel="icon" href="/icons/favicon.ico" />
<link rel="manifest" href="../../manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileImage" content="../../icons/ms-icon-144x144.png" /> <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="/font.css" />
<link rel="stylesheet" type="text/css" href="../../styles/index.css" /> <link rel="stylesheet" type="text/css" href="/styles/index.css" />
<script src="../../scripts/Stickied.js"></script>
<title>Watch Party | V1.6.4</title> <title>Watch Party | V1.6.4</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script> <div class="heading bubble empty right">
<script> <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
window.dataLayer = window.dataLayer || []; <h4 class="sub-title" data-font="sans">
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">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5> </h4>
</div> <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
<div class="features"> GET CHROME EXTENSION
<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 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>
<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>
</div>
<div class="tip">
<p data-font="sans-bold">Add tutorial mode to help learn about Watch Party</p>
</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> </a>
</div> </div>
<footer data-font="sans"> <div style="margin-top: 10rem" class="text-section">
<p class="title built-with"> <div class="info">
<a href="../../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED. <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.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>
<p class="title built-with"> <p data-font="sans" class="body">ADD TUTORIAL MODE TO HELP LEARN ABOUT WATCH PARTY</p>
BUILT WITH &#x1F49A; FOR <p data-font="sans" class="body">USE EXTENSION MENU IN TOP BAR FOR ACTIONS AND LINKS</p>
<a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING <p data-font="sans" class="body">FIX CHAT RESIZING ISSUE, OTHER MINOR FIXES</p>
<a href="https://firebase.google.com/">FIREBASE</a>, <p data-font="sans" class="body">
<a href="https://material-ui.com/">MATERIAL-UI</a>, LOAD BALANCED APIS (SERVERS IN MORE PLACES WITH AUTO REDIRECTS)
<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> </p>
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button"> </div>
Support Watch Party </div>
</a> </div>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button" <div class="info">
>Get Chrome Extension</a <div class="info-text">
> <div></div>
<a <a
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
class="underlink"
data-font="sans-bold" 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" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../../welcome/" class="link-button"> Getting Started </a> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
<a data-font="sans-bold" href="../../changes/" class="link-button"> Changelog </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> </footer>
</body> </body>
</html> </html>
+180 -20
View File
@@ -12,27 +12,187 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<meta <link rel="apple-touch-icon" sizes="57x57" href="/icons/apple-icon-57x57.png" />
http-equiv="refresh" <link rel="apple-touch-icon" sizes="60x60" href="/icons/apple-icon-60x60.png" />
content="0; URL='https://www.chromewatchparty.com/changes/v1.6.4'" <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" />
<title>Watch Party | Beta</title> <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> </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> <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> </body>
</html> </html>
+173 -88
View File
@@ -12,107 +12,192 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link rel="apple-touch-icon" sizes="57x57" href="../../icons/apple-icon-57x57.png" /> <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="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="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="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="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="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="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="152x152" href="/icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../../icons/apple-icon-180x180.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="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="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="96x96" href="/icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../../icons/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
<link rel="icon" href="../../icons/favicon.ico" /> <link rel="icon" href="/icons/favicon.ico" />
<link rel="manifest" href="../../manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileImage" content="../../icons/ms-icon-144x144.png" /> <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="/font.css" />
<link rel="stylesheet" type="text/css" href="../../styles/index.css" /> <link rel="stylesheet" type="text/css" href="/styles/index.css" />
<script src="../../scripts/Stickied.js"></script>
<title>Watch Party | V1.6.6</title> <title>Watch Party | V1.6.6</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script> <div class="heading bubble empty right">
<script> <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
window.dataLayer = window.dataLayer || []; <h4 class="sub-title" data-font="sans">
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">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5> </h4>
</div> <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
<div class="features"> GET CHROME EXTENSION
<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>
<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>
<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>
</div>
<div class="tip">
<p data-font="sans-bold">Fix Chat, remove glitchy jump, show sending messages</p>
</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> </a>
</div> </div>
<footer data-font="sans"> <div style="margin-top: 10rem" class="text-section">
<p class="title built-with"> <div class="info">
<a href="../../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED. <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.6</h4>
</div>
<div>
<p data-font="sans" class="body">
ADD RESIZEABLE TAB TO HBO AND FIX SMART CLICK THROUGH SIDEBAR
</p> </p>
<p class="title built-with"> <p data-font="sans" class="body">
BUILT WITH &#x1F49A; FOR FIX CHAT, REMOVE GLITCHY JUMP, SHOW SENDING MESSAGES
<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> </p>
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button"> </div>
Support Watch Party </div>
</a> </div>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button" <div class="info">
>Get Chrome Extension</a <div class="info-text">
> <div></div>
<a <a
href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
class="underlink"
data-font="sans-bold" 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" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../../welcome/" class="link-button"> Getting Started </a> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
<a data-font="sans-bold" href="../../changes/" class="link-button"> Changelog </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> </footer>
</body> </body>
</html> </html>
+204 -84
View File
@@ -12,103 +12,223 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link rel="apple-touch-icon" sizes="57x57" href="../icons/apple-icon-57x57.png" /> <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="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="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="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="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="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="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="152x152" href="/icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-icon-180x180.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="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="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="96x96" href="/icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
<link rel="icon" href="../icons/favicon.ico" /> <link rel="icon" href="/icons/favicon.ico" />
<link rel="manifest" href="../manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" /> <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="/font.css" />
<link rel="stylesheet" type="text/css" href="../styles/index.css" /> <link rel="stylesheet" type="text/css" href="/styles/index.css" />
<script src="../scripts/Stickied.js"></script>
<title>Watch Party | Copyright</title> <title>Watch Party | Copyright</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"> <div class="heading bubble empty right">
</script> <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
<script> <h4 class="sub-title" data-font="sans">
window.dataLayer = window.dataLayer || []; WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
function gtag(){dataLayer.push(arguments);} </h4>
gtag('js', new Date()); <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
GET CHROME EXTENSION
gtag('config', 'UA-87498806-2'); </a>
</script> </div>
<body class="copyright"> <div style="margin-top: 10rem" class="text-section">
<div class="landing"> <div class="info">
<div class="logo-circle"></div> <div class="info-text">
<div class="logo-circle"></div> <div>
<div class="logo-circle"></div> <h4 class="sub-title" data-font="sans-bold">Copyright</h4>
<h1 data-font="serif" class="logo duplicate"><a href="../">WATCH PARTY</a> | COPYRIGHT</h1> <h4 class="sub-title" data-font="sans-bold">2020 Ayushya Amitabh</h4>
<h1 data-font="serif" class="logo"><a href="../">WATCH PARTY</a> | COPYRIGHT</h1> <h4 class="sub-title" data-font="sans-bold">All Rights Reserved.</h4>
<h5 data-font="sans" class="logo-tag"> </div>
Copyright &COPY; 2020 Ayushya Amitabh. All Rights Reserved. <div>
</h5> <p data-font="sans" class="body">
<p data-font="sans-bold" class="title subtitle built-with"> Unauthorized copying of this website and Watch Party's Chrome Extension app, via any
Unauthorized copying of this website and Watch Party's Chrome Extension app, via any medium medium is strictly prohibited. Written by Ayushya Amitabh.
is strictly prohibited. Written by Ayushya Amitabh
<a href="mailto:admin@chromewatchparty.com">(admin@chromewatchparty.com)</a>
<br />
</p> </p>
<p data-font="sans-bold" class="title subtitle built-with"> <a data-font="sans-bold" class="underlink" href="mailto:admin@chromewatchparty.com">
ALL CONTENT ON THIS WEBSITE AND IN WATCH PARTY'S CHROME EXTENSION APP, UNLESS OTHERWISE CONTACT
CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE COPIED, EDITED, </a>
OR REPRODUCED WITHOUT PERMISSION. <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>
<p data-font="sans-bold" class="title subtitle built-with"> <p data-font="sans" class="body">
Netflix logo is a trademark and intellectual property of Netflix, Inc.<br /> Netflix logo is a trademark and intellectual property of Netflix, inc.
Disney+ logo is a trademark and intellectual property of The Walt Disney Company<br /> </p>
Prime logo is a trademark and intellectual property of Amazon.com, Inc.<br /> <p data-font="sans" class="body">
YouTube logo is a trademark and intellectual property of Google, Inc.<br /> Disney+ logo is a trademark and intellectual property of The Walt Disney Company
Hulu logo is a trademark and intellectual property of Hulu, LLC.<br /> </p>
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct, <p data-font="sans" class="body">
LLC.<br /> Prime logo is a trademark and intellectual property of Amazon.com, Inc.
Peacock TV logo is a trademark and intellectual property of Peacock TV & NBC Universal.<br /> </p>
Google Play Movies & TV logo is a trademark and intellectual property of Google, Inc.<br /> <p data-font="sans" class="body">
Crunchyroll logo is a trademark and intellectual property of Crunchyroll and Ellation, Inc. Youtube logo is a trademark and intellectual property of Google, Inc.
<br /> </p>
<br /> <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> </p>
</div> </div>
<footer data-font="sans"> </div>
<p class="title built-with"> </div>
<a href="../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED. </div>
</p> <footer>
<p class="title built-with"> <div class="link-section">
BUILT WITH &#x1F49A; FOR <a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING <div class="link-list">
<a href="https://firebase.google.com/">FIREBASE</a>, <h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
<a href="https://material-ui.com/">MATERIAL-UI</a>, <a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>, <a class="underlink" href="/changes" data-font="sans">Changelog</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 <a
data-font="sans-bold" class="underlink"
target="_blank"
href="mailto:admin@chromewatchparty.com?subject=User Feedback" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../../welcome/" class="link-button"> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
Getting Started <a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
Support Watch Party
</a> </a>
<a data-font="sans-bold" href="../../changes/" class="link-button"> <a
Changelog class="underlink"
target="_blank"
href="https://get.chromewatchparty.com"
data-font="sans"
>
Get Chrome Extension
</a> </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> </footer>
</body> </body>
</html> </html>
+7 -10
View File
@@ -10,19 +10,13 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION. 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-face {
font-family: 'GlacialBold'; font-family: 'GlacialBold';
src: url('./fonts/glacialindifference-bold-webfont.woff2') format('woff2'), src: url('./fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
url('./fonts/glacialindifference-bold-webfont.woff') format('woff'); url('./fonts/glacialindifference-bold-webfont.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'GlacialItalic'; font-family: 'GlacialItalic';
@@ -30,6 +24,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
url('./fonts/glacialindifference-italic-webfont.woff') format('woff'); url('./fonts/glacialindifference-italic-webfont.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap;
} }
@font-face { @font-face {
font-family: 'Glacial'; font-family: 'Glacial';
@@ -37,9 +32,6 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
url('./fonts/glacialindifference-regular-webfont.woff') format('woff'); url('./fonts/glacialindifference-regular-webfont.woff') format('woff');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
}
[data-font='serif'] {
font-family: 'PixelSplitter', sans-serif;
font-display: swap; font-display: swap;
} }
[data-font='sans'] { [data-font='sans'] {
@@ -50,3 +42,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
font-family: 'GlacialBold', sans-serif; font-family: 'GlacialBold', sans-serif;
font-display: swap; font-display: swap;
} }
[data-font='sans-italic'] {
font-family: 'GlacialItalic', sans-serif;
font-style: italic;
font-display: swap;
}
Binary file not shown.
Binary file not shown.
+236 -254
View File
@@ -30,290 +30,272 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<meta name="msapplication-TileImage" content="./icons/ms-icon-144x144.png" /> <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="./font.css" />
<link rel="stylesheet" type="text/css" href="./styles/index.css" /> <link rel="stylesheet" type="text/css" href="./styles/index.css" />
<script src="./scripts/Stickied.js"></script>
<title>Watch Party</title> <title>Watch Party</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script> <div class="heading bubble empty right">
<script> <h1 class="title" data-font="sans-bold">WATCH PARTY</h1>
window.dataLayer = window.dataLayer || []; <h4 class="sub-title" data-font="sans">
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">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5> </h4>
<p data-font="sans-bold" class="title subtitle">FREE. NO SIGNUP. NO BS.<br />WORKS WITH</p> <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
<div class="supported"> GET CHROME EXTENSION
<div data-full-support class="supported-logo" id="netflix"></div> </a>
<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> </div>
<a <div class="overlap">
data-font="sans-bold" <div class="info">
href="https://request.chromewatchparty.com" <div class="info-card">
class="link-button duplicate" <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
> >
Get Chrome Extension </div>
</a> </div>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"> <div class="info">
Get Chrome Extension <div class="info-card">
<video muted autoplay loop src="/media/features/All.mp4"></video>
</div>
<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> </a>
</div> </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> </div>
<p data-font="sans" class="feature-text">Watch Party syncs play, pause and timestamp.</p>
</div> </div>
<div class="feature-card">
<div class="feature-icon" id="phone">
<video loop muted autoplay src="./media/features/Phone.mp4"></video>
</div> </div>
<p data-font="sans" class="feature-text"> <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. Free group voice calls - for when text and GIFs just won't do.
</p> </p>
</div> </div>
<div class="feature-card"> <div class="support-card">
<div class="feature-icon" id="chat"> <h4 data-font="sans-bold" class="sub-title">GIFs</h4>
<video loop muted autoplay src="./media/features/Chat.mp4"></video> <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>
<p data-font="sans" class="feature-text">Unlimited gifs from Giphy in chat.</p> <div class="support-card">
</div> <h4 data-font="sans-bold" class="sub-title">AUTO-DELETE</h4>
<div class="feature-card"> <video muted autoplay loop src="/media/features/Delete.mp4"></video>
<div class="feature-icon" id="delete"> <p data-font="sans" class="body">
<video loop muted autoplay src="./media/features/Delete.mp4"></video>
</div>
<p data-font="sans" class="feature-text">
What happens in Watch Party, stays in Watch Party - for 24 hours, then it's all gone. What happens in Watch Party, stays in Watch Party - for 24 hours, then it's all gone.
</p> </p>
</div> </div>
<div class="feature-card"> <div class="support-card">
<div class="feature-icon" id="hideable"> <h4 data-font="sans-bold" class="sub-title">HIDDEN</h4>
<video loop muted autoplay src="./media/features/Hideable.mp4"></video> <video muted autoplay loop src="/media/features/Hideable.mp4"></video>
</div> <p data-font="sans" class="body">
<p data-font="sans" class="feature-text">
There when you need it, hideable when you want to focus on the show. There when you need it, hideable when you want to focus on the show.
</p> </p>
</div> </div>
<div class="feature-card"> <div class="support-card">
<div class="feature-icon" id="custom"> <h4 data-font="sans-bold" class="sub-title">SECURE</h4>
<video loop muted autoplay src="./media/features/Custom.mp4"></video> <video muted autoplay loop src="/media/features/Custom.mp4"></video>
</div> <p data-font="sans" class="body">
<p data-font="sans" class="feature-text">
No party crashers. Custom party names secured with custom pins. No party crashers. Custom party names secured with custom pins.
</p> </p>
</div> </div>
<div class="feature-card"> <div class="support-card">
<div class="feature-icon" id="signup"> <h4 data-font="sans-bold" class="sub-title">PRIVACY</h4>
<video loop muted autoplay src="./media/features/Signup.mp4"></video> <video muted autoplay loop src="/media/features/Sync.mp4"></video>
</div> <p data-font="sans" class="body">No sign up, no login, no data taken from you.</p>
<p data-font="sans" class="feature-text">No sign up, no login, no data taken from you.</p>
</div> </div>
</div> </div>
<div id="getting-started" class="pop-features"> <footer>
<p data-font="sans-bold" class="title subtitle">GETTING STARTED</p> <div class="link-section">
<div class="pop-feature"> <div class="link-list">
<div id="title-card-container"> <h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
<div id="title-card"> <a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
<div data-font="serif" id="fab">WP</div> <a class="underlink" href="/changes" data-font="sans">Changelog</a>
<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
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> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
</p>
<p class="title built-with">
BUILT WITH &#x1F49A; 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 <a
data-font="sans-bold" class="underlink"
target="_blank"
href="mailto:admin@chromewatchparty.com?subject=User Feedback" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="./welcome/" class="link-button"> Getting Started </a> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
<a data-font="sans-bold" href="./changes/" class="link-button"> Changelog </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> </footer>
</body> </body>
</html> </html>
+2 -2
View File
@@ -3,8 +3,8 @@
"short_name": "WP", "short_name": "WP",
"display": "browser", "display": "browser",
"start_url": ".", "start_url": ".",
"theme_color": "#c0f300", "theme_color": "black",
"background_color": "black", "background_color": "#beff94",
"icons": [ "icons": [
{ {
"src": "/icons/android-icon-36x36.png", "src": "/icons/android-icon-36x36.png",
Binary file not shown.

Before

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 218 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 230 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 146 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 79 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

-45
View File
@@ -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);
};
+18 -4
View File
@@ -10,10 +10,24 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION. COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
************************************************************************/ ************************************************************************/
html { body {
font-size: 7px !important; padding: 20rem;
padding-top: 15rem;
} }
body { .bubble.right {
font-size: 7px !important; 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;
} }
+228 -604
View File
@@ -10,667 +10,291 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION. 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; margin: 0;
padding: 0em; padding: 0;
user-select: none; color: var(--color-secondary);
} }
html { html {
font-size: 10px; font-size: 10px !important;
} }
body { body {
font-size: 10px; font-size: 10px !important;
background-color: var(--primary); background-color: var(--color-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;
transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s;
} }
.link-button { a {
display: table; 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; text-decoration: none;
padding: 3rem 7.5rem;
color: var(--primary);
background-color: var(--cta);
font-size: 4rem;
border-radius: 7.5rem;
} }
.title {
.features { font-size: 7.2rem;
margin: 6rem 0; margin-bottom: 5rem;
padding-left: 10rem; letter-spacing: 1rem;
} }
a.title {
.features .title {
display: block; display: block;
margin-top: 10rem;
} }
.sub-title {
.feature-card { font-size: 3.6rem;
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;
letter-spacing: 0.5rem; letter-spacing: 0.5rem;
} }
.body {
.welcome .landing#tips .tip p { font-size: 2.5rem;
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;
letter-spacing: 2px; letter-spacing: 2px;
margin: 5px 0; margin: 3rem 0px;
} }
p#call-user-chip { body {
display: inline-block; padding: 10rem;
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;
} }
p#call-user-chip.not-me-user-chip { .bubble {
background: var(--primary); border-width: 5rem;
color: var(--primary-text); border-color: var(--color-bright);
display: inline-flex; border-style: solid;
margin: 0; background-color: var(--color-bright);
max-width: fit-content; border-radius: 90rem;
align-items: center; padding-top: 20rem;
justify-content: center; padding-bottom: 20rem;
} }
p#call-user-chip.not-me-user-chip input { .bubble.empty {
margin-left: 20px; background-color: transparent;
} }
h6#title-card-tagline { .bubble.right {
color: var(--primary-medium); border-left-width: 0;
font-size: 15px; border-top-left-radius: 0;
color: var(--primary); border-bottom-left-radius: 0;
margin: 20px 0; margin-left: -10rem;
letter-spacing: 3.5px; margin-right: -10rem;
padding-left: 10rem;
padding-right: 10rem;
} }
@keyframes circleMove { .bubble.left {
0% { border-right-width: 0;
right: -40px; border-top-right-radius: 0;
bottom: -40px; border-bottom-right-radius: 0;
} margin-left: -10rem;
35% { margin-right: -10rem;
right: 200px; padding-left: 10rem;
bottom: 350px; padding-right: 10rem;
}
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;
}
} }
div#fab { .big-button {
background: var(--primary); display: block;
width: 200px; background-color: var(--color-secondary);
height: 200px; border-radius: 20rem;
border-radius: 100px; color: var(--color-primary);
display: flex; padding: 2.5rem 5rem;
justify-content: center; margin: 10rem 0rem;
align-items: center; max-width: 100%;
font-size: 60px;
letter-spacing: 5px;
text-align: center; text-align: center;
color: var(--cta); font-size: 1.8rem;
position: absolute; text-decoration: none;
right: 250px; letter-spacing: 2px;
bottom: 250px;
animation: circleMove 2s linear 0s infinite alternate !important;
z-index: 99;
filter: drop-shadow(0px 0px 20px var(--primary));
} }
div#title-card { a.big-button::after {
position: relative; color: var(--color-primary);
} }
div#sidebar { .overlap {
width: 300px; margin-top: -20rem;
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);
} }
/* .info {
T H R E A D margin-bottom: 10rem;
D E M O S
*/
#ti * {
font-size: 14px !important;
font-family: 'Glacial';
letter-spacing: 1.1px;
} }
#ti { .info .info-card {
color: white; background-color: var(--color-dim);
width: fit-content; border-radius: 2.5rem;
margin: 10px 0; height: 45rem;
width: 100%; width: 100%;
} margin-bottom: 5rem;
#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;
display: flex; display: flex;
justify-content: center;
align-items: 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; opacity: 0;
color: #9f9f9f; margin-right: 50rem;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row-reverse;
} }
#tm #tt span {
flex: 1; .card-grid .support-card {
text-align: center; display: inline-block;
} min-width: 30rem;
#tm #tt #ri { min-height: 30rem;
position: absolute; width: 30rem;
display: flex; height: 30rem;
justify-content: center; margin: 3rem;
align-items: center; border-radius: 2.5rem;
padding: 15px; background-color: var(--color-tertiary);
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');
background-size: 75%; background-size: 75%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
bottom: 0;
transition: all ease-in-out 0.3s;
/* transition-delay: 0.1s; */
} }
#ti:hover #tm #tt {
height: 24px; .card-grid a.support-card::after {
margin-bottom: 7px; content: none;
opacity: 1;
} }
#tm p {
max-width: 40%; .features.card-grid {
padding: 5px 15px; overflow-y: hidden;
background: #424242; overflow-x: auto;
border-radius: 26px; display: flex;
z-index: 99 !important; padding-bottom: 3rem;
transition: all ease-in-out 0.3s;
/* transition-delay: 0.1s; */
width: fit-content;
} }
#tm video {
max-width: 40%; .features.card-grid .support-card {
border-radius: 26px; min-width: 50rem;
transition: all ease-in-out 0.3s; min-height: 50rem;
/* transition-delay: 0.1s; */ margin: 3rem;
z-index: 99; background-image: none;
} background-color: var(--color-dim);
#ti:hover #tm p, padding: 10rem;
#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 {
display: flex; display: flex;
flex-direction: column; 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; footer {
flex-direction: column; margin-top: 20rem;
align-items: flex-end;
} }
#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; .link-list .underlink {
left: unset; display: block;
opacity: 0.5;
margin: 2.5rem 0;
} }
#ti.mm:hover #tm p,
#ti.mm:hover #tm video { .link-list .underlink:hover {
margin-left: 0; opacity: 0.8;
margin-right: 40px;
} }
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;
} }
+88 -36
View File
@@ -10,49 +10,101 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION. COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
************************************************************************/ ************************************************************************/
.features, .big-button {
.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 {
text-align: left; text-align: left;
width: fit-content;
} }
.pop-feature .explanation div { .info {
margin-left: 0; width: 70rem;
padding: 50px; max-width: 70rem;
display: inline-table;
} }
.pop-feature.alternate { .info:not(:last-of-type) {
flex-direction: row-reverse; margin-right: 6rem;
} }
.pop-feature.alternate .explanation { .link-section {
text-align: right; display: flex;
} }
.pop-feature.pop-feature.alternate .explanation div { .link-section .link-list {
margin-left: auto; flex: 1;
margin-right: 0; }
.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;
} }
+6 -277
View File
@@ -10,285 +10,14 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION. COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
************************************************************************/ ************************************************************************/
html { .bubble.right {
font-size: 6.5px !important; margin-right: 0rem;
} }
body { .bubble.left {
font-size: 6.5px !important; margin-left: 0rem;
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;
} }
.feature-card .feature-text { .link-list .underlink {
z-index: 1; width: fit-content;
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;
} }
-4
View File
@@ -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 CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION. COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
************************************************************************/ ************************************************************************/
.welcome .landing video {
max-width: 75%;
}
+36 -24
View File
@@ -11,37 +11,49 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
************************************************************************/ ************************************************************************/
:root { :root {
--primary: black; --color-primary: black;
--primary-medium: #464646; --color-secondary: white;
--primary-light: #626262; --color-secondary-light: rgba(255, 255, 255, 0.726);
--cta: #c0f300; --color-tertiary: #2e2e2e;
--primary-text: white; --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 { .card-grid .support-card#prime {
background-image: url('../media/logos/HBONowWhite.png'); background-image: url('/media/logos/Prime.webp');
} }
.supported-logo#hbomax { .card-grid .support-card#youtube {
background-image: url('../media/logos/HBOMaxWhite.png'); background-image: url('/media/logos/Youtube.webp');
} }
.supported-logo#peacock { .card-grid .support-card#hbo {
background-image: url('../media/logos/Peacock.png'); background-image: url('/media/logos/HBOMaxWhite.webp');
} }
.supported-logo#appletv { .card-grid .support-card#peacock {
background-image: url('../media/logos/AppleTVWhite.png'); background-image: url('/media/logos/Peacock.webp');
} }
.supported-logo#viki { .card-grid .support-card#google {
background-image: url('../media/logos/Viki.png'); background-image: url('/media/logos/GooglePlay.webp');
} }
.supported-logo#funimation { .card-grid .support-card#crunchyroll {
background-image: url('../media/logos/FunimationWhite.png'); background-image: url('/media/logos/Crunchyroll.webp');
background-size: 60% !important; }
.card-grid .support-card#apple {
background-image: url('/media/logos/AppleTVWhite.webp');
}
.card-grid .support-card#funimation {
background-image: url('/media/logos/FunimationWhite.webp');
} }
+34 -36
View File
@@ -5,56 +5,54 @@ Proprietary and confidential
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020 Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
https://www.chromewatchparty.com/copyright https://www.chromewatchparty.com/copyright
========================================================================= =========================================================================
ALL CONTENT ON WATCH PARTY'S WEBSITE OR IN WATCH PARTY'S CHROME EXTENSION APP, UNLESS OTHERWISE ALL CONTENT ON WATCH PARTY'S WEBSITE OR IN WATCH PARTY'S CHROME EXTENSION
CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE APP, UNLESS OTHERWISE CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION. AMITABH, AND MAY NOT BE COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
************************************************************************/ ************************************************************************/
:root { :root {
--primary: white; --color-primary: white;
--primary-medium: #c5c5c5; --color-secondary: black;
--primary-light: #c0f300; --color-secondary-light: rgba(87, 87, 87, 0.3);
--cta: black; --color-tertiary: #f7f6f6;
--primary-text: black; --color-bright: #beff94;
--color-dim: #dfedd6;
font-size: 10px; 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 { .card-grid .support-card#hulu {
background-image: url('../media/logos/Hulu.png'); background-image: url('/media/logos/Hulu.webp');
} }
.supported-logo#disney { .card-grid .support-card#disney {
background-image: url('../media/logos/DisneyColor.png'); background-image: url('/media/logos/DisneyColor.webp');
} }
.supported-logo#prime { .card-grid .support-card#prime {
background-image: url('../media/logos/PrimeColor.png'); background-image: url('/media/logos/PrimeColor.webp');
} }
.supported-logo#youtube { .card-grid .support-card#youtube {
background-image: url('../media/logos/YoutubeColor.png'); background-image: url('/media/logos/YoutubeColor.webp');
} }
.supported-logo#hbonow { .card-grid .support-card#hbo {
background-image: url('../media/logos/HBONowBlack.png'); background-image: url('/media/logos/HBOMax.webp');
} }
.supported-logo#hbomax { .card-grid .support-card#peacock {
background-image: url('../media/logos/HBOMax.png'); background-image: url('/media/logos/PeacockColor.webp');
} }
.supported-logo#peacock { .card-grid .support-card#google {
background-image: url('../media/logos/PeacockColor.png'); background-image: url('/media/logos/GooglePlayColor.webp');
} }
.supported-logo#googleplay { .card-grid .support-card#crunchyroll {
background-image: url('../media/logos/GooglePlay.png'); background-image: url('/media/logos/Crunchyroll.webp');
} }
.supported-logo#crunchyroll { .card-grid .support-card#apple {
background-image: url('../media/logos/Crunchyroll.png'); background-image: url('/media/logos/AppleTVBlack.webp');
} }
.supported-logo#appletv { .card-grid .support-card#viki {
background-image: url('../media/logos/AppleTVBlack.png'); background-image: url('/media/logos/Viki.webp');
} }
.supported-logo#viki { .card-grid .support-card#funimation {
background-image: url('../media/logos/Viki.png'); background-image: url('/media/logos/FunimationColor.webp');
}
.supported-logo#funimation {
background-image: url('../media/logos/FunimationColor.png');
background-size: 60% !important;
} }
+250 -285
View File
@@ -12,312 +12,277 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
-------------------------------------------------------------------------> ------------------------------------------------------------------------->
<html> <html>
<head> <head>
<link rel="apple-touch-icon" sizes="57x57" href="../icons/apple-icon-57x57.png" /> <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="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="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="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="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="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="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="152x152" href="/icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-icon-180x180.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="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="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="96x96" href="/icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
<link rel="icon" href="../icons/favicon.ico" /> <link rel="icon" href="/icons/favicon.ico" />
<link rel="manifest" href="../manifest.json" /> <link rel="manifest" href="/manifest.json" />
<meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" /> <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="/font.css" />
<link rel="stylesheet" type="text/css" href="../styles/index.css" /> <link rel="stylesheet" type="text/css" href="/styles/index.css" />
<script src="../scripts/Stickied.js"></script>
<title>Watch Party | Welcome</title> <title>Watch Party | Welcome</title>
</head> </head>
<!-- Global site tag (gtag.js) - Google Analytics --> <body>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"> <div class="heading bubble empty right">
</script> <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
<script> <h4 class="sub-title" data-font="sans">
window.dataLayer = window.dataLayer || []; WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
function gtag(){dataLayer.push(arguments);} </h4>
gtag('js', new Date()); <a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
GET CHROME EXTENSION
gtag('config', 'UA-87498806-2'); </a>
</script> </div>
<body class="welcome"> <div style="margin-top: 10rem !important" class="text-section">
<div class="landing"> <div class="info">
<div class="logo-circle"></div> <div class="info-text">
<div class="logo-circle"></div> <h4 class="sub-title" data-font="sans-bold">WATCH TOGETHER ON</h4>
<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>
</div> </div>
</div> </div>
</div> </div>
<div id="getting-started" class="pop-features"> <div class="card-grid">
<p data-font="sans-bold" class="title"> <a href="https://www.netflix.com/" id="netflix" class="support-card"></a>
GETTING STARTED <a href="https://www.hulu.com/" id="hulu" class="support-card"></a>
</p> <a href="https://www.disneyplus.com/" id="disney" class="support-card"></a>
<div class="pop-feature"> <a href="https://www.amazon.com/gp/video/storefront" id="prime" class="support-card"></a>
<div id="title-card-container"> <a href="https://www.youtube.com/" id="youtube" class="support-card"></a>
<div id="title-card"> <a href="https://play.hbomax.com/" id="hbo" class="support-card"></a>
<div data-font="serif" id="fab">WP</div> <a href="https://www.peacocktv.com/" id="peacock" class="support-card"></a>
<div id="sidebar"></div> <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="text-section">
<div class="info">
<div class="info-text">
<h1 class="title" data-font="sans-bold">FAQ</h1>
</div> </div>
</div> </div>
<div class="explanation"> <div class="info">
<div> <div class="info-text">
<h4 data-font="sans-bold">TO BE OR NOT TO BE</h4> <h4 class="sub-title" data-font="sans-bold">
<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>
<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 DO I STILL NEED ACCOUNTS FOR THE STREAMING PLATFORMS
</h6> </h4>
<p data-font="sans-bold"> <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. Yes, Watch Party is not a hack. The sole purpose of Watch Party is to help synchronize
the playing/pausing on streamed content.
</p> </p>
</div> </div>
</div>
<div class="tip"> <div class="info">
<h6 data-font="sans"> <div class="info-text">
CAN I DISABLE WATCH PARTY TEMPORARILY <h4 class="sub-title" data-font="sans-bold">CAN I DISABLE WATCH PARTY TEMPORARILY</h4>
</h6> <p data-font="sans" class="body">
<p data-font="sans-bold"> Watch Party is built to not be in your way but, it can be manually disabled by going to
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. the Chrome Extensions page (chrome://extensions) and toggling the little blue switch
<br /> next to Watch Party. You can alternatively go to a supported website, then right click
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. 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> </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> </div>
<div class="tip"> <div class="info">
<h6 data-font="sans"> <div class="info-text">
CAN I USE WATCH PARTY IN FULLSCREEN <h4 class="sub-title" data-font="sans-bold">HOW CAN I HELP KEEP WATCH PARTY ALIVE</h4>
</h6> <div>
<p data-font="sans-bold"> <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. 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> </p>
</div>
<div class="tip">
<h6 data-font="sans">
CAN I USE THE SAME PARTY, ON A DIFFERENT SITE
</h6>
<p data-font="sans-bold">
If you started the party, you can simply join the party from a different place to change the party location.
</p>
</div>
<div class="tip">
<h6 data-font="sans">
CHAT NOTIFICATIONS ARE ANNOYING
</h6>
<p data-font="sans-bold">
You can turn off the chat notifications from the title card in the sidebar. Click on the title card to see the setting.
</p>
</div>
<div class="tip">
<h6 data-font="sans">
HOW DO I SEARCH FOR GIFs
</h6>
<p data-font="sans-bold">
Click on the GIF button next to the message input box, start searching! Scroll to the right to load more results.
</p>
</div>
<div class="tip">
<h6 data-font="sans">
CAN I DELETE PARTY DATA MANUALLY
</h6>
<p data-font="sans-bold">
Click on the title card in the sidebar, and click on the End Party button. Ending a party immediately deletes all data.
</p>
</div>
<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> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
</p>
<p class="title built-with">
BUILT WITH &#x1F49A; 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 <a
data-font="sans-bold" data-font="sans"
href="mailto:admin@chromewatchparty.com?subject=FAQ Contact"
class="underlink"
>CONTACT</a
>
</div>
</div>
</div>
<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="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="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="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>
</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" href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button" data-font="sans"
> >
Give Feedback Give Feedback
</a> </a>
<a data-font="sans-bold" href="../welcome/" class="link-button"> <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
Getting Started <a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
Support Watch Party
</a> </a>
<a data-font="sans-bold" href="../changes/" class="link-button"> <a
Changelog class="underlink"
target="_blank"
href="https://get.chromewatchparty.com"
data-font="sans"
>
Get Chrome Extension
</a> </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> </footer>
</body> </body>
</html> </html>