v1.6.0/website update for release

This commit is contained in:
2020-08-08 15:28:46 -04:00
parent 187fb6c324
commit f375d33311
9 changed files with 724 additions and 234 deletions
+239 -35
View File
@@ -12,84 +12,277 @@ 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 | V1.6.0</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());
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag('config', 'UA-87498806-2');
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>
<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
</h5>
</div>
<div class="features">
<p data-font="sans-bold" class="title subtitle">PLANNED CHANGES</p>
<p data-font="sans-bold" class="title subtitle">
CHANGES MADE IN FEATURES
</p>
<div class="feature-card">
<div class="feature-icon" id="sync"></div>
<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">
PLANNED CHANGES' DETAILS
LISTED CHANGE DETAILS
</p>
<div class="tip">
<p data-font="sans-bold">
Admin only control mode
Add support for Crunchyroll
</p>
</div>
<div class="tip">
<p data-font="sans-bold">
Interactive system messages
Add support for Google Play Movies & TV
</p>
</div>
<div class="tip">
<p data-font="sans-bold">
Reply to messages with quoting
Completely rebuilt Chat UI
</p>
</div>
<div class="tip">
<p data-font="sans-bold">
Party name & pin history across sites
Gif UI revamped
</p>
</div>
<div class="tip">
<p data-font="sans-bold">
Allow anyone to start a call (unless in admin mode)
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
@@ -102,19 +295,30 @@ 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
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