v1.4.1-beta/Final website UI, add copyright
@@ -1,4 +1,10 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<!-----------------------------------------------------------------------
|
||||||
|
Copyright (C) Ayushya Amitabh - All Rights Reserved
|
||||||
|
Unauthorized copying of this file, via any medium is strictly prohibited
|
||||||
|
Proprietary and confidential
|
||||||
|
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
|
||||||
|
------------------------------------------------------------------------->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="refresh" content="0; URL='./'" />
|
<meta http-equiv="refresh" content="0; URL='./'" />
|
||||||
|
|||||||
@@ -1,7 +1,13 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<!-----------------------------------------------------------------------
|
||||||
|
Copyright (C) Ayushya Amitabh - All Rights Reserved
|
||||||
|
Unauthorized copying of this file, via any medium is strictly prohibited
|
||||||
|
Proprietary and confidential
|
||||||
|
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
|
||||||
|
------------------------------------------------------------------------->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="refresh" content="0; URL='./beta/#request'" />
|
<meta http-equiv="refresh" content="0; URL='https://request.chromewatchparty.com'" />
|
||||||
<title>Watch Party | Beta</title>
|
<title>Watch Party | Beta</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -1,71 +1,16 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<!-----------------------------------------------------------------------
|
||||||
|
Copyright (C) Ayushya Amitabh - All Rights Reserved
|
||||||
|
Unauthorized copying of this file, via any medium is strictly prohibited
|
||||||
|
Proprietary and confidential
|
||||||
|
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
|
||||||
|
------------------------------------------------------------------------->
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="apple-touch-icon" sizes="57x57" href="../icons/apple-icon-57x57.png" />
|
<meta http-equiv="refresh" content="0; URL='https://forms.gle/Me3Z1pTj1fiMoHUd9'" />
|
||||||
<link rel="apple-touch-icon" sizes="60x60" href="../icons/apple-icon-60x60.png" />
|
<title>Watch Party | Beta</title>
|
||||||
<link rel="apple-touch-icon" sizes="72x72" href="../icons/apple-icon-72x72.png" />
|
|
||||||
<link rel="apple-touch-icon" sizes="76x76" href="../icons/apple-icon-76x76.png" />
|
|
||||||
<link rel="apple-touch-icon" sizes="114x114" href="../icons/apple-icon-114x114.png" />
|
|
||||||
<link rel="apple-touch-icon" sizes="120x120" href="../icons/apple-icon-120x120.png" />
|
|
||||||
<link rel="apple-touch-icon" sizes="144x144" href="../icons/apple-icon-144x144.png" />
|
|
||||||
<link rel="apple-touch-icon" sizes="152x152" href="../icons/apple-icon-152x152.png" />
|
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-icon-180x180.png" />
|
|
||||||
<link rel="icon" type="image/png" sizes="192x192" href="../icons/android-icon-192x192.png" />
|
|
||||||
<link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png" />
|
|
||||||
<link rel="icon" type="image/png" sizes="96x96" href="../icons/favicon-96x96.png" />
|
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" />
|
|
||||||
<link rel="icon" href="../icons/favicon.ico" />
|
|
||||||
<link rel="manifest" href="../manifest.json" />
|
|
||||||
<meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" />
|
|
||||||
<link rel="stylesheet" type="text/css" href="../font.css" />
|
|
||||||
<link rel="stylesheet" type="text/css" href="../styles/index.css" />
|
|
||||||
<script src="../scripts/Stickied.js"></script>
|
|
||||||
<title>Watch Party</title>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header data-header-visible="false">
|
Redirecting...
|
||||||
<brand data-font="serif">WATCH PARTY</brand>
|
|
||||||
<spacer></spacer>
|
|
||||||
<a target="_self" href="#request" data-font="sans">GET CHROME EXTENSION</a>
|
|
||||||
<a target="_self" href="https://www.paypal.me/Ayushya" data-font="sans"
|
|
||||||
>SUPPORT WATCH PARTY</a
|
|
||||||
>
|
|
||||||
</header>
|
|
||||||
<section class="landing">
|
|
||||||
<a target="_self" href="#request" class="get" data-font="sans">GET CHROME EXTENSION</a>
|
|
||||||
<a target="_self" href="../" class="brand" data-font="serif">
|
|
||||||
<span>
|
|
||||||
WATCH PARTY
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</section>
|
|
||||||
<section id="request" class="beta">
|
|
||||||
<script
|
|
||||||
src="../scripts/GoogleFormStyler.js"
|
|
||||||
form="https://docs.google.com/forms/d/e/1FAIpQLSfhGxX7rJ4gNEYuQsx_wgg0GJqJq9XRWlgbpMZCrK14iPyuZA/viewform?embedded=true"
|
|
||||||
></script>
|
|
||||||
</section>
|
|
||||||
<footer data-font="sans">
|
|
||||||
<div class="inner">
|
|
||||||
<footerline>
|
|
||||||
<div>
|
|
||||||
© Ayushya Amitabh, 2020
|
|
||||||
</div>
|
|
||||||
<spacer></spacer>
|
|
||||||
<div>
|
|
||||||
Built with ❤️ for <a href="https://www.google.com/chrome/">Google Chrome</a> using
|
|
||||||
<a href="https://firebase.google.com/">Firebase</a>,
|
|
||||||
<a href="https://material-ui.com/">Material-UI</a>,
|
|
||||||
<a href="https://reactjs.org/">React JS</a> ,
|
|
||||||
<a href="https://nodejs.org/en/">Node.js</a> & <a href="https://giphy.com/">Giphy</a>
|
|
||||||
</div>
|
|
||||||
</footerline>
|
|
||||||
<footerline>
|
|
||||||
<a href="#request" data-font="sans">GET CHROME EXTENSION</a>
|
|
||||||
<spacer></spacer>
|
|
||||||
<a href="https://www.paypal.me/Ayushya" data-font="sans">SUPPORT WATCH PARTY</a>
|
|
||||||
</footerline>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -0,0 +1,93 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<!-----------------------------------------------------------------------
|
||||||
|
Copyright (C) Ayushya Amitabh - All Rights Reserved
|
||||||
|
Unauthorized copying of this file, via any medium is strictly prohibited
|
||||||
|
Proprietary and confidential
|
||||||
|
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
|
||||||
|
=========================================================================
|
||||||
|
ALL CONTENT ON THIS WEBSITE, UNLESS OTHERWISE CITED ARE THE SOLE
|
||||||
|
INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE COPIED, EDITED,
|
||||||
|
OR REPRODUCED WITHOUT PERMISSION.
|
||||||
|
|
||||||
|
Netflix logo is a trademark and intellectual property of Netflix, Inc.
|
||||||
|
Disney+ logo is a trademark and intellectual property of The Walt Disney Company
|
||||||
|
Prime logo is a trademark and intellectual property of Amazon.com, Inc.
|
||||||
|
YouTube logo is a trademark and intellectual property of Google, Inc.
|
||||||
|
Hulu logo is a trademark and intellectual property of Hulu, LLC.
|
||||||
|
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,LLC.
|
||||||
|
------------------------------------------------------------------------->
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<link rel="apple-touch-icon" sizes="57x57" href="../icons/apple-icon-57x57.png" />
|
||||||
|
<link rel="apple-touch-icon" sizes="60x60" href="../icons/apple-icon-60x60.png" />
|
||||||
|
<link rel="apple-touch-icon" sizes="72x72" href="../icons/apple-icon-72x72.png" />
|
||||||
|
<link rel="apple-touch-icon" sizes="76x76" href="../icons/apple-icon-76x76.png" />
|
||||||
|
<link rel="apple-touch-icon" sizes="114x114" href="../icons/apple-icon-114x114.png" />
|
||||||
|
<link rel="apple-touch-icon" sizes="120x120" href="../icons/apple-icon-120x120.png" />
|
||||||
|
<link rel="apple-touch-icon" sizes="144x144" href="../icons/apple-icon-144x144.png" />
|
||||||
|
<link rel="apple-touch-icon" sizes="152x152" href="../icons/apple-icon-152x152.png" />
|
||||||
|
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-icon-180x180.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="192x192" href="../icons/android-icon-192x192.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="96x96" href="../icons/favicon-96x96.png" />
|
||||||
|
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" />
|
||||||
|
<link rel="icon" href="../icons/favicon.ico" />
|
||||||
|
<link rel="manifest" href="../manifest.json" />
|
||||||
|
<meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="../font.css" />
|
||||||
|
<link rel="stylesheet" type="text/css" href="../styles/index.css" />
|
||||||
|
<script src="../scripts/Stickied.js"></script>
|
||||||
|
<title>Watch Party</title>
|
||||||
|
</head>
|
||||||
|
<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"><a href="../">WATCH PARTY</a> | COPYRIGHT</h1>
|
||||||
|
<h5 data-font="sans" class="logo-tag">
|
||||||
|
Copyright © 2020 Ayushya Amitabh. All Rights Reserved.
|
||||||
|
</h5>
|
||||||
|
<p data-font="sans-bold" class="title subtitle built-with">
|
||||||
|
Unauthorized copying of this website and Watch Party's Chrome Extension app, via any medium
|
||||||
|
is strictly prohibited. Written by Ayushya Amitabh
|
||||||
|
<a href="mailto:admin@chromewatchparty.com">(admin@chromewatchparty.com)</a>
|
||||||
|
<br />
|
||||||
|
</p>
|
||||||
|
<p data-font="sans-bold" class="title subtitle built-with">
|
||||||
|
ALL CONTENT ON THIS WEBSITE AND IN WATCH PARTY'S CHROME EXTENSION APP, UNLESS OTHERWISE
|
||||||
|
CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE COPIED, EDITED,
|
||||||
|
OR REPRODUCED WITHOUT PERMISSION.
|
||||||
|
</p>
|
||||||
|
<p data-font="sans-bold" class="title subtitle built-with">
|
||||||
|
Netflix logo is a trademark and intellectual property of Netflix, Inc.<br />
|
||||||
|
Disney+ logo is a trademark and intellectual property of The Walt Disney Company<br />
|
||||||
|
Prime logo is a trademark and intellectual property of Amazon.com, Inc.<br />
|
||||||
|
YouTube logo is a trademark and intellectual property of Google, Inc.<br />
|
||||||
|
Hulu logo is a trademark and intellectual property of Hulu, LLC.<br />
|
||||||
|
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,
|
||||||
|
LLC.
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<footer data-font="sans">
|
||||||
|
<p class="title built-with">
|
||||||
|
<a href="../copyright/">COPYRIGHT</a> © 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
|
||||||
|
</p>
|
||||||
|
<p class="title built-with">
|
||||||
|
BUILT WITH 💚 FOR <a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING
|
||||||
|
<a href="https://firebase.google.com/">FIREBASE</a>,
|
||||||
|
<a href="https://material-ui.com/">MATERIAL-UI</a>,
|
||||||
|
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>, &
|
||||||
|
<a href="https://giphy.com/">GIPHY</a>.
|
||||||
|
</p>
|
||||||
|
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
|
||||||
|
Support Watch Party
|
||||||
|
</a>
|
||||||
|
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
|
||||||
|
>Get Chrome Extension</a
|
||||||
|
>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -1,3 +1,10 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'PixelSplitter';
|
font-family: 'PixelSplitter';
|
||||||
src: url('./fonts/pixelsplitter-bold-webfont.woff2') format('woff2'),
|
src: url('./fonts/pixelsplitter-bold-webfont.woff2') format('woff2'),
|
||||||
|
|||||||
@@ -1,4 +1,21 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
<!-----------------------------------------------------------------------
|
||||||
|
Copyright (C) Ayushya Amitabh - All Rights Reserved
|
||||||
|
Unauthorized copying of this file, via any medium is strictly prohibited
|
||||||
|
Proprietary and confidential
|
||||||
|
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
|
||||||
|
=========================================================================
|
||||||
|
ALL CONTENT ON THIS WEBSITE, UNLESS OTHERWISE CITED ARE THE SOLE
|
||||||
|
INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE COPIED, EDITED,
|
||||||
|
OR REPRODUCED WITHOUT PERMISSION.
|
||||||
|
|
||||||
|
Netflix logo is a trademark and intellectual property of Netflix, Inc.
|
||||||
|
Disney+ logo is a trademark and intellectual property of The Walt Disney Company
|
||||||
|
Prime logo is a trademark and intellectual property of Amazon.com, Inc.
|
||||||
|
YouTube logo is a trademark and intellectual property of Google, Inc.
|
||||||
|
Hulu logo is a trademark and intellectual property of Hulu, LLC.
|
||||||
|
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,LLC.
|
||||||
|
------------------------------------------------------------------------->
|
||||||
<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" />
|
||||||
@@ -41,14 +58,16 @@
|
|||||||
<div class="supported-logo" id="hbonow"></div>
|
<div class="supported-logo" id="hbonow"></div>
|
||||||
<div class="supported-logo" id="hbomax"></div>
|
<div class="supported-logo" id="hbomax"></div>
|
||||||
</div>
|
</div>
|
||||||
<a data-font="sans-bold" href="./beta/" class="link-button">Get Chrome Extension</a>
|
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
|
||||||
|
>Get Chrome Extension</a
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div class="features">
|
<div class="features">
|
||||||
<p data-font="sans-bold" class="title subtitle">FEATURES</p>
|
<p data-font="sans-bold" class="title subtitle">FEATURES</p>
|
||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
<div class="feature-icon" id="sync"></div>
|
<div class="feature-icon" id="sync"></div>
|
||||||
<p data-font="sans" class="feature-text">
|
<p data-font="sans" class="feature-text">
|
||||||
Free group voice calls - for when text and GIFs just won't do.
|
Watch Party syncs play, pause and timestamp.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
@@ -60,36 +79,51 @@
|
|||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
<div class="feature-icon" id="chat"></div>
|
<div class="feature-icon" id="chat"></div>
|
||||||
<p data-font="sans" class="feature-text">
|
<p data-font="sans" class="feature-text">
|
||||||
Free group voice calls - for when text and GIFs just won't do.
|
Unlimited gifs from Giphy in chat.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
<div class="feature-icon" id="delete"></div>
|
<div class="feature-icon" id="delete"></div>
|
||||||
<p data-font="sans" class="feature-text">
|
<p data-font="sans" class="feature-text">
|
||||||
Free group voice calls - for when text and GIFs just won't do.
|
What happens in Watch Party, stays in Watch Party - for 24 hours, then it's all gone.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="feature-card">
|
||||||
|
<div class="feature-icon" id="hideable"></div>
|
||||||
|
<p data-font="sans" class="feature-text">
|
||||||
|
There when you need it, hideable when you want to focus on the show.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
<div class="feature-icon" id="custom"></div>
|
<div class="feature-icon" id="custom"></div>
|
||||||
<p data-font="sans" class="feature-text">
|
<p data-font="sans" class="feature-text">
|
||||||
Free group voice calls - for when text and GIFs just won't do.
|
No party crashers. Custom party names secured with custom pins.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="feature-card">
|
<div class="feature-card">
|
||||||
<div class="feature-icon" id="signup"></div>
|
<div class="feature-icon" id="signup"></div>
|
||||||
<p data-font="sans" class="feature-text">
|
<p data-font="sans" class="feature-text">
|
||||||
Free group voice calls - for when text and GIFs just won't do.
|
No sign up, no login, no data taken from you.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<footer data-font="sans">
|
<footer data-font="sans">
|
||||||
<p class="title">© AYUSHYA AMITABH, 2020</p>
|
|
||||||
<p class="title built-with">
|
<p class="title built-with">
|
||||||
BUILT WITH ❤ FOR <a>GOOGLE CHROME</a> USING <a>FIREBASE</a>, <a>MATERIAL-UI</a>,
|
<a href="./copyright/">COPYRIGHT</a> © 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
|
||||||
<a>REACT JS</a>, <a>NODE JS</a>, & <a>GIPHY</a>.
|
|
||||||
</p>
|
</p>
|
||||||
<a data-font="sans-bold" href="./beta/" class="link-button">Support Watch Party</a>
|
<p class="title built-with">
|
||||||
<a data-font="sans-bold" href="./beta/" class="link-button">Get Chrome Extension</a>
|
BUILT WITH 💚 FOR <a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING
|
||||||
|
<a href="https://firebase.google.com/">FIREBASE</a>,
|
||||||
|
<a href="https://material-ui.com/">MATERIAL-UI</a>,
|
||||||
|
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>, &
|
||||||
|
<a href="https://giphy.com/">GIPHY</a>.
|
||||||
|
</p>
|
||||||
|
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
|
||||||
|
Support Watch Party
|
||||||
|
</a>
|
||||||
|
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
|
||||||
|
>Get Chrome Extension</a
|
||||||
|
>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -1,3 +1,9 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
{
|
{
|
||||||
"name": "Watch Party",
|
"name": "Watch Party",
|
||||||
"short_name": "WP",
|
"short_name": "WP",
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 29 KiB |
|
Before Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 42 KiB |
|
Before Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 1.8 MiB |
|
Before Width: | Height: | Size: 504 KiB After Width: | Height: | Size: 504 KiB |
|
Before Width: | Height: | Size: 534 KiB After Width: | Height: | Size: 534 KiB |
|
Before Width: | Height: | Size: 574 KiB After Width: | Height: | Size: 574 KiB |
|
Before Width: | Height: | Size: 380 KiB After Width: | Height: | Size: 380 KiB |
|
Before Width: | Height: | Size: 825 KiB After Width: | Height: | Size: 825 KiB |
|
Before Width: | Height: | Size: 576 KiB After Width: | Height: | Size: 576 KiB |
|
Before Width: | Height: | Size: 563 KiB After Width: | Height: | Size: 563 KiB |
|
Before Width: | Height: | Size: 22 MiB |
|
Before Width: | Height: | Size: 424 KiB |
|
Before Width: | Height: | Size: 792 KiB |
|
Before Width: | Height: | Size: 218 KiB After Width: | Height: | Size: 218 KiB |
|
Before Width: | Height: | Size: 146 KiB After Width: | Height: | Size: 146 KiB |
|
Before Width: | Height: | Size: 91 KiB After Width: | Height: | Size: 91 KiB |
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 79 KiB |
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 37 KiB After Width: | Height: | Size: 37 KiB |
|
Before Width: | Height: | Size: 36 KiB After Width: | Height: | Size: 36 KiB |
|
Before Width: | Height: | Size: 5.4 KiB After Width: | Height: | Size: 5.4 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 20 KiB |
|
Before Width: | Height: | Size: 2.3 MiB |
|
Before Width: | Height: | Size: 7.1 KiB |
|
Before Width: | Height: | Size: 643 KiB |
|
Before Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 76 KiB |
|
Before Width: | Height: | Size: 1.9 MiB |
@@ -1,22 +0,0 @@
|
|||||||
(function (XHR) {
|
|
||||||
var open = XHR.prototype.open;
|
|
||||||
XHR.prototype.open = function (method, url, async, user, pass) {
|
|
||||||
this._url = url;
|
|
||||||
if (url.indexOf('gstatic.com') !== -1 || url.indexOf('docs.google.com') !== -1) {
|
|
||||||
url = 'https://googleformrestyler.apixml.net/corsProxy.aspx?base64Url=' + btoa(url);
|
|
||||||
}
|
|
||||||
open.call(this, method, url, async, user, pass);
|
|
||||||
};
|
|
||||||
})(XMLHttpRequest);
|
|
||||||
(function () {
|
|
||||||
var script =
|
|
||||||
document.currentScript ||
|
|
||||||
/*Polyfill*/ Array.prototype.slice.call(document.getElementsByTagName('script')).pop();
|
|
||||||
var URL = script.getAttribute('form');
|
|
||||||
var xhr = new XMLHttpRequest();
|
|
||||||
xhr.open('GET', URL);
|
|
||||||
xhr.onload = function () {
|
|
||||||
document.write(xhr.response);
|
|
||||||
};
|
|
||||||
xhr.send();
|
|
||||||
})();
|
|
||||||
@@ -1,3 +1,10 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|
||||||
var LOGO_INIT = 0;
|
var LOGO_INIT = 0;
|
||||||
var GET_INIT = 0;
|
var GET_INIT = 0;
|
||||||
function handleSticky() {
|
function handleSticky() {
|
||||||
@@ -8,14 +15,18 @@ function handleSticky() {
|
|||||||
} else {
|
} else {
|
||||||
logo.classList.remove('stickied');
|
logo.classList.remove('stickied');
|
||||||
}
|
}
|
||||||
|
if (get) {
|
||||||
if (window.scrollY >= GET_INIT + get.offsetHeight * 1.5) {
|
if (window.scrollY >= GET_INIT + get.offsetHeight * 1.5) {
|
||||||
get.classList.add('stickied');
|
get.classList.add('stickied');
|
||||||
} else {
|
} else {
|
||||||
get.classList.remove('stickied');
|
get.classList.remove('stickied');
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
window.onload = function () {
|
window.onload = function () {
|
||||||
LOGO_INIT = document.querySelector('.logo').offsetTop;
|
LOGO_INIT = document.querySelector('.logo').offsetTop;
|
||||||
GET_INIT = document.querySelector('.landing .link-button').offsetTop;
|
GET_INIT = document.querySelector('.landing .link-button')
|
||||||
|
? document.querySelector('.landing .link-button').offsetTop
|
||||||
|
: 0;
|
||||||
window.addEventListener('scroll', this.handleSticky);
|
window.addEventListener('scroll', this.handleSticky);
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,7 +1,14 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-size: 11.5px !important;
|
font-size: 7px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-size: 11.5px !important;
|
font-size: 7px !important;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,3 +1,10 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|
||||||
@keyframes circleFloat {
|
@keyframes circleFloat {
|
||||||
0% {
|
0% {
|
||||||
top: -12.5rem;
|
top: -12.5rem;
|
||||||
@@ -149,12 +156,12 @@ footer .title {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.built-with {
|
|
||||||
line-height: 4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.built-with a {
|
.built-with a {
|
||||||
color: var(--cta);
|
color: var(--cta);
|
||||||
|
text-decoration: none;
|
||||||
|
border-bottom: 1px solid var(--cta);
|
||||||
|
padding-bottom: 0.5rem;
|
||||||
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
footer .link-button {
|
footer .link-button {
|
||||||
@@ -163,3 +170,20 @@ footer .link-button {
|
|||||||
width: calc(100% - 15rem);
|
width: calc(100% - 15rem);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.copyright .landing {
|
||||||
|
flex: 1;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright .logo {
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright .logo a {
|
||||||
|
color: var(--cta);
|
||||||
|
text-decoration: none;
|
||||||
|
padding-bottom: 0.5rem;
|
||||||
|
line-height: 125%;
|
||||||
|
border-bottom: 1px solid;
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,3 +1,10 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|
||||||
@import './variables.css';
|
@import './variables.css';
|
||||||
@import './variables-dark.css' screen and (prefers-color-scheme: dark);
|
@import './variables-dark.css' screen and (prefers-color-scheme: dark);
|
||||||
|
|
||||||
|
|||||||
@@ -1,3 +1,10 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|
||||||
.features,
|
.features,
|
||||||
.supported {
|
.supported {
|
||||||
max-width: none;
|
max-width: none;
|
||||||
|
|||||||
@@ -1,22 +1,50 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-size: 7.5px !important;
|
font-size: 6.5px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-size: 7.5px !important;
|
font-size: 6.5px !important;
|
||||||
|
display: flex;
|
||||||
|
min-height: 100vh;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
.features,
|
.features,
|
||||||
.supported {
|
.supported {
|
||||||
max-width: 75%;
|
max-width: 75%;
|
||||||
|
flex: 1;
|
||||||
}
|
}
|
||||||
.link-button {
|
.link-button {
|
||||||
transition: all ease-in-out 0.2s !important;
|
transition: all ease-in-out 0.2s !important;
|
||||||
border: 3px solid transparent;
|
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 {
|
.link-button:hover {
|
||||||
border: 3px solid var(--primary-text);
|
color: var(--primary);
|
||||||
box-shadow: 0 0 10px var(--primary-text);
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.link-button:hover::before {
|
||||||
|
width: 100%;
|
||||||
|
z-index: -1;
|
||||||
}
|
}
|
||||||
.logo {
|
.logo {
|
||||||
font-size: 10rem;
|
font-size: 10rem;
|
||||||
@@ -43,6 +71,9 @@ body {
|
|||||||
border: none !important;
|
border: none !important;
|
||||||
box-shadow: none !important;
|
box-shadow: none !important;
|
||||||
}
|
}
|
||||||
|
.landing .link-button.stickied::before {
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
.feature-card {
|
.feature-card {
|
||||||
background-color: var(--primary-medium);
|
background-color: var(--primary-medium);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
@@ -91,13 +122,11 @@ body {
|
|||||||
}
|
}
|
||||||
.feature-card:hover .feature-icon {
|
.feature-card:hover .feature-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
top: unset;
|
top: -35%;
|
||||||
left: unset;
|
left: unset;
|
||||||
|
transform: scale(3);
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
footer {
|
|
||||||
padding-right: 45%;
|
|
||||||
}
|
|
||||||
footer .title {
|
footer .title {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
@@ -111,3 +140,31 @@ footer .link-button {
|
|||||||
padding: 0.8rem 3.375rem;
|
padding: 0.8rem 3.375rem;
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.copyright .landing {
|
||||||
|
max-width: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright .logo a {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright .logo a::before {
|
||||||
|
content: '';
|
||||||
|
height: 100%;
|
||||||
|
top: 0;
|
||||||
|
width: 0;
|
||||||
|
position: absolute;
|
||||||
|
left: -1rem;
|
||||||
|
background: var(--cta);
|
||||||
|
transition: all ease-in-out 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright .logo a:hover::before {
|
||||||
|
width: calc(100% + 1rem);
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.copyright .logo a:hover {
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|||||||
@@ -0,0 +1,6 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|||||||
@@ -1,3 +1,10 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--primary: black;
|
--primary: black;
|
||||||
--primary-medium: #232323;
|
--primary-medium: #232323;
|
||||||
@@ -6,17 +13,17 @@
|
|||||||
--primary-text: white;
|
--primary-text: white;
|
||||||
}
|
}
|
||||||
.supported-logo#disney {
|
.supported-logo#disney {
|
||||||
background-image: url('../media/Disney.png');
|
background-image: url('../media/logos/Disney.png');
|
||||||
}
|
}
|
||||||
.supported-logo#prime {
|
.supported-logo#prime {
|
||||||
background-image: url('../media/Prime.png');
|
background-image: url('../media/logos/Prime.png');
|
||||||
}
|
}
|
||||||
.supported-logo#youtube {
|
.supported-logo#youtube {
|
||||||
background-image: url('../media/Youtube.png');
|
background-image: url('../media/logos/Youtube.png');
|
||||||
}
|
}
|
||||||
.supported-logo#hbonow {
|
.supported-logo#hbonow {
|
||||||
background-image: url('../media/HBONowWhite.png');
|
background-image: url('../media/logos/HBONowWhite.png');
|
||||||
}
|
}
|
||||||
.supported-logo#hbomax {
|
.supported-logo#hbomax {
|
||||||
background-image: url('../media/HBOMaxWhite.png');
|
background-image: url('../media/logos/HBOMaxWhite.png');
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,3 +1,10 @@
|
|||||||
|
/************************************************************************
|
||||||
|
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
|
||||||
|
************************************************************************/
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--primary: white;
|
--primary: white;
|
||||||
--primary-medium: #c5c5c5;
|
--primary-medium: #c5c5c5;
|
||||||
@@ -7,42 +14,45 @@
|
|||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
.supported-logo#netflix {
|
.supported-logo#netflix {
|
||||||
background-image: url('../media/Netflix.png');
|
background-image: url('../media/logos/Netflix.png');
|
||||||
}
|
}
|
||||||
.supported-logo#hulu {
|
.supported-logo#hulu {
|
||||||
background-image: url('../media/Hulu.png');
|
background-image: url('../media/logos/Hulu.png');
|
||||||
}
|
}
|
||||||
.supported-logo#disney {
|
.supported-logo#disney {
|
||||||
background-image: url('../media/DisneyColor.png');
|
background-image: url('../media/logos/DisneyColor.png');
|
||||||
}
|
}
|
||||||
.supported-logo#prime {
|
.supported-logo#prime {
|
||||||
background-image: url('../media/PrimeColor.png');
|
background-image: url('../media/logos/PrimeColor.png');
|
||||||
}
|
}
|
||||||
.supported-logo#youtube {
|
.supported-logo#youtube {
|
||||||
background-image: url('../media/YoutubeColor.png');
|
background-image: url('../media/logos/YoutubeColor.png');
|
||||||
}
|
}
|
||||||
.supported-logo#hbonow {
|
.supported-logo#hbonow {
|
||||||
background-image: url('../media/HBONowBlack.png');
|
background-image: url('../media/logos/HBONowBlack.png');
|
||||||
}
|
}
|
||||||
.supported-logo#hbomax {
|
.supported-logo#hbomax {
|
||||||
background-image: url('../media/HBOMax.png');
|
background-image: url('../media/logos/HBOMax.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.feature-icon#phone {
|
.feature-icon#phone {
|
||||||
background-image: url('../media/Phone.gif');
|
background-image: url('../media/features/Phone.gif');
|
||||||
}
|
}
|
||||||
.feature-icon#delete {
|
.feature-icon#delete {
|
||||||
background-image: url('../media/Delete.gif');
|
background-image: url('../media/features/Delete.gif');
|
||||||
}
|
}
|
||||||
.feature-icon#signup {
|
.feature-icon#signup {
|
||||||
background-image: url('../media/Signup.gif');
|
background-image: url('../media/features/Signup.gif');
|
||||||
}
|
}
|
||||||
.feature-icon#sync {
|
.feature-icon#sync {
|
||||||
background-image: url('../media/Sync.gif');
|
background-image: url('../media/features/Sync.gif');
|
||||||
}
|
}
|
||||||
.feature-icon#custom {
|
.feature-icon#custom {
|
||||||
background-image: url('../media/Custom.gif');
|
background-image: url('../media/features/Custom.gif');
|
||||||
}
|
}
|
||||||
.feature-icon#chat {
|
.feature-icon#chat {
|
||||||
background-image: url('../media/Chat.gif');
|
background-image: url('../media/features/Chat.gif');
|
||||||
|
}
|
||||||
|
.feature-icon#hideable {
|
||||||
|
background-image: url('../media/features/Hideable.gif');
|
||||||
}
|
}
|
||||||
|
|||||||