Files
watchparty/website/index.html
T
2020-07-21 01:11:17 -04:00

139 lines
6.6 KiB
HTML

<!DOCTYPE html>
<!-----------------------------------------------------------------------
Copyright (C) Ayushya Amitabh - All Rights Reserved
Unauthorized copying of this file, via any medium is strictly prohibited
Proprietary and confidential
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
=========================================================================
ALL CONTENT ON THIS WEBSITE, UNLESS OTHERWISE CITED ARE THE SOLE
INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE COPIED, EDITED,
OR REPRODUCED WITHOUT PERMISSION.
Netflix logo is a trademark and intellectual property of Netflix, Inc.
Disney+ logo is a trademark and intellectual property of The Walt Disney Company
Prime logo is a trademark and intellectual property of Amazon.com, Inc.
YouTube logo is a trademark and intellectual property of Google, Inc.
Hulu logo is a trademark and intellectual property of Hulu, LLC.
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,LLC.
Peacock TV logo is a trademark and intellectual property of Peacock TV & NBC Universal.
------------------------------------------------------------------------->
<html>
<head>
<link rel="apple-touch-icon" sizes="57x57" href="./icons/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="./icons/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="./icons/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="./icons/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="./icons/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="./icons/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="./icons/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="./icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="./icons/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="./icons/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="./icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="./icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="./icons/favicon-16x16.png" />
<link rel="icon" href="./icons/favicon.ico" />
<link rel="manifest" href="./manifest.json" />
<meta name="msapplication-TileImage" content="./icons/ms-icon-144x144.png" />
<link rel="stylesheet" type="text/css" href="./font.css" />
<link rel="stylesheet" type="text/css" href="./styles/index.css" />
<script src="./scripts/Stickied.js"></script>
<title>Watch Party</title>
</head>
<body>
<div class="landing">
<div class="logo-circle"></div>
<div class="logo-circle"></div>
<div class="logo-circle"></div>
<h1 data-font="serif" class="logo">WATCH PARTY</h1>
<h5 data-font="sans" class="logo-tag">
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
</h5>
<p data-font="sans-bold" class="title subtitle">FREE. NO SIGNUP. NO BS.<br />WORKS WITH</p>
<div class="supported">
<div data-full-support class="supported-logo" id="netflix"></div>
<div data-full-support class="supported-logo" id="hulu"></div>
<div data-full-support class="supported-logo" id="disney"></div>
<div data-full-support class="supported-logo" id="prime"></div>
<div data-full-support class="supported-logo" id="youtube"></div>
<div data-beta-support class="supported-logo" id="hbonow"></div>
<div data-beta-support class="supported-logo" id="hbomax"></div>
<div data-upcoming-support="Coming in v1.5.0" class="supported-logo" id="peacock"></div>
</div>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
>Get Chrome Extension</a
>
</div>
<div class="features">
<p data-font="sans-bold" class="title subtitle">FEATURES</p>
<div class="feature-card">
<div class="feature-icon" id="sync"></div>
<p data-font="sans" class="feature-text">
Watch Party syncs play, pause and timestamp.
</p>
</div>
<div class="feature-card">
<div class="feature-icon" id="phone"></div>
<p data-font="sans" class="feature-text">
Free group voice calls - for when text and GIFs just won't do.
</p>
</div>
<div class="feature-card">
<div class="feature-icon" id="chat"></div>
<p data-font="sans" class="feature-text">
Unlimited gifs from Giphy in chat.
</p>
</div>
<div class="feature-card">
<div class="feature-icon" id="delete"></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.
</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>
</div>
<div class="feature-card">
<div class="feature-icon" id="custom"></div>
<p data-font="sans" class="feature-text">
No party crashers. Custom party names secured with custom pins.
</p>
</div>
<div class="feature-card">
<div class="feature-icon" id="signup"></div>
<p data-font="sans" class="feature-text">
No sign up, no login, no data taken from you.
</p>
</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>.
</p>
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
Support Watch Party
</a>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
>Get Chrome Extension</a
>
<a
data-font="sans-bold"
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button"
>
Give Feedback
</a>
</footer>
</body>
</html>