v1.4.2-release/welcome page

app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-party-crx",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "private": true,
   "dependencies": {
     "@giphy/js-fetch-api": "^1.5.8",

app/public/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Watch Party",
   "short_name": "WP",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Watch streamed content together.",
   "background": {
     "page": "popup.html"

functions/package.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-party-api",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Cloud Functions for Watch Party",
   "scripts": {
     "lint": "eslint .",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "watch-party",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "description": "Watch Party",
   "scripts": {
     "start": "firebase emulators:start",

website/beta/index.html

@@ -7,7 +7,7 @@ Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
 ------------------------------------------------------------------------->
 <html>
   <head>
-    <meta http-equiv="refresh" content="0; URL='https://forms.gle/Me3Z1pTj1fiMoHUd9'" />
+    <meta http-equiv="refresh" content="0; URL='https://request.chromewatchparty.com'" />
     <title>Watch Party | Beta</title>
   </head>
   <body>

website/styles/extrasmall.css

@@ -187,3 +187,10 @@ footer .link-button {
   line-height: 125%;
   border-bottom: 1px solid;
 }
+
+.landing video {
+  display: block;
+  max-width: 85%;
+  height: auto;
+  border-radius: 7rem;
+}

website/styles/large.css

@@ -9,3 +9,7 @@ Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
 .supported {
   max-width: none;
 }
+
+.landing video {
+  max-width: 55%;
+}

website/styles/medium.css

@@ -173,3 +173,41 @@ footer .link-button {
 .copyright .logo a:hover {
   color: var(--primary);
 }
+
+.landing video {
+  max-width: 75%;
+}
+
+.welcome .landing .supported-logo {
+  position: relative;
+  border-bottom: 1px solid var(--cta);
+}
+
+.welcome .landing .supported-logo::before {
+  content: 'START WATCHING';
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  height: 0;
+  left: 0;
+  opacity: 0;
+  transition: all ease-out 0.3s;
+  font-size: 2rem;
+  text-align: center;
+  color: var(--primary);
+  font-family: 'GlacialBold';
+  background-color: var(--cta);
+  padding: 1rem 0;
+}
+
+.welcome .landing .supported-logo:hover::before {
+  opacity: 1;
+  bottom: 0;
+  height: 2rem;
+  letter-spacing: 1.05px;
+  z-index: -1;
+}
+
+.welcome .landing {
+  flex: 1;
+}

website/welcome/index.html

@@ -0,0 +1,77 @@
+<!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="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">WATCH PARTY</h1>
+      <h5 data-font="sans" class="logo-tag">
+        WELCOME TO WATCH PARTY.
+      </h5>
+      <video src="../media/features/Tutorial.mp4" autoplay muted loop> </video>
+      <p data-font="sans-bold" class="title subtitle">
+        WATCH TOGETHER ON
+      </p>
+      <div class="supported">
+        <a href="https://www.netflix.com"><div class="supported-logo" id="netflix"></div></a>
+        <a href="https://www.hulu.com"><div class="supported-logo" id="hulu"></div>
+        <a href="https://www.disneyplus.com"><div class="supported-logo" id="disney"></div>
+        <a href="https://www.amazon.com/gp/video/storefront"><div class="supported-logo" id="prime"></div></a>
+        <a href="https://www.youtube.com"><div class="supported-logo" id="youtube"></div></a>
+        <a href="https://play.hbonow.com"><div class="supported-logo" id="hbonow"></div></a>
+        <a href="https://play.hbomax.com"><div class="supported-logo" id="hbomax"></div></a>
+      </div>
+    </div>
+    <footer data-font="sans">
+      <a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
+        Support Watch Party
+      </a>
+      <a data-font="sans-bold" href="mailto:admin@chromewatchparty.com" class="link-button">
+        Give Feedback</a
+      >
+      <p class="title built-with">
+        <a href="../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
+      </p>
+    </footer>
+  </body>
+</html>