v1.6.7/website relaunch
This commit is contained in:
+239
-257
@@ -30,290 +30,272 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
<meta name="msapplication-TileImage" content="./icons/ms-icon-144x144.png" />
|
||||
<link rel="stylesheet" type="text/css" href="./font.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./styles/index.css" />
|
||||
<script src="./scripts/Stickied.js"></script>
|
||||
<title>Watch Party</title>
|
||||
</head>
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-87498806-2');
|
||||
</script>
|
||||
<body class="home">
|
||||
<div class="landing">
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<div class="logo-circle"></div>
|
||||
<h1 data-font="serif" class="logo duplicate">WATCH PARTY</h1>
|
||||
<h1 data-font="serif" class="logo">WATCH PARTY</h1>
|
||||
<h5 data-font="sans" class="logo-tag">
|
||||
<body>
|
||||
<div class="heading bubble empty right">
|
||||
<h1 class="title" data-font="sans-bold">WATCH PARTY</h1>
|
||||
<h4 class="sub-title" data-font="sans">
|
||||
WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
|
||||
</h5>
|
||||
<p data-font="sans-bold" class="title subtitle">FREE. NO SIGNUP. NO BS.<br />WORKS WITH</p>
|
||||
<div class="supported">
|
||||
<div data-full-support class="supported-logo" id="netflix"></div>
|
||||
<div data-full-support class="supported-logo" id="hulu"></div>
|
||||
<div data-full-support class="supported-logo" id="disney"></div>
|
||||
<div data-full-support class="supported-logo" id="prime"></div>
|
||||
<div data-full-support class="supported-logo" id="youtube"></div>
|
||||
<div data-full-support class="supported-logo" id="hbonow"></div>
|
||||
<div data-full-support class="supported-logo" id="hbomax"></div>
|
||||
<div data-full-support class="supported-logo" id="peacock"></div>
|
||||
<div data-full-support class="supported-logo" id="googleplay"></div>
|
||||
<div data-full-support class="supported-logo" id="crunchyroll"></div>
|
||||
<div data-beta-support class="supported-logo" id="appletv"></div>
|
||||
<div data-beta-support class="supported-logo" id="viki"></div>
|
||||
<div data-beta-support class="supported-logo" id="funimation"></div>
|
||||
</div>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="https://request.chromewatchparty.com"
|
||||
class="link-button duplicate"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button">
|
||||
Get Chrome Extension
|
||||
</h4>
|
||||
<a href="https://get.chromewatchparty.com" class="big-button" data-font="sans">
|
||||
GET CHROME EXTENSION
|
||||
</a>
|
||||
</div>
|
||||
<div class="features">
|
||||
<p data-font="sans-bold" class="title subtitle">FEATURES</p>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="sync">
|
||||
<video loop muted autoplay src="./media/features/Sync.mp4"></video>
|
||||
<div class="overlap">
|
||||
<div class="info">
|
||||
<div class="info-card">
|
||||
<video muted autoplay loop src="/media/features/Sync.mp4"></video>
|
||||
</div>
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">STAY IN SYNC.</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Watch Party syncs your favorite shows, with your favorite people, on your favorite
|
||||
streaming services.
|
||||
</p>
|
||||
<a href="/#supported-services" class="underlink" data-font="sans-bold"
|
||||
>SEE SUPPORTED SERVICES</a
|
||||
>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">Watch Party syncs play, pause and timestamp.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="phone">
|
||||
<video loop muted autoplay src="./media/features/Phone.mp4"></video>
|
||||
<div class="info">
|
||||
<div class="info-card">
|
||||
<video muted autoplay loop src="/media/features/All.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">FEATURE RICH.</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Chat with GIFs, group voice calls, and other features to make the most of your watching
|
||||
party.
|
||||
</p>
|
||||
<a href="/#features" class="underlink" data-font="sans-bold">SEE ALL FEATURES</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="supported-services" class="supported text-section">
|
||||
<div class="bright-circle"></div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">
|
||||
SUPPORT FOR ALL YOUR FAVORITE STREAMING SERVICES
|
||||
</h4>
|
||||
<div class="description">
|
||||
<p class="body" data-font="sans">
|
||||
Watch with your favorite people on your favorite streaming service. Don't miss out on
|
||||
your favorite Anime, K-Drama, or American classic no matter how far away you are.
|
||||
</p>
|
||||
<a
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=REQUEST SUPPORT FOR STREAMING SERVICE"
|
||||
class="underlink"
|
||||
data-font="sans-bold"
|
||||
>
|
||||
REQUEST SUPPORT
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-grid">
|
||||
<div id="netflix" class="support-card"></div>
|
||||
<div id="hulu" class="support-card"></div>
|
||||
<div id="disney" class="support-card"></div>
|
||||
<div id="prime" class="support-card"></div>
|
||||
<div id="youtube" class="support-card"></div>
|
||||
<div id="hbo" class="support-card"></div>
|
||||
<div id="peacock" class="support-card"></div>
|
||||
<div id="google" class="support-card"></div>
|
||||
<div id="crunchyroll" class="support-card"></div>
|
||||
<div id="apple" class="support-card"></div>
|
||||
<div id="viki" class="support-card"></div>
|
||||
<div id="funimation" class="support-card"></div>
|
||||
</div>
|
||||
<div id="features" class="features bubble left">
|
||||
<div class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">
|
||||
ALL THE FEATURES THAT YOU WANT, WITHOUT BEING IN YOUR WAY
|
||||
</h4>
|
||||
<div class="description">
|
||||
<p class="body" data-font="sans">
|
||||
Watch Party is built to not be in your way. There when you need it, hidden when you
|
||||
don't.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="overlap features card-grid">
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">SYNCED</h4>
|
||||
<video muted autoplay loop src="/media/features/Sync.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
Watch Party syncs your shows, no more skipping ahead or falling behind.
|
||||
</p>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">GROUP CALL</h4>
|
||||
<video muted autoplay loop src="/media/features/Phone.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
Free group voice calls - for when text and GIFs just won't do.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="chat">
|
||||
<video loop muted autoplay src="./media/features/Chat.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">Unlimited gifs from Giphy in chat.</p>
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">GIFs</h4>
|
||||
<video muted autoplay loop src="/media/features/Chat.mp4"></video>
|
||||
<p data-font="sans" class="body">Unlimited gifs from Giphy in chat.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="delete">
|
||||
<video loop muted autoplay src="./media/features/Delete.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">AUTO-DELETE</h4>
|
||||
<video muted autoplay loop src="/media/features/Delete.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
What happens in Watch Party, stays in Watch Party - for 24 hours, then it's all gone.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="hideable">
|
||||
<video loop muted autoplay src="./media/features/Hideable.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">HIDDEN</h4>
|
||||
<video muted autoplay loop src="/media/features/Hideable.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
There when you need it, hideable when you want to focus on the show.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="custom">
|
||||
<video loop muted autoplay src="./media/features/Custom.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">SECURE</h4>
|
||||
<video muted autoplay loop src="/media/features/Custom.mp4"></video>
|
||||
<p data-font="sans" class="body">
|
||||
No party crashers. Custom party names secured with custom pins.
|
||||
</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon" id="signup">
|
||||
<video loop muted autoplay src="./media/features/Signup.mp4"></video>
|
||||
</div>
|
||||
<p data-font="sans" class="feature-text">No sign up, no login, no data taken from you.</p>
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">PRIVACY</h4>
|
||||
<video muted autoplay loop src="/media/features/Sync.mp4"></video>
|
||||
<p data-font="sans" class="body">No sign up, no login, no data taken from you.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="getting-started" class="pop-features">
|
||||
<p data-font="sans-bold" class="title subtitle">GETTING STARTED</p>
|
||||
<div class="pop-feature">
|
||||
<div id="title-card-container">
|
||||
<div id="title-card">
|
||||
<div data-font="serif" id="fab">WP</div>
|
||||
<div id="sidebar"></div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR USERS</h6>
|
||||
<a class="underlink" href="/welcome#tips" data-font="sans">FAQ</a>
|
||||
<a class="underlink" href="/changes" data-font="sans">Changelog</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
data-font="sans"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://get.chromewatchparty.com"
|
||||
data-font="sans"
|
||||
>
|
||||
Get Chrome Extension
|
||||
</a>
|
||||
</div>
|
||||
<div class="explanation">
|
||||
<div>
|
||||
<h4 data-font="sans-bold">TO BE OR NOT TO BE</h4>
|
||||
<p data-font="sans">
|
||||
Watch Party is built to not be in your way. There when you need it, gone when you
|
||||
don't. The sidebar is now resizeable, and now supports having access to Watch Party in
|
||||
fullscreen. (Use the fullscreen button in the sidebar)
|
||||
</p>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">FOR DEVELOPERS</h6>
|
||||
<a class="underlink" target="_blank" href="https://firebase.google.com" data-font="sans"
|
||||
>Firebase</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://material-ui.com" data-font="sans"
|
||||
>Material UI</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://dolby.io" data-font="sans"
|
||||
>Dolby Voxeet</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://reactjs.org" data-font="sans"
|
||||
>React JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="https://nodejs.org" data-font="sans"
|
||||
>Node JS</a
|
||||
>
|
||||
<a class="underlink" target="_blank" href="http://developers.giphy.com" data-font="sans"
|
||||
>Giphy</a
|
||||
>
|
||||
</div>
|
||||
<div class="link-list">
|
||||
<h6 class="link-list-title" data-font="sans-bold">LEGAL & OTHER</h6>
|
||||
<a class="underlink" data-font="sans">© 2020, Ayushya Amitabh</a>
|
||||
<a class="underlink" href="/copyright" data-font="sans">Copyright</a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
href="https://linkedin.com/in/ayushyamitabh"
|
||||
data-font="sans"
|
||||
>About Creator</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pop-feature alternate">
|
||||
<div id="title-card-container">
|
||||
<div id="title-card">
|
||||
<h5 data-font="sans-bold" id="title-card-title">WATCH PARTY</h5>
|
||||
<h3 data-font="sans" id="title-card-subtitle">YOUR PARTY NAME</h3>
|
||||
<p data-font="sans" id="control-notification">
|
||||
Allow chat notification when side panel is closed
|
||||
<span>Notifications show up when the side bar is hidden</span>
|
||||
</p>
|
||||
<p data-font="sans" id="control-autorejoin">
|
||||
Allow Watch Party to auto rejoin
|
||||
<span>Automatically rejoin party if you return to the page within 1 minute</span>
|
||||
</p>
|
||||
<p data-font="sans" id="control-admin">
|
||||
Enable admin only mode
|
||||
<span>Only party admin can sync player and start calls</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="explanation">
|
||||
<div>
|
||||
<h4 data-font="sans-bold">Stay in control</h4>
|
||||
<p data-font="sans">
|
||||
Find your settings by clicking on title card (when you're in a party) or in the
|
||||
settings panel (when you're creating or joining)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="end-line">
|
||||
<a class="underlink" data-font="sans">Built with ♥ for Google Chrome by Ayushya Amitabh</a>
|
||||
<a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
|
||||
<svg
|
||||
height="4rem"
|
||||
viewBox="0 0 511 511.9"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m510.949219 150.5c-1.199219-27.199219-5.597657-45.898438-11.898438-62.101562-6.5-17.199219-16.5-32.597657-29.601562-45.398438-12.800781-13-28.300781-23.101562-45.300781-29.5-16.296876-6.300781-34.898438-10.699219-62.097657-11.898438-27.402343-1.300781-36.101562-1.601562-105.601562-1.601562s-78.199219.300781-105.5 1.5c-27.199219 1.199219-45.898438 5.601562-62.097657 11.898438-17.203124 6.5-32.601562 16.5-45.402343 29.601562-13 12.800781-23.097657 28.300781-29.5 45.300781-6.300781 16.300781-10.699219 34.898438-11.898438 62.097657-1.300781 27.402343-1.601562 36.101562-1.601562 105.601562s.300781 78.199219 1.5 105.5c1.199219 27.199219 5.601562 45.898438 11.902343 62.101562 6.5 17.199219 16.597657 32.597657 29.597657 45.398438 12.800781 13 28.300781 23.101562 45.300781 29.5 16.300781 6.300781 34.898438 10.699219 62.101562 11.898438 27.296876 1.203124 36 1.5 105.5 1.5s78.199219-.296876 105.5-1.5c27.199219-1.199219 45.898438-5.597657 62.097657-11.898438 34.402343-13.300781 61.601562-40.5 74.902343-74.898438 6.296876-16.300781 10.699219-34.902343 11.898438-62.101562 1.199219-27.300781 1.5-36 1.5-105.5s-.101562-78.199219-1.300781-105.5zm-46.097657 209c-1.101562 25-5.300781 38.5-8.800781 47.5-8.601562 22.300781-26.300781 40-48.601562 48.601562-9 3.5-22.597657 7.699219-47.5 8.796876-27 1.203124-35.097657 1.5-103.398438 1.5s-76.5-.296876-103.402343-1.5c-25-1.097657-38.5-5.296876-47.5-8.796876-11.097657-4.101562-21.199219-10.601562-29.398438-19.101562-8.5-8.300781-15-18.300781-19.101562-29.398438-3.5-9-7.699219-22.601562-8.796876-47.5-1.203124-27-1.5-35.101562-1.5-103.402343s.296876-76.5 1.5-103.398438c1.097657-25 5.296876-38.5 8.796876-47.5 4.101562-11.101562 10.601562-21.199219 19.203124-29.402343 8.296876-8.5 18.296876-15 29.398438-19.097657 9-3.5 22.601562-7.699219 47.5-8.800781 27-1.199219 35.101562-1.5 103.398438-1.5 68.402343 0 76.5.300781 103.402343 1.5 25 1.101562 38.5 5.300781 47.5 8.800781 11.097657 4.097657 21.199219 10.597657 29.398438 19.097657 8.5 8.300781 15 18.300781 19.101562 29.402343 3.5 9 7.699219 22.597657 8.800781 47.5 1.199219 27 1.5 35.097657 1.5 103.398438s-.300781 76.300781-1.5 103.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m256.449219 124.5c-72.597657 0-131.5 58.898438-131.5 131.5s58.902343 131.5 131.5 131.5c72.601562 0 131.5-58.898438 131.5-131.5s-58.898438-131.5-131.5-131.5zm0 216.800781c-47.097657 0-85.300781-38.199219-85.300781-85.300781s38.203124-85.300781 85.300781-85.300781c47.101562 0 85.300781 38.199219 85.300781 85.300781s-38.199219 85.300781-85.300781 85.300781zm0 0"
|
||||
/>
|
||||
<path
|
||||
d="m423.851562 119.300781c0 16.953125-13.746093 30.699219-30.703124 30.699219-16.953126 0-30.699219-13.746094-30.699219-30.699219 0-16.957031 13.746093-30.699219 30.699219-30.699219 16.957031 0 30.703124 13.742188 30.703124 30.699219zm0 0"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
|
||||
<svg
|
||||
id="Bold"
|
||||
enable-background="new 0 0 24 24"
|
||||
height="4rem"
|
||||
viewBox="0 0 24 24"
|
||||
width="4rem"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m21.325 9.308c-.758 0-1.425.319-1.916.816-1.805-1.268-4.239-2.084-6.936-2.171l1.401-6.406 4.461 1.016c0 1.108.89 2.013 1.982 2.013 1.113 0 2.008-.929 2.008-2.038s-.889-2.038-2.007-2.038c-.779 0-1.451.477-1.786 1.129l-4.927-1.108c-.248-.067-.491.113-.557.365l-1.538 7.062c-2.676.113-5.084.928-6.895 2.197-.491-.518-1.184-.837-1.942-.837-2.812 0-3.733 3.829-1.158 5.138-.091.405-.132.837-.132 1.268 0 4.301 4.775 7.786 10.638 7.786 5.888 0 10.663-3.485 10.663-7.786 0-.431-.045-.883-.156-1.289 2.523-1.314 1.594-5.115-1.203-5.117zm-15.724 5.41c0-1.129.89-2.038 2.008-2.038 1.092 0 1.983.903 1.983 2.038 0 1.109-.89 2.013-1.983 2.013-1.113.005-2.008-.904-2.008-2.013zm10.839 4.798c-1.841 1.868-7.036 1.868-8.878 0-.203-.18-.203-.498 0-.703.177-.18.491-.18.668 0 1.406 1.463 6.07 1.488 7.537 0 .177-.18.491-.18.668 0 .207.206.207.524.005.703zm-.041-2.781c-1.092 0-1.982-.903-1.982-2.011 0-1.129.89-2.038 1.982-2.038 1.113 0 2.008.903 2.008 2.038-.005 1.103-.895 2.011-2.008 2.011z"
|
||||
/>
|
||||
</svg>
|
||||
</a>
|
||||
<a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
|
||||
<svg
|
||||
version="1.1"
|
||||
id="Capa_1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
x="0px"
|
||||
y="0px"
|
||||
width="4rem"
|
||||
height="4rem"
|
||||
viewBox="0 0 512 512"
|
||||
style="enable-background: new 0 0 512 512"
|
||||
xml:space="preserve"
|
||||
>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M467,61H45C20.218,61,0,81.196,0,106v300c0,24.72,20.128,45,45,45h422c24.72,0,45-20.128,45-45V106
|
||||
C512,81.28,491.872,61,467,61z M460.786,91L256.954,294.833L51.359,91H460.786z M30,399.788V112.069l144.479,143.24L30,399.788z
|
||||
M51.213,421l144.57-144.57l50.657,50.222c5.864,5.814,15.327,5.795,21.167-0.046L317,277.213L460.787,421H51.213z M482,399.787
|
||||
L338.213,256L482,112.212V399.787z"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="pop-feature">
|
||||
<div id="title-card-container">
|
||||
<div id="title-card">
|
||||
<h5 data-font="sans-bold" id="system-message">Ayushya started the party.</h5>
|
||||
|
||||
<div id="ti">
|
||||
<div id="tn">SOMEONE</div>
|
||||
<div id="tm">
|
||||
<div id="tt">
|
||||
<span>12:00:00 PM</span>
|
||||
<div id="ri"></div>
|
||||
</div>
|
||||
<p>Hiya buddy!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ti" class="mm">
|
||||
<div id="tn">AYUSHYA</div>
|
||||
<div id="tr">Hiya buddy!</div>
|
||||
<div id="tm">
|
||||
<div id="tt">
|
||||
<span>12:00:00 PM</span>
|
||||
<div id="ri"></div>
|
||||
</div>
|
||||
<p>OH GOD NO! PLEASE GOD NO! NO!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ti">
|
||||
<div id="tn">SOMEONE</div>
|
||||
<div id="tm">
|
||||
<div id="tt">
|
||||
<span>12:00:00 PM</span>
|
||||
<div id="ri"></div>
|
||||
</div>
|
||||
<video
|
||||
muted
|
||||
autoplay
|
||||
loop
|
||||
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
|
||||
></video>
|
||||
</div>
|
||||
</div>
|
||||
<div id="ti" class="mm">
|
||||
<div id="tn">SOMEONE</div>
|
||||
<div id="tr">
|
||||
<video
|
||||
autoplay
|
||||
loop
|
||||
muted
|
||||
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
|
||||
></video>
|
||||
</div>
|
||||
<div id="tm">
|
||||
<div id="tt">
|
||||
<span>12:00:00 PM</span>
|
||||
<div id="ri"></div>
|
||||
</div>
|
||||
<p>Let's watch The Office</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="explanation">
|
||||
<div>
|
||||
<h4 data-font="sans-bold">FULL FEATURED CHAT</h4>
|
||||
<p data-font="sans">
|
||||
A brand new, completely revamped chat user interface, now has replies, shows pending
|
||||
messages, and improves the Giphy GIF picker
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pop-feature alternate">
|
||||
<div id="title-card-container">
|
||||
<div id="title-card">
|
||||
<h5 data-font="sans-bold" id="title-card-title">WATCH PARTY</h5>
|
||||
<h3 data-font="sans" id="title-card-subtitle">ANIME WATCH PARTY</h3>
|
||||
<h6 data-font="sans" id="title-card-tagline">USERS IN PARTY</h6>
|
||||
<p data-font="sans" id="call-user-chip">Ayushya</p>
|
||||
<p data-font="sans" id="call-user-chip">Someone</p>
|
||||
<p data-font="sans" id="call-user-chip">Third Party</p>
|
||||
<p data-font="sans" id="call-user-chip">Won't Stop Talking</p>
|
||||
<h6 data-font="sans" id="title-card-tagline">USERS ON CALL</h6>
|
||||
<p data-font="sans" id="call-user-chip">Ayushya</p>
|
||||
<p data-font="sans" id="call-user-chip" class="not-me-user-chip">Someone</p>
|
||||
<p data-font="sans" id="call-user-chip" class="not-me-user-chip">
|
||||
Won't Stop Talking
|
||||
<input type="range" value="2" min="0" max="10" />
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="explanation">
|
||||
<div>
|
||||
<h4 data-font="sans-bold">MADE FOR YOU & YOUR GANG</h4>
|
||||
<p data-font="sans">
|
||||
See who's in your party, get on a call with your party, and volume control for the
|
||||
person who just won't stop talking.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer data-font="sans">
|
||||
<p class="title built-with">
|
||||
<a href="./copyright/">COPYRIGHT</a> © 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
|
||||
</p>
|
||||
<p class="title built-with">
|
||||
BUILT WITH 💚 FOR
|
||||
<a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING
|
||||
<a href="https://firebase.google.com/">FIREBASE</a>,
|
||||
<a href="https://material-ui.com/">MATERIAL-UI</a>,
|
||||
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>,
|
||||
<a href="https://giphy.com/">GIPHY</a>, & <a href="https://dolby.io/">DOLBY VOXEET</a>.
|
||||
</p>
|
||||
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
|
||||
>Get Chrome Extension</a
|
||||
>
|
||||
<a
|
||||
data-font="sans-bold"
|
||||
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
|
||||
class="link-button"
|
||||
>
|
||||
Give Feedback
|
||||
</a>
|
||||
<a data-font="sans-bold" href="./welcome/" class="link-button"> Getting Started </a>
|
||||
<a data-font="sans-bold" href="./changes/" class="link-button"> Changelog </a>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user