ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.6.4/release

Browse Source
This commit is contained in:
ayushya
2020-08-28 16:03:40 -04:00
parent 475dcdd5e8
commit 2474c986b2
22 changed files with 84 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/Webstore.psd
BIN
View File
Binary file not shown.
assets/images/IG1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

assets/images/IG2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

assets/images/IG3.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 66 KiB

assets/images/IG4.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 74 KiB

assets/images/Large.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

assets/images/Marquee.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

assets/images/Promo1.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

assets/images/Promo2.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

assets/images/Promo3.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

assets/images/Promo4.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

assets/images/Promo5.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

assets/images/Small.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

website/index.html
+51 -164
View File
@@ -12,99 +12,37 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
------------------------------------------------------------------------->
<html>
<head>
<link
rel="apple-touch-icon"
sizes="57x57"
href="./icons/apple-icon-57x57.png"
/>
<link
rel="apple-touch-icon"
sizes="60x60"
href="./icons/apple-icon-60x60.png"
/>
<link
rel="apple-touch-icon"
sizes="72x72"
href="./icons/apple-icon-72x72.png"
/>
<link
rel="apple-touch-icon"
sizes="76x76"
href="./icons/apple-icon-76x76.png"
/>
<link
rel="apple-touch-icon"
sizes="114x114"
href="./icons/apple-icon-114x114.png"
/>
<link
rel="apple-touch-icon"
sizes="120x120"
href="./icons/apple-icon-120x120.png"
/>
<link
rel="apple-touch-icon"
sizes="144x144"
href="./icons/apple-icon-144x144.png"
/>
<link
rel="apple-touch-icon"
sizes="152x152"
href="./icons/apple-icon-152x152.png"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="./icons/apple-icon-180x180.png"
/>
<link
rel="icon"
type="image/png"
sizes="192x192"
href="./icons/android-icon-192x192.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./icons/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="96x96"
href="./icons/favicon-96x96.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./icons/favicon-16x16.png"
/>
<link rel="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"
/>
<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 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('js', new Date());
gtag("config", "UA-87498806-2");
gtag('config', 'UA-87498806-2');
</script>
<body class="home">
<div class="landing">
@@ -116,9 +54,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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>
<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>
@@ -128,16 +64,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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-upcoming-support="In v1.6.0"
class="supported-logo"
id="googleplay"
></div>
<div
data-upcoming-support="In v1.6.0"
class="supported-logo"
id="crunchyroll"
></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"
@@ -146,11 +77,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
>
Get Chrome Extension
</a>
<a
data-font="sans-bold"
href="https://request.chromewatchparty.com"
class="link-button"
>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button">
Get Chrome Extension
</a>
</div>
@@ -160,9 +87,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<div class="feature-icon" id="sync">
<video loop muted autoplay src="./media/features/Sync.mp4"></video>
</div>
<p data-font="sans" class="feature-text">
Watch Party syncs play, pause and timestamp.
</p>
<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">
@@ -176,27 +101,19 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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>
<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">
<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>
</div>
<div class="feature-card">
<div class="feature-icon" id="hideable">
<video
loop
muted
autoplay
src="./media/features/Hideable.mp4"
></video>
<video loop muted autoplay src="./media/features/Hideable.mp4"></video>
</div>
<p data-font="sans" class="feature-text">
There when you need it, hideable when you want to focus on the show.
@@ -214,15 +131,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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>
<p data-font="sans" class="feature-text">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>
<p data-font="sans-bold" class="title subtitle">GETTING STARTED</p>
<div class="pop-feature">
<div id="title-card-container">
<div id="title-card">
@@ -234,10 +147,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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)
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>
@@ -254,10 +166,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
</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
>
<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
@@ -269,8 +178,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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)
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>
@@ -279,9 +188,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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>
<h5 data-font="sans-bold" id="system-message">Ayushya started the party.</h5>
<div id="ti">
<div id="tn">SOMEONE</div>
@@ -311,17 +218,13 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<span>12:00:00 PM</span>
<div id="ri"></div>
</div>
<img
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif"
/>
<img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" />
</div>
</div>
<div id="ti" class="mm">
<div id="tn">SOMEONE</div>
<div id="tr">
<img
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif"
/>
<img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" />
</div>
<div id="tm">
<div id="tt">
@@ -337,8 +240,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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
A brand new, completely revamped chat user interface, now has replies, shows pending
messages, and improves the Giphy GIF picker
</p>
</div>
</div>
@@ -356,9 +259,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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">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" />
@@ -369,8 +270,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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.
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>
@@ -378,30 +279,20 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
</div>
<footer data-font="sans">
<p class="title built-with">
<a href="./copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL
RIGHTS RESERVED.
<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>.
<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"
>
<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"
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
>Get Chrome Extension</a
>
<a
@@ -411,12 +302,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
>
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>
<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>
website/media/logos/AppleTVBlack.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

website/media/logos/AppleTVWhite.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

website/media/logos/FunimationColor.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

website/media/logos/FunimationWhite.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

website/media/logos/Viki.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

website/styles/variables-dark.css
+10
View File
@@ -35,3 +35,13 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
.supported-logo#peacock {
background-image: url('../media/logos/Peacock.png');
}
.supported-logo#appletv {
background-image: url('../media/logos/AppleTVWhite.png');
}
.supported-logo#viki {
background-image: url('../media/logos/Viki.png');
}
.supported-logo#funimation {
background-image: url('../media/logos/FunimationWhite.png');
background-size: 60% !important;
}
website/styles/variables.css
+20 -10
View File
@@ -19,32 +19,42 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
font-size: 10px;
}
.supported-logo#netflix {
background-image: url("../media/logos/Netflix.png");
background-image: url('../media/logos/Netflix.png');
}
.supported-logo#hulu {
background-image: url("../media/logos/Hulu.png");
background-image: url('../media/logos/Hulu.png');
}
.supported-logo#disney {
background-image: url("../media/logos/DisneyColor.png");
background-image: url('../media/logos/DisneyColor.png');
}
.supported-logo#prime {
background-image: url("../media/logos/PrimeColor.png");
background-image: url('../media/logos/PrimeColor.png');
}
.supported-logo#youtube {
background-image: url("../media/logos/YoutubeColor.png");
background-image: url('../media/logos/YoutubeColor.png');
}
.supported-logo#hbonow {
background-image: url("../media/logos/HBONowBlack.png");
background-image: url('../media/logos/HBONowBlack.png');
}
.supported-logo#hbomax {
background-image: url("../media/logos/HBOMax.png");
background-image: url('../media/logos/HBOMax.png');
}
.supported-logo#peacock {
background-image: url("../media/logos/PeacockColor.png");
background-image: url('../media/logos/PeacockColor.png');
}
.supported-logo#googleplay {
background-image: url("../media/logos/GooglePlay.png");
background-image: url('../media/logos/GooglePlay.png');
}
.supported-logo#crunchyroll {
background-image: url("../media/logos/Crunchyroll.png");
background-image: url('../media/logos/Crunchyroll.png');
}
.supported-logo#appletv {
background-image: url('../media/logos/AppleTVBlack.png');
}
.supported-logo#viki {
background-image: url('../media/logos/Viki.png');
}
.supported-logo#funimation {
background-image: url('../media/logos/FunimationColor.png');
background-size: 60% !important;
}
website/welcome/index.html
+3
View File
@@ -67,6 +67,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<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>