diff --git a/admin/src/Api.js b/admin/src/Api.js
index 35a5b13..802cc54 100644
--- a/admin/src/Api.js
+++ b/admin/src/Api.js
@@ -1,9 +1,9 @@
-import firebase from 'firebase/app';
-import 'firebase/auth';
+import firebase from "firebase/app";
+import "firebase/auth";
 
-const API = window.location.href.includes('localhost')
-  ? 'http://localhost:5001/watch-party-crx/us-central1/admin'
-  : 'https://us-central1-watch-party-crx.cloudfunctions.net/admin';
+const API = window.location.href.includes("localhost")
+  ? "http://localhost:5001/watch-party-crx/us-central1/admin"
+  : "https://us-central1-watch-party-crx.cloudfunctions.net/admin";
 
 const fetcher = async ({ endpoint, method, bodyData }) => {
   const idToken = await firebase.auth().currentUser.getIdToken();
@@ -12,19 +12,21 @@ const fetcher = async ({ endpoint, method, bodyData }) => {
     method,
     headers: {
       Authorization: `Token ${idToken}:${firebase.auth().currentUser.uid}`,
-      'Access-Control-Allow-Origin': '*',
+      "Access-Control-Allow-Origin": "*",
     },
     body,
   });
 };
 
-export const getPartyDashboardData = () => fetcher({ endpoint: 'partyDashboard', method: 'GET' });
-export const getServerDashboardData = () => fetcher({ endpoint: 'serverDashboard', method: 'GET' });
+export const getPartyDashboardData = () =>
+  fetcher({ endpoint: "partyDashboard", method: "GET" });
+export const getServerDashboardData = () =>
+  fetcher({ endpoint: "serverDashboard", method: "GET" });
 export const postUpdateVersionActive = (bodyData) =>
-  fetcher({ endpoint: 'updateVersionActive', method: 'POST', bodyData });
+  fetcher({ endpoint: "updateVersionActive", method: "POST", bodyData });
 export const postUpdateVideoSelectors = (bodyData) =>
-  fetcher({ endpoint: 'updateVideoSelectors', method: 'POST', bodyData });
+  fetcher({ endpoint: "updateVideoSelectors", method: "POST", bodyData });
 export const postUpdateVideoNameSelectors = (bodyData) =>
-  fetcher({ endpoint: 'updateVideoNameSelectors', method: 'POST', bodyData });
+  fetcher({ endpoint: "updateVideoNameSelectors", method: "POST", bodyData });
 export const postSendMessage = (bodyData) =>
-  fetcher({ endpoint: 'sendMessage', method: 'POST', bodyData });
+  fetcher({ endpoint: "sendMessage", method: "POST", bodyData });
diff --git a/admin/src/Dashboard.jsx b/admin/src/Dashboard.jsx
index deaf165..9eab1ad 100644
--- a/admin/src/Dashboard.jsx
+++ b/admin/src/Dashboard.jsx
@@ -1,7 +1,7 @@
-import React, { Component } from 'react';
-import firebase from 'firebase/app';
-import 'firebase/auth';
-import 'firebase/firestore';
+import React, { Component } from "react";
+import firebase from "firebase/app";
+import "firebase/auth";
+import "firebase/firestore";
 import {
   Button,
   Card,
@@ -21,7 +21,7 @@ import {
   Collapse,
   Modal,
   Select,
-} from 'antd';
+} from "antd";
 import {
   getPartyDashboardData,
   getServerDashboardData,
@@ -29,7 +29,7 @@ import {
   postUpdateVideoSelectors,
   postUpdateVideoNameSelectors,
   postSendMessage,
-} from './Api';
+} from "./Api";
 import {
   CheckCircleTwoTone,
   CloseCircleTwoTone,
@@ -43,61 +43,87 @@ import {
   LogoutOutlined,
   SendOutlined,
   PlusCircleOutlined,
-} from '@ant-design/icons';
+} from "@ant-design/icons";
 
 const PLAYER_SOURCES = [
-  { text: 'Netflix', value: 'netflix.' },
-  { text: 'Amazon', value: 'amazon.' },
-  { text: 'Hulu', value: 'hulu.' },
-  { text: 'Disney+', value: 'disneyplus.' },
-  { text: 'YouTube', value: 'youtube.' },
-  { text: 'HBO Now', value: 'hbonow.' },
-  { text: 'HBO Max', value: 'hbomax.' },
-  { text: 'Peacock', value: 'peacocktv.' },
-  { text: 'Google Play', value: 'play.google.' },
-  { text: 'Crunchyroll', value: 'crunchyroll.' },
-  { text: 'Apple TV+', value: 'tv.apple.' },
-  { text: 'Viki', value: 'viki.' },
-  { text: 'Funimation', value: 'funimation.' },
-  { text: 'Rooster Teeth', value: 'roosterteeth.' },
-  { text: 'VRV', value: 'vrv.' },
-  { text: 'Stan', value: 'stan.' },
-  { text: 'Hotstar', value: 'hotstar.' },
-  { text: 'Airtel', value: 'airtelxstream.' },
-  { text: 'Vimeo', value: 'vimeo.' },
-  { text: 'Dailymotion', value: 'dailymotion.' },
+  { text: "Netflix", value: "netflix." },
+  { text: "Amazon", value: "amazon." },
+  { text: "Hulu", value: "hulu." },
+  { text: "Disney+", value: "disneyplus." },
+  { text: "YouTube", value: "youtube." },
+  { text: "HBO Now", value: "hbonow." },
+  { text: "HBO Max", value: "hbomax." },
+  { text: "Peacock", value: "peacocktv." },
+  { text: "Google Play", value: "play.google." },
+  { text: "Crunchyroll", value: "crunchyroll." },
+  { text: "Apple TV+", value: "tv.apple." },
+  { text: "Viki", value: "viki." },
+  { text: "Funimation", value: "funimation." },
+  { text: "Rooster Teeth", value: "roosterteeth." },
+  { text: "VRV", value: "vrv." },
+  { text: "Stan", value: "stan." },
+  { text: "Hotstar", value: "hotstar." },
+  { text: "Airtel", value: "airtelxstream." },
+  { text: "Vimeo", value: "vimeo." },
+  { text: "Dailymotion", value: "dailymotion." },
 ];
 
 const MESSAGE_TYPES = [
   {
-    text: 'REPLY',
-    value: 'interactive/text',
+    text: "REPLY",
+    value: "interactive/text",
   },
   {
-    text: 'LINK',
-    value: 'interactive/link',
+    text: "LINK",
+    value: "interactive/link",
   },
   {
-    text: 'MESSAGE',
-    value: '',
+    text: "MESSAGE",
+    value: "",
   },
 ];
 
 const emptyMessage = {
-  type: '',
-  text: '',
-  uid: '<system>',
-  name: '',
-  endpoint: '',
+  type: "",
+  text: "",
+  uid: "<system>",
+  name: "",
+  endpoint: "",
   // time set on send,
 };
 
+const emptyAlert = {
+  title: "",
+  description: "",
+  link: "",
+  linkText: "",
+};
+
+const emptyVersion = {
+  v: "",
+  active: true,
+  alerts: new Array(1).fill(Object.assign({}, emptyAlert)),
+  callEnabled: true,
+  message: "All good!",
+};
+
+const emptyNameSelector = {
+  service: '',
+  show: '',
+  episode: '',
+};
+
+const emptyVideoSelector = {
+  service: '',
+  selector: '',
+};
+
 export default class Dashboard extends Component {
   constructor(props) {
     super(props);
     this.state = {
       partiesOverview: null,
-      activeTab: '1',
+      activeTab: "1",
       refreshing: true,
       selectedParties: [],
       nameSelectors: {},
@@ -106,7 +132,13 @@ export default class Dashboard extends Component {
       activeLimit: 5,
       afkLimit: 10,
       messageModel: false,
+      versionModal: false,
+      nameSelectorModal: false,
+      videoSelectorModal: false,
       newMessage: emptyMessage,
+      newVersion: emptyVersion,
+      newNameSelector: emptyNameSelector,
+      newVideoSelector: emptyVideoSelector
     };
     this.serverStatusListener = null;
   }
@@ -130,13 +162,18 @@ export default class Dashboard extends Component {
     this.setState({ refreshing: true });
     const { activeTab } = this.state;
     switch (activeTab) {
-      case '1':
+      case "1":
         this.getPartiesOverview();
         break;
-      case '2':
-      case '3':
-      case '4':
+      case "2":
+      case "3":
+      case "4":
         this.getVersionsOverview();
+        this.setState({ 
+          newVersion: emptyVersion,
+          newNameSelector: emptyNameSelector,
+          newVideoSelector: emptyVideoSelector
+        });
         break;
       default:
         break;
@@ -148,14 +185,18 @@ export default class Dashboard extends Component {
   updateVersionMessage = (message, version) => {
     this.setState({ refreshing: true });
     const { versions } = this.state;
-    const versionData = versions.filter((v) => v.version.split('.').join('') === version)[0];
+    const versionData = versions.filter(
+      (v) => v.version.split(".").join("") === version
+    )[0];
     versionData.message = message;
     this.updateVersion(version, versionData);
   };
   updateVersionActive = (active, version) => {
     this.setState({ refreshing: true });
     const { versions } = this.state;
-    const versionData = versions.filter((v) => v.version.split('.').join('') === version)[0];
+    const versionData = versions.filter(
+      (v) => v.version.split(".").join("") === version
+    )[0];
     versionData.active = active;
     this.updateVersion(version, versionData);
   };
@@ -165,13 +206,15 @@ export default class Dashboard extends Component {
       .catch((err) =>
         notification.error({
           description: err.message,
-          message: 'Unable To Update',
+          message: "Unable To Update",
         })
       );
   };
   getSourceName(source) {
     const source_detail = PLAYER_SOURCES.filter((p) => p.value === source);
-    return source_detail && source_detail.length > 0 ? source_detail[0].text : 'source';
+    return source_detail && source_detail.length > 0
+      ? source_detail[0].text
+      : source;
   }
   handleVideoSelectorChange = (e, s) => {
     const { selectors } = this.state;
@@ -186,7 +229,7 @@ export default class Dashboard extends Component {
       .catch((err) => {
         notification.error({
           description: err.message,
-          message: 'Unable To Update',
+          message: "Unable To Update",
         });
 
         this.setState({ refreshing: false });
@@ -199,56 +242,61 @@ export default class Dashboard extends Component {
   };
   handleAlertTitleChange = (value, version, index) => {
     const { versions } = this.state;
-    versions.filter((vs) => vs.version === version)[0].alerts[index].title = value;
+    versions.filter((vs) => vs.version === version)[0].alerts[
+      index
+    ].title = value;
     this.setState({ versions });
   };
   handleAlertDescriptionChange = (value, version, index) => {
     const { versions } = this.state;
-    versions.filter((vs) => vs.version === version)[0].alerts[index].description = value;
+    versions.filter((vs) => vs.version === version)[0].alerts[
+      index
+    ].description = value;
     this.setState({ versions });
   };
   handleAlertLinkChange = (value, version, index) => {
     const { versions } = this.state;
-    versions.filter((vs) => vs.version === version)[0].alerts[index].link = value;
+    versions.filter((vs) => vs.version === version)[0].alerts[
+      index
+    ].link = value;
     this.setState({ versions });
   };
   handleAlertLinkTextChange = (value, version, index) => {
     const { versions } = this.state;
-    versions.filter((vs) => vs.version === version)[0].alerts[index].linkText = value;
+    versions.filter((vs) => vs.version === version)[0].alerts[
+      index
+    ].linkText = value;
     this.setState({ versions });
   };
   deleteAlert = (version, index) => {
     const { versions } = this.state;
     versions.filter((vs) => vs.version === version)[0].alerts.splice(index, 1);
     if (
-      versions.filter((vs) => vs.version === version)[0].importantAlert === index ||
+      versions.filter((vs) => vs.version === version)[0].importantAlert ===
+        index ||
       versions.filter((vs) => vs.version === version)[0].alerts.length < index
     ) {
-      versions.filter((vs) => vs.version === version)[0].importantAlert = undefined;
+      versions.filter(
+        (vs) => vs.version === version
+      )[0].importantAlert = undefined;
     }
     this.setState({ versions });
   };
   addEmptyAlert = (version) => {
     const { versions } = this.state;
-    versions
-      .filter((vs) => vs.version === version)[0]
-      .alerts.push({
-        title: '',
-        description: '',
-        link: '',
-        linkText: '',
-      });
+    versions.filter((vs) => vs.version === version)[0].alerts.push(emptyAlert);
     this.setState({ versions });
   };
   saveAlerts = (version) => {
     this.setState({ refreshing: true });
     const { versions } = this.state;
     const versionData = versions.filter((v) => v.version === version)[0];
-    if (versionData.alerts.length > 0) this.updateVersion(version.split('.').join(''), versionData);
+    if (versionData.alerts.length > 0)
+      this.updateVersion(version.split(".").join(""), versionData);
     else {
       notification.error({
-        message: 'Missing Alerts',
-        description: 'Must have atleast one alert',
+        message: "Missing Alerts",
+        description: "Must have atleast one alert",
       });
 
       this.setState({ refreshing: false });
@@ -257,7 +305,9 @@ export default class Dashboard extends Component {
   changeImportantAlert = (active, version, index) => {
     const { versions } = this.state;
     if (active === false) {
-      versions.filter((vs) => vs.version === version)[0].importantAlert = undefined;
+      versions.filter(
+        (vs) => vs.version === version
+      )[0].importantAlert = undefined;
     } else {
       versions.filter((vs) => vs.version === version)[0].importantAlert = index;
     }
@@ -266,16 +316,16 @@ export default class Dashboard extends Component {
   getAddMessageText = () => {
     const { activeTab } = this.state;
     switch (activeTab) {
-      case '1':
-        return 'Send Message';
-      case '2':
-        return 'Add Version';
-      case '3':
-        return 'Add Video Selector';
-      case '4':
-        return 'Add Name Selector';
+      case "1":
+        return "Send Message";
+      case "2":
+        return "Add Version";
+      case "3":
+        return "Add Video Selector";
+      case "4":
+        return "Add Name Selector";
       default:
-        return '';
+        return "";
     }
   };
   getPrettyTime = (t) => {
@@ -296,7 +346,7 @@ export default class Dashboard extends Component {
       .catch((err) => {
         notification.error({
           description: err.message,
-          message: 'Unable To Update',
+          message: "Unable To Update",
         });
 
         this.setState({ refreshing: false });
@@ -305,9 +355,18 @@ export default class Dashboard extends Component {
   sendOrAdd = () => {
     const { activeTab } = this.state;
     switch (activeTab) {
-      case '1':
+      case "1":
         this.setState({ messageModel: true });
         break;
+      case "2":
+        this.setState({ versionModal: true });
+        break;
+      case "3": 
+        this.setState({ videoSelectorModal: true });
+        break;
+      case "4":
+        this.setState({ nameSelectorModal: true });
+        break;
       default:
         break;
     }
@@ -324,21 +383,115 @@ export default class Dashboard extends Component {
     await postSendMessage({ selectedParties, newMessage }).catch((err) => {
       notification.error({
         description: err.message,
-        message: 'Unable To Send Message',
+        message: "Unable To Send Message",
       });
     });
     this.setState({
       refreshing: false,
       newMessage: {
-        type: '',
-        text: '',
-        uid: '<system>',
-        name: '',
-        endpoint: '',
+        type: "",
+        text: "",
+        uid: "<system>",
+        name: "",
+        endpoint: "",
       },
       messageModel: false,
     });
   };
+  addVersion = () => {
+    this.setState({ refreshing: true });
+    const { newVersion } = this.state;
+    const { v, active, callEnabled, alerts, message } = newVersion;
+    this.updateVersion(newVersion.v.split(".").join(""), {
+      v,
+      active,
+      callEnabled,
+      alerts,
+      message
+    });
+  };
+  handleNewVersionNumberChange = (v) => {
+    const newVersion = Object.assign({}, this.state.newVersion, {
+      v,
+    });
+    this.setState({
+      newVersion,
+    });
+  };
+  changeNewVersionActive = (active) => {
+    const newVersion = Object.assign({}, this.state.newVersion, {
+      active,
+    });
+    this.setState({
+      newVersion,
+    });
+  };
+  changeNewVersionCallEnabled = (callEnabled) => {
+    const newVersion = Object.assign({}, this.state.newVersion, {
+      callEnabled,
+    });
+    this.setState({
+      newVersion,
+    });
+  };
+  handleNewVersionMessageChange = (message) => {
+    const newVersion = Object.assign({}, this.state.newVersion, {
+      message,
+    });
+    this.setState({
+      newVersion,
+    });
+  };
+  handleNewVersionAlertTitleChange = (title) => {
+    const newVersionAlert = Object.assign({},this.state.newVersion.alerts[0],{title});
+    const newVersion = Object.assign({}, this.state.newVersion, {alerts:[newVersionAlert]});
+    this.setState({
+      newVersion
+    });
+  }
+  handleNewVersionAlertDescriptionChange = (description) => {
+    const newVersionAlert = Object.assign({},this.state.newVersion.alerts[0],{description});
+    const newVersion = Object.assign({}, this.state.newVersion, {alerts:[newVersionAlert]});
+    this.setState({
+      newVersion
+    });
+  }
+  handleNewVersionAlertLinkTextChange = (linkText) => {
+    const newVersionAlert = Object.assign({},this.state.newVersion.alerts[0],{linkText});
+    const newVersion = Object.assign({}, this.state.newVersion, {alerts:[newVersionAlert]});
+    this.setState({
+      newVersion
+    });
+  }
+  handleNewVersionAlertLinkChange = (link) => {
+    const newVersionAlert = Object.assign({},this.state.newVersion.alerts[0],{link});
+    const newVersion = Object.assign({}, this.state.newVersion, {alerts:[newVersionAlert]});
+    this.setState({
+      newVersion
+    });
+  }
+  handleNewNameSelectorChange = (o) => {
+    const newNameSelector = Object.assign({}, this.state.newNameSelector, o);
+    this.setState({ newNameSelector });
+  }
+  addNameSelector = () => {
+    const { newNameSelector } = this.state;
+    const { service, show, episode } = newNameSelector;
+    const videoNameSelector = { [service] : {show, episode}};
+    const nameSelectors = Object.assign({}, this.state.nameSelectors, videoNameSelector);
+    this.setState({ nameSelectors });
+  }
+  handleNewVideoSelectorChange = (o) => {
+    const newVideoSelector = Object.assign({}, this.state.newVideoSelector, o);
+    this.setState({ newVideoSelector });
+  }
+  addVideoSelector = () => {
+    const { newVideoSelector } = this.state;
+    const { service, selector } = newVideoSelector;
+    const videoSelector = { [service] : selector};
+    const selectors = Object.assign({}, this.state.selectors, videoSelector);
+    this.setState({ selectors });
+  }
   render() {
     const {
       partiesOverview,
@@ -352,61 +505,72 @@ export default class Dashboard extends Component {
       afkLimit,
       messageModel,
       newMessage,
+      versionModal,
+      newVersion,
+      nameSelectorModal,
+      newNameSelector,
+      videoSelectorModal,
+      newVideoSelector
     } = this.state;
 
     const partiesColumns = [
       {
-        title: 'Party Name',
-        dataIndex: 'id',
+        title: "Party Name",
+        dataIndex: "id",
         sorter: (a, b) => (a.id.toLowerCase() < b.id.toLowerCase() ? -1 : 1),
       },
       {
-        title: 'Source',
-        dataIndex: 'source',
-        sorter: (a, b) => (a.source.toLowerCase() < b.source.toLowerCase() ? -1 : 1),
+        title: "Source",
+        dataIndex: "source",
+        sorter: (a, b) =>
+          a.source.toLowerCase() < b.source.toLowerCase() ? -1 : 1,
         filters: [
           ...PLAYER_SOURCES,
           {
-            text: 'Is Playing',
-            value: 'PLAYING',
+            text: "Is Playing",
+            value: "PLAYING",
           },
           {
-            text: 'Is Paused',
-            value: 'PAUSED',
+            text: "Is Paused",
+            value: "PAUSED",
           },
         ],
         onFilter: (v, r) => r.source === v || r.status === v,
         render: (a, r) => (
           <Badge
             status={
-              r.status === 'PLAYING' ? 'success' : r.status === 'PAUSED' ? 'warning' : 'error'
+              r.status === "PLAYING"
+                ? "success"
+                : r.status === "PAUSED"
+                ? "warning"
+                : "error"
             }
             text={this.getSourceName(a)}
           />
         ),
       },
       {
-        title: 'Created At',
-        dataIndex: 'createTime',
-        defaultSortOrder: 'descend',
+        title: "Created At",
+        dataIndex: "createTime",
+        defaultSortOrder: "descend",
         sorter: (a, b) => Date.parse(a.createTime) - Date.parse(b.createTime),
         render: (a) => new Date(Date.parse(a)).toLocaleString(),
       },
       {
-        title: 'Updated At',
-        dataIndex: 'updateTime',
+        title: "Updated At",
+        dataIndex: "updateTime",
         filters: [
           {
-            text: 'Active',
-            value: 'a',
+            text: "Active",
+            value: "a",
           },
           {
-            text: 'Inactive',
-            value: 'i',
+            text: "Inactive",
+            value: "i",
           },
         ],
         onFilter: (v, r) =>
-          v === 'a'
+          v === "a"
             ? (Date.now() - Date.parse(r.updateTime)) / 60000 < afkLimit
             : (Date.now() - Date.parse(r.updateTime)) / 60000 > afkLimit,
         sorter: (a, b) => Date.parse(a.updateTime) - Date.parse(b.updateTime),
@@ -416,7 +580,11 @@ export default class Dashboard extends Component {
           return (
             <Tag
               color={
-                minutes <= activeLimit ? 'success' : minutes <= afkLimit ? 'processing' : 'default'
+                minutes <= activeLimit
+                  ? "success"
+                  : minutes <= afkLimit
+                  ? "processing"
+                  : "default"
               }
             >
               {dS}
@@ -425,15 +593,15 @@ export default class Dashboard extends Component {
         },
       },
       {
-        title: 'On Call',
-        dataIndex: 'onCall',
+        title: "On Call",
+        dataIndex: "onCall",
         filters: [
           {
-            text: 'On Call',
+            text: "On Call",
             value: true,
           },
           {
-            text: 'Not On Call',
+            text: "Not On Call",
             value: false,
           },
         ],
@@ -449,22 +617,23 @@ export default class Dashboard extends Component {
 
     const versionsColumns = [
       {
-        title: 'Version',
-        dataIndex: 'version',
-        defaultSortOrder: 'descend',
+        title: "Version",
+        dataIndex: "version",
+        defaultSortOrder: "descend",
         sorter: (a, b) =>
-          parseInt(a.version.split('.').join('')) - parseInt(b.version.split('.').join('')),
+          parseInt(a.version.split(".").join("")) -
+          parseInt(b.version.split(".").join("")),
       },
       {
-        title: 'Active',
-        dataIndex: 'active',
+        title: "Active",
+        dataIndex: "active",
         filters: [
           {
-            text: 'Active',
+            text: "Active",
             value: true,
           },
           {
-            text: 'Inactive',
+            text: "Inactive",
             value: false,
           },
         ],
@@ -472,18 +641,22 @@ export default class Dashboard extends Component {
         render: (a, r) => (
           <Switch
             disabled={refreshing}
-            onChange={(c) => this.updateVersionActive(c, r.version.split('.').join(''))}
+            onChange={(c) =>
+              this.updateVersionActive(c, r.version.split(".").join(""))
+            }
             checked={a}
           />
         ),
       },
       {
-        title: 'Inactive Message',
-        dataIndex: 'message',
+        title: "Inactive Message",
+        dataIndex: "message",
         render: (a, r) => (
           <Input.Search
             disabled={refreshing}
-            onSearch={(v) => this.updateVersionMessage(v, r.version.split('.').join(''))}
+            onSearch={(v) =>
+              this.updateVersionMessage(v, r.version.split(".").join(""))
+            }
             value={a}
             onChange={(e) => this.handleVersionMessageChange(e, r.version)}
             enterButton={<EnterOutlined />}
@@ -509,6 +682,145 @@ export default class Dashboard extends Component {
             </Button>,
           ]}
         />
+        <Modal
+          visible={videoSelectorModal}
+          closable={false}
+          destroyOnClose
+          maskClosable={false}
+          cancelButtonProps={{
+            disabled: refreshing,
+            onClick: () => this.setState({ videoSelectorModal: false }),
+          }}
+          okButtonProps={{
+            disabled: refreshing,
+            icon: <SendOutlined />,
+            onClick: this.addVideoSelector,
+          }}
+          okText="Add Version"
+        >
+          <Input
+            addonBefore="Service"
+            placeholder="PLAYER_SOURCE value"
+            value={newVideoSelector.service}
+            onChange={(e) => this.handleNewVideoSelectorChange({ service: e.target.value })}
+          />
+          <Input
+            addonBefore="Selector"
+            placeholder="Video Selector"
+            value={newVideoSelector.selector}
+            onChange={(e) => this.handleNewVideoSelectorChange({ selector: e.target.value })}
+          />
+        </Modal>
+        <Modal
+          visible={nameSelectorModal}
+          closable={false}
+          destroyOnClose
+          maskClosable={false}
+          cancelButtonProps={{
+            disabled: refreshing,
+            onClick: () => this.setState({ nameSelectorModal: false }),
+          }}
+          okButtonProps={{
+            disabled: refreshing,
+            icon: <SendOutlined />,
+            onClick: this.addNameSelector,
+          }}
+          okText="Add Version"
+        >
+          <Input
+            addonBefore="Service"
+            placeholder="PLAYER_SOURCE value"
+            value={newNameSelector.service}
+            onChange={(e) => this.handleNewNameSelectorChange({ service: e.target.value })}
+          />
+          <Input
+            addonBefore="Show"
+            placeholder="Show"
+            value={newNameSelector.show}
+            onChange={(e) => this.handleNewNameSelectorChange({ show: e.target.value })}
+          />
+          <Input
+            addonBefore="Episode"
+            placeholder="Episode"
+            value={newNameSelector.episode}
+            onChange={(e) => this.handleNewNameSelectorChange({ episode: e.target.value })}
+          />
+        </Modal>
+        <Modal
+          visible={versionModal}
+          closable={false}
+          destroyOnClose
+          maskClosable={false}
+          cancelButtonProps={{
+            disabled: refreshing,
+            onClick: () => this.setState({ versionModal: false }),
+          }}
+          okButtonProps={{
+            disabled: refreshing,
+            icon: <SendOutlined />,
+            onClick: this.addVersion,
+          }}
+          okText="Add Version"
+        >
+          <Input
+            addonBefore="Version"
+            placeholder="Version Number"
+            value={newVersion.v}
+            onChange={(e) => this.handleNewVersionNumberChange(e.target.value)}
+          />
+          <Input
+            addonBefore="Message"
+            placeholder="Inactive Message"
+            value={newVersion.message}
+            onChange={(e) => this.handleNewVersionMessageChange(e.target.value)}
+          />
+          <Switch
+            checkedChildren="Version Active"
+            unCheckedChildren="Version Disabled"
+            onClick={this.changeNewVersionActive}
+            checked={newVersion.active === true}
+          />
+          <Switch
+            checkedChildren="Calls Enabled"
+            unCheckedChildren="Calls Disabled"
+            onClick={this.changeNewVersionCallEnabled}
+            checked={newVersion.callEnabled === true}
+          />
+          <Card>
+            <Input
+              placeholder="Title"
+              value={newVersion.alerts[0].title}
+              onChange={(e) =>
+                this.handleNewVersionAlertTitleChange(e.target.value)
+              }
+            />
+            <Input.TextArea
+              placeholder="Description"
+              autoSize={{ minRows: 2, maxRows: 2 }}
+              value={newVersion.alerts[0].description}
+              onChange={(e) =>
+                this.handleNewVersionAlertDescriptionChange(e.target.value)
+              }
+            />
+            <Divider orientation="left">Link</Divider>
+            <Input.Group>
+              <Input
+                value={newVersion.alerts[0].linkText}
+                placeholder="Link Text"
+                onChange={(e) =>
+                  this.handleNewVersionAlertLinkTextChange(e.target.value)
+                }
+              />
+              <Input
+                value={newVersion.alerts[0].link}
+                placeholder="Link"
+                onChange={(e) =>
+                  this.handleNewVersionAlertLinkChange(e.target.value)
+                }
+              />
+            </Input.Group>
+          </Card>
+        </Modal>
         <Modal
           visible={messageModel}
           closable={false}
@@ -526,7 +838,7 @@ export default class Dashboard extends Component {
           okText="Send Message"
         >
           <Select
-            onChange={(e) => this.editMessage(e, 'type')}
+            onChange={(e) => this.editMessage(e, "type")}
             value={newMessage.type}
             placeholder="Message Type"
             disabled={refreshing}
@@ -540,22 +852,25 @@ export default class Dashboard extends Component {
           <Input.TextArea
             disabled={refreshing}
             value={newMessage.text}
-            onChange={(e) => this.editMessage(e.target.value, 'text')}
+            onChange={(e) => this.editMessage(e.target.value, "text")}
             placeholder="Message"
           />
-          {(newMessage.type === 'interactive/link' || newMessage.type === 'interactive/text') && (
+          {(newMessage.type === "interactive/link" ||
+            newMessage.type === "interactive/text") && (
             <Input
               disabled={refreshing}
               value={newMessage.endpoint}
-              onChange={(e) => this.editMessage(e.target.value, 'endpoint')}
-              placeholder={newMessage.type === 'interactive/link' ? 'Link' : 'Endpoint'}
+              onChange={(e) => this.editMessage(e.target.value, "endpoint")}
+              placeholder={
+                newMessage.type === "interactive/link" ? "Link" : "Endpoint"
+              }
             />
           )}
-          {newMessage.type === 'interactive/link' && (
+          {newMessage.type === "interactive/link" && (
             <Input
               disabled={refreshing}
               value={newMessage.name}
-              onChange={(e) => this.editMessage(e.target.value, 'name')}
+              onChange={(e) => this.editMessage(e.target.value, "name")}
               placeholder="Link Text"
             />
           )}
@@ -563,7 +878,7 @@ export default class Dashboard extends Component {
         <Card>
           <PageHeader
             extra={[
-              activeTab === '1' && (
+              activeTab === "1" && (
                 <Badge key="5" count="ACTIVE" className="active">
                   <InputNumber
                     prefix="Active"
@@ -572,7 +887,7 @@ export default class Dashboard extends Component {
                   />
                 </Badge>
               ),
-              activeTab === '1' && (
+              activeTab === "1" && (
                 <Badge key="4" count="AFK" className="afk">
                   <InputNumber
                     prefix="AFK"
@@ -593,12 +908,14 @@ export default class Dashboard extends Component {
               <Button
                 key="2"
                 onClick={this.sendOrAdd}
-                icon={activeTab === '1' ? <SendOutlined /> : <PlusCircleOutlined />}
-                disabled={activeTab === '1' && selectedParties.length === 0}
+                icon={
+                  activeTab === "1" ? <SendOutlined /> : <PlusCircleOutlined />
+                }
+                disabled={activeTab === "1" && selectedParties.length === 0}
               >
                 {this.getAddMessageText()}
               </Button>,
-              activeTab === '3' && (
+              activeTab === "3" && (
                 <Button
                   type="primary"
                   onClick={this.updateVideoSelector}
@@ -609,7 +926,7 @@ export default class Dashboard extends Component {
                   Save Video Selectors
                 </Button>
               ),
-              activeTab === '4' && (
+              activeTab === "4" && (
                 <Button
                   type="primary"
                   onClick={this.updateVideoNameSelector}
@@ -627,11 +944,12 @@ export default class Dashboard extends Component {
               <Table
                 rowSelection={{
                   selectedRowKeys: selectedParties,
-                  onChange: (selectedParties) => this.setState({ selectedParties }),
+                  onChange: (selectedParties) =>
+                    this.setState({ selectedParties }),
                 }}
                 loading={partiesOverview === null || refreshing}
                 pagination={{
-                  position: ['bottomCenter'],
+                  position: ["bottomCenter"],
                   total: partiesOverview ? partiesOverview.length : 0,
                   showTotal: (t, r) => `${r[0]} to ${r[1]} of ${t}`,
                   defaultPageSize: 10,
@@ -643,7 +961,7 @@ export default class Dashboard extends Component {
                 columns={partiesColumns}
                 expandable={{
                   rowExpandable: (r) => true,
-                  expandedRowClassName: () => 'party-details-wrapper',
+                  expandedRowClassName: () => "party-details-wrapper",
                   expandedRowRender: (r) => (
                     <Descriptions bordered column={5}>
                       <Descriptions.Item span={2} label="# Of Users">
@@ -661,11 +979,11 @@ export default class Dashboard extends Component {
                       <Descriptions.Item span={3} label="Show Status">
                         <Badge
                           status={
-                            r.status === 'PLAYING'
-                              ? 'success'
-                              : r.status === 'PAUSED'
-                              ? 'warning'
-                              : 'error'
+                            r.status === "PLAYING"
+                              ? "success"
+                              : r.status === "PAUSED"
+                              ? "warning"
+                              : "error"
                           }
                           text={r.status}
                         />
@@ -678,13 +996,13 @@ export default class Dashboard extends Component {
             <Tabs.TabPane tab="Versions" key="2">
               <Table
                 loading={refreshing}
-                pagination={{ position: ['bottomCenter'] }}
+                pagination={{ position: ["bottomCenter"] }}
                 rowKey={(p) => p.version}
                 dataSource={versions}
                 columns={versionsColumns}
                 expandable={{
                   rowExpandable: (r) => r.alerts,
-                  expandedRowClassName: () => 'alerts-wrapper',
+                  expandedRowClassName: () => "alerts-wrapper",
                   expandedRowRender: (r) => (
                     <Row>
                       {r.alerts.map((a, i) => (
@@ -700,9 +1018,15 @@ export default class Dashboard extends Component {
                               />,
                               <Switch
                                 onClick={(active) =>
-                                  this.changeImportantAlert(active, r.version, i)
+                                  this.changeImportantAlert(
+                                    active,
+                                    r.version,
+                                    i
+                                  )
+                                }
+                                checked={
+                                  r.importantAlert && r.importantAlert === i
                                 }
-                                checked={r.importantAlert && r.importantAlert === i}
                               />,
                             ]}
                           >
@@ -710,7 +1034,11 @@ export default class Dashboard extends Component {
                               placeholder="title"
                               value={a.title}
                               onChange={(e) =>
-                                this.handleAlertTitleChange(e.target.value, r.version, i)
+                                this.handleAlertTitleChange(
+                                  e.target.value,
+                                  r.version,
+                                  i
+                                )
                               }
                             />
                             <Input.TextArea
@@ -718,7 +1046,11 @@ export default class Dashboard extends Component {
                               autoSize={{ minRows: 2, maxRows: 2 }}
                               value={a.description}
                               onChange={(e) =>
-                                this.handleAlertDescriptionChange(e.target.value, r.version, i)
+                                this.handleAlertDescriptionChange(
+                                  e.target.value,
+                                  r.version,
+                                  i
+                                )
                               }
                             />
                             <Divider orientation="left">Link</Divider>
@@ -727,14 +1059,22 @@ export default class Dashboard extends Component {
                                 value={a.linkText}
                                 placeholder="Link Text"
                                 onChange={(e) =>
-                                  this.handleAlertLinkTextChange(e.target.value, r.version, i)
+                                  this.handleAlertLinkTextChange(
+                                    e.target.value,
+                                    r.version,
+                                    i
+                                  )
                                 }
                               />
                               <Input
                                 value={a.link}
                                 placeholder="Link"
                                 onChange={(e) =>
-                                  this.handleAlertLinkChange(e.target.value, r.version, i)
+                                  this.handleAlertLinkChange(
+                                    e.target.value,
+                                    r.version,
+                                    i
+                                  )
                                 }
                               />
                             </Input.Group>
@@ -750,7 +1090,10 @@ export default class Dashboard extends Component {
                         </Card>
                       </Col>
                       <Col>
-                        <Card onClick={() => this.saveAlerts(r.version)} className="add-alert-card">
+                        <Card
+                          onClick={() => this.saveAlerts(r.version)}
+                          className="add-alert-card"
+                        >
                           <SaveFilled />
                         </Card>
                       </Col>
@@ -784,16 +1127,24 @@ export default class Dashboard extends Component {
                       <Input
                         key={`video-selector-${source}-show`}
                         className="video-selector-input"
-                        addonBefore={'Show'}
-                        value={nameSelectors[source]['show']}
-                        onChange={(e) => this.handleVideoNameSelectorChange(e, source, 'show')}
+                        addonBefore={"Show"}
+                        value={nameSelectors[source]["show"]}
+                        onChange={(e) =>
+                          this.handleVideoNameSelectorChange(e, source, "show")
+                        }
                       />
                       <Input
                         key={`video-selector-${source}-episode`}
                         className="video-selector-input"
-                        addonBefore={'Episode'}
-                        value={nameSelectors[source]['episode']}
-                        onChange={(e) => this.handleVideoNameSelectorChange(e, source, 'episode')}
+                        addonBefore={"Episode"}
+                        value={nameSelectors[source]["episode"]}
+                        onChange={(e) =>
+                          this.handleVideoNameSelectorChange(
+                            e,
+                            source,
+                            "episode"
+                          )
+                        }
                       />
                     </Collapse.Panel>
                   ))}
diff --git a/app/public/background.js b/app/public/background.js
index c03c250..8494c29 100644
--- a/app/public/background.js
+++ b/app/public/background.js
@@ -27,7 +27,6 @@ try {
 }
 
 const APP_VERSION = "1.7.10";
-const APP_VERSION_STRING = APP_VERSION.replace(/\./g, "");
 
 const firebaseConfig = {
   apiKey: "AIzaSyCJLuYpzXLDRmu2ttzFuSGmYcpFxqToWFU",
diff --git a/app/public/manifest.json b/app/public/manifest.json
index 25f2360..9991234 100644
--- a/app/public/manifest.json
+++ b/app/public/manifest.json
@@ -47,7 +47,6 @@
     "https://*.airtelxstream.in/*",
     "https://*.vimeo.com/*",
     "https://*.dailymotion.com/*",
-    "https://drive.google.com/*",
     "https://api.giphy.com/*",
     "https://*.voxeet.com/*"
   ],
@@ -90,8 +89,7 @@
         "https://*.hotstar.com/*",
         "https://*.airtelxstream.in/*",
         "https://*.vimeo.com/*",
-        "https://*.dailymotion.com/*",
-        "https://drive.google.com/*"
+        "https://*.dailymotion.com/*"
       ],
       "run_at": "document_idle",
       "js": ["/static/js/content.js"],
diff --git a/app/src/Api.js b/app/src/Api.js
index 50a19f5..16b28c9 100644
--- a/app/src/Api.js
+++ b/app/src/Api.js
@@ -43,7 +43,6 @@ export const PLAYER_SOURCE = {
   AIRTEL: "airtelxstream.",
   VIMEO: "vimeo.",
   DAILYMOTION: "dailymotion.",
-  GOOGLEDRIVE: "drive.google.",
   LOCAL: "localhost",
 };
 
@@ -72,8 +71,6 @@ export const getPlayerSource = () => {
   if (HREF.includes(PLAYER_SOURCE.VIMEO)) return PLAYER_SOURCE.VIMEO;
   if (HREF.includes(PLAYER_SOURCE.DAILYMOTION))
     return PLAYER_SOURCE.DAILYMOTION;
-  if (HREF.includes(PLAYER_SOURCE.GOOGLEDRIVE))
-    return PLAYER_SOURCE.GOOGLEDRIVE;
   if (HREF.includes(PLAYER_SOURCE.LOCAL)) return PLAYER_SOURCE.LOCAL;
 };
 
diff --git a/app/src/App.js b/app/src/App.js
index 1a975e0..7dae62f 100644
--- a/app/src/App.js
+++ b/app/src/App.js
@@ -26,8 +26,6 @@ import Loading from "./Loading";
 import Inactive from "./Inactive";
 import {
   getUserUid,
-  getPlayerSource,
-  PLAYER_SOURCE,
   getShowWPButton,
   getTutorialStatus,
   UpdateDailymotionVariables,
@@ -35,7 +33,6 @@ import {
 import Tutorial from "./Tutorial";
 
 const APP_VERSION = "1.7.10";
-const APP_VERSION_STRING = APP_VERSION.replace(/\./g, "");
 
 const darkTheme = createMuiTheme({
   palette: {
@@ -139,22 +136,7 @@ const App = () => {
   if (visible) {
     document.body.classList.add("visible");
     PartyRoutesWrapper && PartyRoutesWrapper.classList.add("visible");
-    if (getPlayerSource() === PLAYER_SOURCE.APPLE) {
-      const appleTvPlayer = document.querySelector("apple-tv-plus-player");
-      const takeoverContainer = appleTvPlayer.shadowRoot.querySelector(
-        ".takeover.container.show"
-      );
-      if (takeoverContainer)
-        takeoverContainer.style.maxWidth = "var(--body-width)";
-    }
   } else {
-    if (getPlayerSource() === PLAYER_SOURCE.APPLE) {
-      const appleTvPlayer = document.querySelector("apple-tv-plus-player");
-      const takeoverContainer = appleTvPlayer.shadowRoot.querySelector(
-        ".takeover.container.show"
-      );
-      if (takeoverContainer) takeoverContainer.style.maxWidth = "none";
-    }
     document.body.classList.remove("visible");
     PartyRoutesWrapper && PartyRoutesWrapper.classList.remove("visible");
   }
@@ -171,6 +153,16 @@ const App = () => {
 
   UpdateDailymotionVariables();
 
+  const versionStatusKey = Object.keys(status).filter(
+    (key) => status[key].v === APP_VERSION
+  )[0];
+
+  var versionStatus = {};
+
+  if (versionStatusKey) {
+    versionStatus = status[versionStatusKey];
+  }
+
   return (
     <ThemeProvider theme={darkTheme}>
       <Snackbar
@@ -204,8 +196,7 @@ const App = () => {
             </div>
           </Tooltip>
           {loading && <Loading />}
-          {status[APP_VERSION_STRING] &&
-          status[APP_VERSION_STRING].active === true ? (
+          {versionStatus && versionStatus.active === true ? (
             <Routes
               showFab={showFab}
               resetTutorial={resetTutorial}
@@ -215,17 +206,17 @@ const App = () => {
                 setNotification({ open: true, message, timeout })
               }
               appVersion={APP_VERSION}
-              appVersionString={APP_VERSION_STRING}
-              status={status[APP_VERSION_STRING]}
+              status={versionStatus}
               selectors={status.selectors}
               nameSelectors={status.nameSelectors}
               setVisible={setVisible}
+              visible={visible}
             />
           ) : (
             <Inactive
               status={
-                status[APP_VERSION_STRING]
-                  ? status[APP_VERSION_STRING].message
+                versionStatus
+                  ? versionStatus.message
                   : "Connecting to server..."
               }
             />
diff --git a/app/src/VideoListener.js b/app/src/VideoListener.js
index 67af6b1..63c78fe 100644
--- a/app/src/VideoListener.js
+++ b/app/src/VideoListener.js
@@ -143,7 +143,6 @@ export default class VideoListener {
             case PLAYER_SOURCE.CRUNCHYROLL:
             case PLAYER_SOURCE.FUNIMATION:
             case PLAYER_SOURCE.ROOSTERTEETH:
-            case PLAYER_SOURCE.GOOGLEDRIVE:
               window.postMessage(
                 JSON.stringify({
                   watchPartyDirection: "TO_SCRIPT",
@@ -176,8 +175,7 @@ export default class VideoListener {
           PLAYER_SOURCE.HULU === this.video.source ||
           PLAYER_SOURCE.NETFLIX === this.video.source ||
           PLAYER_SOURCE.HBOMAX === this.video.source ||
-          PLAYER_SOURCE.HBONOW === this.video.source ||
-          PLAYER_SOURCE.GOOGLEDRIVE === this.video.source
+          PLAYER_SOURCE.HBONOW === this.video.source
         ) {
           if (
             serverPlayer.status === PLAYER_STATUS.PAUSED ||
@@ -249,45 +247,35 @@ export default class VideoListener {
           ? document.querySelector(nS.episode).innerHTML
           : "";
         return dshow === "" && depisode === "" ? null : dshow + "\n" + depisode;
-      case PLAYER_SOURCE.GOOGLEPLAY:
-        const playerIframe = document.querySelector(
-          this.selectors[PLAYER_SOURCE.GOOGLEPLAY]
-        );
-        var googleplayshow = "";
-        if (playerIframe) {
-          const gpsel = playerIframe.contentWindow.document.querySelector(
-            nS.show
-          );
-          googleplayshow = gpsel ? gpsel.innerText : "";
-        }
-        return googleplayshow === "" ? null : googleplayshow;
       case PLAYER_SOURCE.APPLE:
         const appleTvPlayer = document.querySelector("apple-tv-plus-player");
-        const appleTvInternal = appleTvPlayer.shadowRoot.querySelector(
-          "amp-video-player-internal"
-        );
-        const appleTvVideoContainer = appleTvInternal.shadowRoot.querySelector(
-          "amp-video-player"
-        );
-        const appleTvShowContainer = appleTvVideoContainer.querySelector(
-          nS.show
-        );
-        const appleTvEpisodeContainer = appleTvVideoContainer.querySelector(
-          nS.episode
-        );
-        const appleTvShow = appleTvShowContainer
-          ? appleTvShowContainer.innerText
-          : "";
-        const appleTvEpisode = appleTvEpisodeContainer
-          ? appleTvEpisodeContainer.innerText
-          : "";
-        return appleTvShow === "" && appleTvEpisode === ""
-          ? null
-          : appleTvShow + "\n" + appleTvEpisode;
-      case PLAYER_SOURCE.VIKI:
-        const docTitleSplit = document.title.split("|");
-        if (docTitleSplit.length > 1) return docTitleSplit[0].trim();
-        else return null;
+        if (appleTvPlayer) {
+          const appleTvInternal = appleTvPlayer.shadowRoot.querySelector(
+            "amp-video-player-internal"
+          );
+          if (appleTvInternal) {
+            const appleTvVideoContainer = appleTvInternal.shadowRoot.querySelector(
+              "amp-video-player"
+            );
+            if (appleTvVideoContainer) {
+              const appleTvShowContainer = appleTvVideoContainer.querySelector(
+                nS.show
+              );
+              const appleTvEpisodeContainer = appleTvVideoContainer.querySelector(
+                nS.episode
+              );
+              const appleTvShow = appleTvShowContainer
+                ? appleTvShowContainer.innerText
+                : "";
+              const appleTvEpisode = appleTvEpisodeContainer
+                ? appleTvEpisodeContainer.innerText
+                : "";
+              return appleTvShow === "" && appleTvEpisode === ""
+                ? null
+                : appleTvShow + "\n" + appleTvEpisode;
+            }
+          }
+        }
       case PLAYER_SOURCE.STAN:
         const stanShowContainer = document.querySelector(nS.show);
         const stanEpisodeContainer = document.querySelector(nS.episode);
@@ -405,20 +393,15 @@ export default class VideoListener {
         if (huluVideoElement) {
           this.firstTimeSync(huluVideoElement);
         } else {
-          setInterval(
-            this.video.element
-              ? null
-              : () => {
-                  var hve = document.querySelector(vS);
-                  if (
-                    hve !== null &&
-                    (this.video.element !== hve || this.video.element === null)
-                  ) {
-                    this.firstTimeSync(hve);
-                  }
-                },
-            1000
-          );
+          setInterval(() => {
+            var hve = document.querySelector(vS);
+            if (
+              hve !== null &&
+              (this.video.element !== hve || this.video.element === null)
+            ) {
+              this.firstTimeSync(hve);
+            }
+          }, 1000);
         }
         break;
       case PLAYER_SOURCE.HBONOW:
@@ -431,21 +414,16 @@ export default class VideoListener {
         if (hboVideoElement) {
           this.firstTimeSync(hboVideoElement);
         } else {
-          setInterval(
-            this.video.element
-              ? null
-              : () => {
-                  var hve = document.querySelector(vS);
-                  if (
-                    hve !== null &&
-                    hve !== undefined &&
-                    (this.video.element !== hve || this.video.element === null)
-                  ) {
-                    this.firstTimeSync(hve);
-                  }
-                },
-            1000
-          );
+          setInterval(() => {
+            var hve = document.querySelector(vS);
+            if (
+              hve !== null &&
+              hve !== undefined &&
+              (this.video.element !== hve || this.video.element === null)
+            ) {
+              this.firstTimeSync(hve);
+            }
+          }, 1000);
         }
         break;
       case PLAYER_SOURCE.PEACOCK:
@@ -457,81 +435,33 @@ export default class VideoListener {
         if (peacockVideoElement) {
           this.firstTimeSync(peacockVideoElement);
         } else {
-          setInterval(
-            this.video.element
-              ? null
-              : () => {
-                  var pve = document.querySelector(vS);
-                  if (
-                    pve !== null &&
-                    pve !== undefined &&
-                    (this.video.element !== pve || this.video.element === null)
-                  ) {
-                    this.firstTimeSync(pve);
-                  }
-                },
-            1000
-          );
+          setInterval(() => {
+            var pve = document.querySelector(vS);
+            if (
+              pve !== null &&
+              pve !== undefined &&
+              (this.video.element !== pve || this.video.element === null)
+            ) {
+              this.firstTimeSync(pve);
+            }
+          }, 1000);
         }
         break;
       case PLAYER_SOURCE.GOOGLEPLAY:
-        const playerIframe = document.querySelector(vS);
-        if (playerIframe) {
-          const googlePlayVideoElement = playerIframe.contentWindow.document.querySelector(
-            "video"
-          );
-          if (googlePlayVideoElement) {
-            this.firstTimeSync(googlePlayVideoElement);
-          }
+        const googlePlayVideoElement = document.querySelector(vS);
+        if (googlePlayVideoElement) {
+          this.firstTimeSync(googlePlayVideoElement);
         } else {
-          setInterval(
-            this.video.element
-              ? null
-              : () => {
-                  const pif = document.querySelector(vS);
-                  if (pif) {
-                    const gpve = pif.contentWindow.document.querySelector(
-                      "video"
-                    );
-                    if (gpve) {
-                      this.firstTimeSync(gpve);
-                    }
-                  }
-                },
-            1000
-          );
-        }
-        break;
-      case PLAYER_SOURCE.GOOGLEDRIVE:
-        const googleDriveInject = `var watchPartyInteraction=function(e){const data=JSON.parse(e.data);const player=document.querySelector("${vS}").contentWindow.document.querySelector('video');if(player){if(data.watchPartyDirection==='TO_SCRIPT'){if(data.type==='WATCH_PARTY_SEEK'){player.currentTime(data.time)}else if(data.type==='WATCH_PARTY_STATUS'){if(data.status==='PAUSED')player.pause();if(data.status==='PLAYING')player.play()}}}};window.addEventListener("message",watchPartyInteraction);`;
-        const googleDriveInjectScript = document.createElement("script");
-        googleDriveInjectScript.text = googleDriveInject;
-        document.head.appendChild(googleDriveInjectScript);
-        const googleDrivePlayerIframe = document.querySelector(vS);
-        if (googleDrivePlayerIframe) {
-          const googleDrivePlayer = googleDrivePlayerIframe.contentWindow.document.querySelector(
-            "video"
-          );
-          if (googleDrivePlayer) {
-            this.firstTimeSync(googleDrivePlayerIframe);
-          }
-        } else {
-          setInterval(
-            this.video.element
-              ? null
-              : () => {
-                  const gdif = document.querySelector(vS);
-                  if (gdif) {
-                    const gdp = gdif.contentWindow.document.querySelector(
-                      "video"
-                    );
-                    if (gdp) {
-                      this.firstTimeSync(gdif);
-                    }
-                  }
-                },
-            1000
-          );
+          setInterval(() => {
+            const gpve = document.querySelector(vS);
+            if (
+              gpve !== null &&
+              gpve !== undefined &&
+              (this.video.element !== gpve || this.video.element === null)
+            ) {
+              this.firstTimeSync(gpve);
+            }
+          }, 1000);
         }
         break;
       case PLAYER_SOURCE.CRUNCHYROLL:
@@ -543,65 +473,51 @@ export default class VideoListener {
         if (crunchyrollIframe) {
           this.firstTimeSync(crunchyrollIframe);
         } else {
-          setInterval(
-            this.video.element
-              ? null
-              : () => {
-                  const cif = document.querySelector(vS);
-                  if (cif) {
-                    this.firstTimeSync(cif);
-                  }
-                },
-            1000
-          );
+          setInterval(() => {
+            const cif = document.querySelector(vS);
+            if (
+              cif !== null &&
+              cif !== undefined &&
+              (cif !== this.video.element || this.video.element === null)
+            ) {
+              this.firstTimeSync(cif);
+            }
+          }, 1000);
         }
         break;
       case PLAYER_SOURCE.APPLE:
-        const appleTvPlayer = document.querySelector("apple-tv-plus-player");
-        const appleTvInternal = appleTvPlayer.shadowRoot.querySelector(
-          "amp-video-player-internal"
-        );
-        const appleTvVideoContainer = appleTvInternal.shadowRoot.querySelector(
-          "amp-video-player"
-        );
-        const appleVideoElement = appleTvVideoContainer.shadowRoot.querySelector(
-          vS
-        );
-        if (appleVideoElement) {
-          const takeoverContainer = appleTvPlayer.shadowRoot.querySelector(
-            ".takeover.container.show"
-          );
-          if (takeoverContainer)
-            takeoverContainer.style.maxWidth = "var(--body-width)";
-          this.firstTimeSync(appleVideoElement);
-        } else {
-          setInterval(
-            this.video.element
-              ? null
-              : () => {
-                  const atp = document.querySelector("apple-tv-plus-player");
-                  const ati = atp.shadowRoot.querySelector(
-                    "amp-video-player-internal"
-                  );
-                  const atv = ati.shadowRoot.querySelector("amp-video-player");
-                  const atve = atv.shadowRoot.querySelector(vS);
-                  const tc = atp.shadowRoot.querySelector(
+        setInterval(() => {
+          const atp = document.querySelector("apple-tv-plus-player");
+          if (atp) {
+            const ati = atp.shadowRoot.querySelector(
+              "amp-video-player-internal"
+            );
+            if (ati) {
+              const atc = ati.shadowRoot.querySelector("amp-video-player");
+              if (atc) {
+                const ave = atc.shadowRoot.querySelector(vS);
+                if (ave) {
+                  const visible = document.body.classList.contains("visible");
+                  const takeoverContainer = atp.shadowRoot.querySelector(
                     ".takeover.container.show"
                   );
-                  const visible = document.querySelector("body.visible");
-                  if (tc && visible) tc.style.maxWidth = "var(--body-width)";
-                  else if (tc && !visible) tc.style.maxWidth = "none";
-                  if (
-                    !!atve === true &&
-                    (!!this.video.element === false ||
-                      atve !== this.video.element)
-                  ) {
-                    this.firstTimeSync(atve);
+                  if (takeoverContainer && visible) {
+                    takeoverContainer.style.maxWidth = "var(--body-width)";
+                  } else if (takeoverContainer && !visible) {
+                    takeoverContainer.style.maxWidth = "none";
                   }
-                },
-            1000
-          );
-        }
+                  if (
+                    ave !== null &&
+                    ave !== undefined &&
+                    (this.video.element !== ave || this.video.element === null)
+                  ) {
+                    this.firstTimeSync(ave);
+                  }
+                }
+              }
+            }
+          }
+        }, 1000);
         break;
       case PLAYER_SOURCE.FUNIMATION:
         const funimationInject = `var sendToWatchPartyApp=function(pS,pT){var customWatchPartyEvent=new CustomEvent('watchParty',{detail:{watchPartyDirection:'TO_APP',type:'WATCH_PARTY_PLAYER_UPDATE',status:pS,time:pT}});window.dispatchEvent(customWatchPartyEvent)},watchPartyGetTimeAndSend=function(pS){const playerIframe=document.querySelector('${vS}');if(playerIframe){const player=playerIframe.contentWindow.document.querySelector('video');if(player){sendToWatchPartyApp(pS,player.currentTime)}}},watchPartySendPlaying=function(){watchPartyGetTimeAndSend('PLAYING')},watchPartySendPaused=function(){watchPartyGetTimeAndSend('PAUSED')},watchPartyAddListeners=function(){const playerIframe=document.querySelector('${vS}');if(playerIframe){const player=playerIframe.contentWindow.document.querySelector('video');if(player&&player.currentTime>0&&player.paused===false&&player.ended===false){player.parentNode.player.on('playing',watchPartySendPlaying);player.parentNode.player.on('pause',watchPartySendPaused);clearInterval(watchPartyAddListeners)}}},watchPartyInteraction=function(e){const data=JSON.parse(e.data);const playerIframe=document.querySelector('${vS}');if(playerIframe){const player=playerIframe.contentWindow.document.querySelector('video');if(player){if(data.watchPartyDirection==='TO_SCRIPT'){if(data.type==='WATCH_PARTY_ADD_LISTENERS'){player.addEventListener('playing',watchPartySendPlaying);player.addEventListener('pause',watchPartySendPaused)}else if(data.type==='WATCH_PARTY_SEEK'){const playerNode=playerIframe.contentWindow.document.querySelector('#brightcove-player');if(playerNode){playerNode.player.currentTime(data.time)}}else if(data.type==='WATCH_PARTY_STATUS'){if(data.status==='PAUSED')player.pause();if(data.status==='PLAYING')player.play()}}}else{setInterval(watchPartyAddListeners,1000)}}else{setInterval(watchPartyAddListeners,1000)}};window.addEventListener("message",watchPartyInteraction);`;
@@ -614,7 +530,11 @@ export default class VideoListener {
         } else {
           setInterval(() => {
             const fif = document.querySelector(vS);
-            if (!this.video.element && fif) {
+            if (
+              fif !== null &&
+              fif !== undefined &&
+              (this.video.element !== fif || this.video.element === null)
+            ) {
               this.firstTimeSync(fif);
             }
           }, 1000);
@@ -629,20 +549,15 @@ export default class VideoListener {
         if (roosterTeethVideoElement) {
           this.firstTimeSync(roosterTeethVideoElement);
         } else {
-          setInterval(
-            this.video.element
-              ? null
-              : () => {
-                  var rtve = document.querySelector(vS);
-                  if (
-                    rtve !== null &&
-                    (this.video.element !== rtve || this.video.element === null)
-                  ) {
-                    this.firstTimeSync(rtve);
-                  }
-                },
-            1000
-          );
+          setInterval(() => {
+            var rtve = document.querySelector(vS);
+            if (
+              rtve !== null &&
+              (this.video.element !== rtve || this.video.element === null)
+            ) {
+              this.firstTimeSync(rtve);
+            }
+          }, 1000);
         }
         break;
       case PLAYER_SOURCE.STAN:
@@ -654,21 +569,17 @@ export default class VideoListener {
       case PLAYER_SOURCE.AIRTEL:
       case PLAYER_SOURCE.VIMEO:
       case PLAYER_SOURCE.DAILYMOTION:
-        const videoElement = document.querySelector(vS);
-        if (videoElement) {
-          this.firstTimeSync(videoElement);
-        } else {
-          setInterval(() => {
-            var newVideoElement = document.querySelector(vS);
-            if (
-              newVideoElement &&
-              !this.video.element &&
-              this.video.element !== newVideoElement
-            ) {
-              this.firstTimeSync(newVideoElement);
-            }
-          }, 1000);
-        }
+        setInterval(() => {
+          var newVideoElement = document.querySelector(vS);
+          if (
+            newVideoElement !== null &&
+            newVideoElement !== undefined &&
+            (this.video.element === null ||
+              this.video.element !== newVideoElement)
+          ) {
+            this.firstTimeSync(newVideoElement);
+          }
+        }, 1000);
         break;
       default:
         break;
diff --git a/functions/admin/updateVersionActive.js b/functions/admin/updateVersionActive.js
index 38a81df..ee8eeeb 100644
--- a/functions/admin/updateVersionActive.js
+++ b/functions/admin/updateVersionActive.js
@@ -1,41 +1,49 @@
-const admin = require('firebase-admin');
-const Logger = require('../Logger');
-const mLogger = new Logger('admin', 'updateVersionActive');
+const admin = require("firebase-admin");
+const Logger = require("../Logger");
+const mLogger = new Logger("admin", "updateVersionActive");
 
 module.exports = async (req, res) => {
   mLogger.start();
   const { version, versionData } = JSON.parse(req.body);
   if (version && versionData) {
     delete versionData.version;
-    if (versionData.importantAlert === null || versionData.importantAlert === undefined) {
+    if (
+      versionData.importantAlert === null ||
+      versionData.importantAlert === undefined
+    ) {
       await admin
         .firestore()
-        .collection('server')
-        .doc('status')
+        .collection("server")
+        .doc("status")
         .update({
           [`${version}.importantUpdate`]: admin.firestore.FieldValue.delete(),
         })
         .catch((err) => {
-          mLogger.error('FAILED TO DELETE IMPORTANT ALERT', err);
-          res.status(500).send({ message: 'FAILED TO DELETE IMPORTANT ALERT', error: err });
+          mLogger.error("FAILED TO DELETE IMPORTANT ALERT", err);
+          res
+            .status(500)
+            .send({ message: "FAILED TO DELETE IMPORTANT ALERT", error: err });
         });
       delete versionData.importantAlert;
     }
     await admin
       .firestore()
-      .collection('server')
-      .doc('status')
+      .collection("server")
+      .doc("status")
       .update({
         [version]: versionData,
       })
       .catch((err) => {
-        mLogger.error('FAILED TO UPDATE', err);
-        res.status(500).send({ message: 'FAILED TO UPDATE', error: err });
+        mLogger.error("FAILED TO UPDATE", err);
+        res.status(500).send({ message: "FAILED TO UPDATE", error: err });
       });
-    mLogger.success('UPDATE VERSION ACTIVE STATUS', Object.assign(versionData, versionData));
-    res.status(200).send({ message: 'Updated version active' });
+    mLogger.success(
+      "UPDATE VERSION ACTIVE STATUS",
+      Object.assign(versionData, versionData)
+    );
+    res.status(200).send({ message: "Updated version active" });
   } else {
-    mLogger.error('VALUES NOT RECEIVED');
-    res.status(500).send({ message: 'Values not received' });
+    mLogger.error("VALUES NOT RECEIVED");
+    res.status(500).send({ message: "Values not received" });
   }
 };
diff --git a/functions/webhooks/app.js b/functions/webhooks/app.js
index b959503..d900628 100644
--- a/functions/webhooks/app.js
+++ b/functions/webhooks/app.js
@@ -1,15 +1,16 @@
-const WebhookModules = require('./index');
-const express = require('express');
-const cors = require('cors');
+const WebhookModules = require("./index");
+const express = require("express");
+const cors = require("cors");
 
-require('https').globalAgent.keepAlive = true;
+require("https").globalAgent.keepAlive = true;
 
 // WEBHOOKS
 const webhooks = express();
 webhooks.use(cors({ origin: true }));
-webhooks.all('/conferenceEnded', WebhookModules.conferenceEnd);
-webhooks.all('/scheduledCleanup', WebhookModules.scheduledCleanUp);
-webhooks.all('/ask', WebhookModules.ask);
-webhooks.all('/userCleanUp', WebhookModules.userCleanUp);
+webhooks.all("/conferenceEnded", WebhookModules.conferenceEnd);
+webhooks.all("/scheduledCleanup", WebhookModules.scheduledCleanUp);
+webhooks.all("/ask", WebhookModules.ask);
+webhooks.all("/userCleanUp", WebhookModules.userCleanUp);
+webhooks.all("/serverStatus", WebhookModules.serverStatus);
 
 module.exports = webhooks;
diff --git a/functions/webhooks/index.js b/functions/webhooks/index.js
index 4b1c81e..6f14b83 100644
--- a/functions/webhooks/index.js
+++ b/functions/webhooks/index.js
@@ -2,10 +2,12 @@ const conferenceEnd = require("./conferenceEnd");
 const scheduledCleanUp = require("./scheduledCleanUp");
 const ask = require("./ask");
 const userCleanUp = require("./userCleanUp");
+const serverStatus = require("./serverStatus");
 
 module.exports = {
   conferenceEnd,
   scheduledCleanUp,
   ask,
   userCleanUp,
+  serverStatus,
 };
diff --git a/functions/webhooks/serverStatus.js b/functions/webhooks/serverStatus.js
new file mode 100644
index 0000000..41fa765
--- /dev/null
+++ b/functions/webhooks/serverStatus.js
@@ -0,0 +1,12 @@
+const admin = require("firebase-admin");
+
+module.exports = async (req, res) => {
+  const data = await admin
+    .firestore()
+    .collection("server")
+    .doc("status")
+    .get()
+    .then((v) => v.data());
+  res.status(200).send(data);
+  return;
+};
diff --git a/website/changes/v1.7.10/index.html b/website/changes/v1.7.10/index.html
new file mode 100644
index 0000000..8b7e34e
--- /dev/null
+++ b/website/changes/v1.7.10/index.html
@@ -0,0 +1,376 @@
+<!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 
+https://www.chromewatchparty.com/copyright
+=========================================================================
+ALL CONTENT ON WATCH PARTY'S WEBSITE OR IN WATCH PARTY'S CHROME EXTENSION APP, UNLESS OTHERWISE
+CITED ARE THE SOLE INTELLECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
+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" />
+    <link rel="manifest" href="/manifest.json" />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/glacialindifference-bold-webfont.woff"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/glacialindifference-bold-webfont.woff2"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/glacialindifference-italic-webfont.woff"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/glacialindifference-italic-webfont.woff2"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/glacialindifference-regular-webfont.woff"
+      crossorigin
+    />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/glacialindifference-regular-webfont.woff2"
+      crossorigin
+    />
+    <style>
+      @import "/styles/variables.css";
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
+
+      @import "/styles/extrasmall.css";
+      @import "/styles/small.css" only screen and (min-width: 768px) and
+        (max-width: 1024px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
+      @import "/styles/large.css" only screen and (min-width: 1366px);
+      @import "/styles/extralarge.css" only screen and (min-width: 1921px);
+
+      @font-face {
+        font-family: "GlacialBold";
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
+        font-weight: normal;
+        font-style: normal;
+        font-display: swap;
+      }
+      @font-face {
+        font-family: "GlacialItalic";
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
+        font-weight: normal;
+        font-style: normal;
+        font-display: swap;
+      }
+      @font-face {
+        font-family: "Glacial";
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
+        font-weight: normal;
+        font-style: normal;
+        font-display: swap;
+      }
+      [data-font="sans"] {
+        font-family: "Glacial", sans-serif;
+        font-display: swap;
+      }
+      [data-font="sans-bold"] {
+        font-family: "GlacialBold", sans-serif;
+        font-display: swap;
+      }
+      [data-font="sans-italic"] {
+        font-family: "GlacialItalic", sans-serif;
+        font-style: italic;
+        font-display: swap;
+      }
+    </style>
+    <title>Watch Party | V1.7.10</title>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+
+      gtag("config", "UA-87498806-2");
+    </script>
+  </head>
+  <body>
+    <div class="heading bubble empty right">
+      <a href="/" class="title underlink" data-font="sans-bold">WATCH PARTY</a>
+      <h4 class="sub-title" data-font="sans">
+        WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
+      </h4>
+      <a
+        href="https://get.firefoxwatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
+        GET FIREFOX ADD-ON
+      </a>
+      <a
+        href="https://get.edgewatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
+        GET EDGE ADD-ON
+      </a>
+      <a
+        href="https://get.chromewatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
+        GET CHROME EXTENSION
+      </a>
+    </div>
+    <div style="margin-top: 10rem" class="text-section">
+      <div class="info">
+        <div class="info-text">
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
+        </div>
+      </div>
+      <div class="info">
+        <div class="info-text">
+          <div>
+            <h4 class="sub-title" data-font="sans-bold">V1.7.10</h4>
+          </div>
+          <div>
+            <p data-font="sans" class="body">ADD DATA BACK-UP SERVICE</p>
+            <p data-font="sans" class="body">IMPROVE ROOM & USER AUTO DELETE</p>
+            <p data-font="sans" class="body">
+              FIX GOOGLE PLAY, APPLE TV, & HOTSTAR SYNC
+            </p>
+            <p data-font="sans" class="body">
+              IMPROVE APPLE TV, FUNIMATION, & CRUNCHYROLL SYNC
+            </p>
+            <p data-font="sans" class="body">COMPLETE ADMIN DASHBOARD</p>
+            <p data-font="sans" class="body">RECOVER FROM DATA FAILURE</p>
+          </div>
+        </div>
+      </div>
+      <div class="info">
+        <div class="info-text">
+          <div></div>
+          <a
+            href="mailto:admin@chromewatchparty.com?subject=Changelog Questions"
+            class="underlink"
+            data-font="sans-bold"
+          >
+            ASK ABOUT CHANGES
+          </a>
+        </div>
+      </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" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
+          <a
+            class="underlink"
+            target="_blank"
+            href="https://get.firefoxwatchparty.com"
+            data-font="sans"
+          >
+            Get Firefox Add-On
+          </a>
+          <a
+            class="underlink"
+            target="_blank"
+            href="https://get.edgewatchparty.com"
+            data-font="sans"
+          >
+            Get Edge Add-On
+          </a>
+          <a
+            class="underlink"
+            target="_blank"
+            href="https://get.chromewatchparty.com"
+            data-font="sans"
+          >
+            Get Chrome Extension
+          </a>
+        </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="end-line">
+        <a class="underlink" data-font="sans">
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox 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>
+    </footer>
+  </body>
+</html>