v1.7.6/release

- website optimization
- new assets
- server catches

functions/modules/createRoom.js

@@ -10,76 +10,76 @@ module.exports = async (req, res) => {
   console.log('Requested Create - UID - ', bodydata.uid);
   if (!bodydata.userName) {
     return res.status(400).send({ message: 'Missing user name' });
-  }
+  } else if (!bodydata.partyName) {
-  if (!bodydata.partyName) {
     return res.status(400).send({ message: 'Missing party name' });
-  }
+  } else if (!bodydata.partyPin) {
-  if (!bodydata.partyPin) {
     return res.status(400).send({ message: 'Missing party pin' });
-  }
+  } else if (partyNameHasInvalidChar(bodydata.partyName)) {
-  if (partyNameHasInvalidChar(bodydata.partyName)) {
     res.status(400).send({ message: 'Party name can not have "\\" or "/" or "."' });
-  }
+  } else if (!isValidPin(bodydata.partyPin)) {
-  if (!isValidPin(bodydata.partyPin)) {
     return res
       .status(400)
       .send({ message: 'Party pin can only have digits and must be atleast 3 digits' });
+  } else {
+    const roomNameTaken = await admin
+      .firestore()
+      .collection('rooms')
+      .doc(bodydata.partyName.replace('/', '\\'))
+      .get()
+      .then((docSnap) => docSnap.exists);
+    if (roomNameTaken) {
+      return res.status(409).send({ message: 'That party name is already taken' });
+    } else {
+      await admin
+        .firestore()
+        .collection('rooms')
+        .doc(bodydata.partyName)
+        .set({
+          name: bodydata.partyName,
+          pin: bodydata.partyPin,
+          player: bodydata.player,
+          createdAt: new Date(),
+          adminUid: bodydata.uid,
+          adminOnly: bodydata.adminOnly,
+        })
+        .catch((err) => {
+          res.status(500).send({ message: 'Unable to start party.' });
+          console.error(err);
+        });
+      await admin
+        .firestore()
+        .collection('rooms')
+        .doc(bodydata.partyName)
+        .collection('messages')
+        .add({
+          uid: '<system>',
+          name: '',
+          text: `${bodydata.userName} started the party.`,
+          time: new Date(),
+        })
+        .catch((err) => {
+          console.error(
+            `Failed to add system create party message : \n\t Room: ${bodydata.partyName}`,
+            err
+          );
+        });
+      await admin
+        .firestore()
+        .collection('rooms')
+        .doc(bodydata.partyName)
+        .collection('users')
+        .doc(bodydata.uid)
+        .set({
+          admin: true,
+          name: bodydata.userName,
+        })
+        .catch((err) => {
+          console.error(
+            `Failed to set admin when creating party : \n\t Room: ${bodydata.partyName} \n\t User: ${bodydata.uid}`,
+            err
+          );
+        });
+      return res.status(201).send({ roomId: bodydata.partyName, message: 'Started a party!' });
+    }
   }
-  const roomNameTaken = await admin
-    .firestore()
-    .collection('rooms')
-    .doc(bodydata.partyName.replace('/', '\\'))
-    .get()
-    .then((docSnap) => docSnap.exists);
-  if (roomNameTaken) return res.status(409).send({ message: 'That party name is already taken' });
-  await admin
-    .firestore()
-    .collection('rooms')
-    .doc(bodydata.partyName)
-    .set({
-      name: bodydata.partyName,
-      pin: bodydata.partyPin,
-      player: bodydata.player,
-      createdAt: new Date(),
-      adminUid: bodydata.uid,
-      adminOnly: bodydata.adminOnly,
-    })
-    .catch((err) => {
-      res.status(500).send({ message: 'Unable to start party.' });
-      console.error(err);
-    });
-  await admin
-    .firestore()
-    .collection('rooms')
-    .doc(bodydata.partyName)
-    .collection('messages')
-    .add({
-      uid: '<system>',
-      name: '',
-      text: `${bodydata.userName} started the party.`,
-      time: new Date(),
-    })
-    .catch((err) => {
-      console.error(
-        `Failed to add system create party message : \n\t Room: ${bodydata.partyName}`,
-        err
-      );
-    });
-  await admin
-    .firestore()
-    .collection('rooms')
-    .doc(bodydata.partyName)
-    .collection('users')
-    .doc(bodydata.uid)
-    .set({
-      admin: true,
-      name: bodydata.userName,
-    })
-    .catch((err) => {
-      console.error(
-        `Failed to set admin when creating party : \n\t Room: ${bodydata.partyName} \n\t User: ${bodydata.uid}`,
-        err
-      );
-    });
-  res.status(201).send({ roomId: bodydata.partyName, message: 'Started a party!' });
 };

functions/modules/leaveRoom.js

@@ -2,39 +2,43 @@ const admin = require('firebase-admin');
 
 module.exports = async (req, res) => {
   console.log('Requested Leave - UID - ', req.params.uid, '\n\tRoom - ', req.params.rid);
-  if (req.params.uid === 'undefined') return res.status(400).send({ message: 'No UID' });
+  if (req.params.uid === 'undefined') {
-  if (req.params.rid === 'undefined') return res.status(400).send({ message: 'No Party Name' });
+    return res.status(400).send({ message: 'No UID' });
-  const userName = await admin
+  } else if (req.params.rid === 'undefined') {
-    .firestore()
+    return res.status(400).send({ message: 'No Party Name' });
-    .collection('rooms')
+  } else {
-    .doc(req.params.rid)
+    const userName = await admin
-    .collection('users')
+      .firestore()
-    .doc(req.params.uid)
+      .collection('rooms')
-    .get()
+      .doc(req.params.rid)
-    .then((userSnap) => userSnap.data().name);
+      .collection('users')
-  await admin
+      .doc(req.params.uid)
-    .firestore()
+      .get()
-    .collection('rooms')
+      .then((userSnap) => userSnap.data().name);
-    .doc(req.params.rid)
+    await admin
-    .collection('users')
+      .firestore()
-    .doc(req.params.uid)
+      .collection('rooms')
-    .delete()
+      .doc(req.params.rid)
-    .catch((err) =>
+      .collection('users')
-      console.error(
+      .doc(req.params.uid)
-        `Failed to remove user from party : \n\t Room: ${req.params.rid} \n\t User: ${req.params.uid}`,
+      .delete()
-        err
+      .catch((err) =>
-      )
+        console.error(
-    );
+          `Failed to remove user from party : \n\t Room: ${req.params.rid} \n\t User: ${req.params.uid}`,
-  admin
+          err
-    .firestore()
+        )
-    .collection('rooms')
+      );
-    .doc(req.params.rid)
+    admin
-    .collection('messages')
+      .firestore()
-    .add({
+      .collection('rooms')
-      uid: '<system>',
+      .doc(req.params.rid)
-      time: new Date(),
+      .collection('messages')
-      name: '',
+      .add({
-      text: `${userName} left the party.`,
+        uid: '<system>',
-    });
+        time: new Date(),
-  res.status(200).send({ message: 'Left the party' });
+        name: '',
+        text: `${userName} left the party.`,
+      });
+    return res.status(200).send({ message: 'Left the party' });
+  }
 };

website/404.html

@@ -12,7 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />
     <link rel="manifest" href="/manifest.json" />

website/changes/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.5.2/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.6.0/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.6.1/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.6.2/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.6.3/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.6.4/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.6.5/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.6.6/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.6.7/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.7.0/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.7.1/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.7.2/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.7.3/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.7.4/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.7.5/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/changes/v1.7.6/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/copyright/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />

website/donate/index.html

@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+<meta name="description" content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people.">
+<meta name="keywords" content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar">
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <link rel="icon" href="/icons/favicon.png" />

website/index.html

@@ -10,8 +10,16 @@ ALL CONTENT ON WATCH PARTY'S WEBSITE OR IN WATCH PARTY'S CHROME EXTENSION APP, U
 CITED ARE THE SOLE INTELLECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
 COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
-<html>
+<html lang="en">
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />
     <link rel="manifest" href="/manifest.json" />
@@ -123,7 +131,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <div class="overlap">
       <div class="info">
         <div class="info-card">
-          <video muted autoplay loop src="/media/features/Sync.mp4"></video>
+          <video preload="auto" 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>
@@ -138,7 +146,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="info">
         <div class="info-card">
-          <video muted autoplay loop src="/media/features/All.mp4"></video>
+          <video preload="auto" muted autoplay loop src="/media/features/All.mp4"></video>
         </div>
         <div class="info-text">
           <h4 class="sub-title" data-font="sans-bold">FEATURE RICH.</h4>
@@ -323,10 +331,15 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </div>
       </div>
       <div class="end-line">
-        <a class="underlink" data-font="sans">
+        <a name="Built with love" class="underlink" data-font="sans">
           Built with ♥ for Google Chrome by Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          name="Instagram"
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -344,7 +357,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          name="Reddit"
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -358,7 +376,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a name="E Mail" class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
           <svg
             version="1.1"
             id="Capa_1"

website/referrer/index.html

@@ -12,6 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />
     <link rel="manifest" href="/manifest.json" />

website/styles/extrasmall.css

@@ -63,7 +63,7 @@ a[href]::after {
 }
 
 a:hover::after {
-  transform: rotate(49deg);
+  transform: rotate(45deg);
   margin-left: 2rem;
 }
 
@@ -295,6 +295,7 @@ a.big-button::after {
   background-size: 75%;
   background-repeat: no-repeat;
   background-position: center;
+  z-index: 0;
 }
 
 .card-grid a.support-card::after {
@@ -379,17 +380,16 @@ footer {
   font-size: 2.2rem;
   padding-bottom: 1.5rem;
   border-bottom: 1px solid var(--color-secondary);
-  margin-bottom: 2.5rem;
+  margin-bottom: 3.5rem;
 }
 
 .link-list .underlink {
   display: block;
-  opacity: 0.5;
+  margin: 3.5rem 0;
-  margin: 2.5rem 0;
 }
 
 .link-list .underlink:hover {
-  opacity: 0.8;
+  opacity: 0.5;
 }
 
 footer .end-line .underlink::after {

website/styles/large.css

@@ -44,6 +44,10 @@ body {
   margin-right: 2.5rem;
 }
 
+.link-list .underlink {
+  margin: 2.5rem 0;
+}
+
 .card-grid .support-card {
   position: relative;
   overflow: hidden;

website/welcome/index.html

@@ -12,7 +12,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
 ------------------------------------------------------------------------->
 <html>
   <head>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta
+      name="description"
+      content="Watch Party syncs streamed content across devices. Watch your favorites, with your favorite people."
+    />
+    <meta
+      name="keywords"
+      content="watch party, sharing, video call, voice phone, free, chrome, firefox, netflix, hulu, disney plus, prime video, youtube, hbo, peacock tv, google play, crunchyroll, apple tv, viki, funimation, roosterteeth, stan, hotstar"
+    />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" href="/icons/favicon.png" />
     <link rel="manifest" href="/manifest.json" />
@@ -147,7 +154,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <div class="text-section">
       <div class="info">
         <div class="info-text">
-          <h4 data-font="sans-bold" class="sub-title">Get Going With Watch Party</h4>
+          <h4 data-font="sans-bold" class="sub-title">GET GOING WITH WATCH PARTY</h4>
           <div class="description">
             <p data-font="sans" class="body">
               Getting started with Watch Party is simple, Watch Party comes with a built in tutorial