v1.7.10/add privacy policy

website/404.html

@@ -23,7 +23,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -55,49 +60,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -108,9 +118,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -119,13 +129,25 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <a
+        href="https://get.chromewatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
         GET CHROME EXTENSION
       </a>
     </div>
@@ -134,7 +156,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         <div class="info-card" data-font="sans-bold">404</div>
         <div class="info-text">
           <h4 class="sub-title" data-font="sans-bold">PAGE NOT FOUND</h4>
-          <p class="body" data-font="sans">Looks like this page doesn't exist...yet.</p>
+          <p class="body" data-font="sans">
+            Looks like this page doesn't exist...yet.
+          </p>
           <a href="/" class="underlink" data-font="sans-bold">GO HOME</a>
         </div>
       </div>
@@ -153,8 +177,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -182,22 +210,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -205,6 +257,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -216,9 +271,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -236,7 +296,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -250,7 +314,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/index.html

@@ -370,6 +370,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"

website/changes/v1.5.2/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -143,7 +167,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           </div>
           <div>
             <p data-font="sans" class="body">NOTIFICATION TIMER INCREASED</p>
-            <p data-font="sans" class="body">AUTO REJOIN (AS LONG YOU RETURN WITHIN 1 MINUTE)</p>
+            <p data-font="sans" class="body">
+              AUTO REJOIN (AS LONG YOU RETURN WITHIN 1 MINUTE)
+            </p>
             <p data-font="sans" class="body">
               ADD MIC PERMISSION OVERLAY TO AVOID CONFUSION WHEN STARTING CALLS
             </p>
@@ -151,20 +177,26 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
               FULLSCREEN SUPPORT, NOW GO FULLSCREEN WITH ACCESS TO WATCH PARTY
             </p>
             <p data-font="sans" class="body">
-              LOADING STATUS FOR CALL SO IT DOESN'T LOOK LIKE NOTHING IS HAPPENING
+              LOADING STATUS FOR CALL SO IT DOESN'T LOOK LIKE NOTHING IS
-            </p>
+              HAPPENING
-            <p data-font="sans" class="body">GIF SCROLLBAR IS EASIER TO GRAB AND SCROLL</p>
-            <p data-font="sans" class="body">
-              NETFLIX PLAYER UPDATE (FIXES ISSUE WHEN PLAYER WAS NOT DETECTED IF VIDEO STARTED
-              BEFORE PARTY)
             </p>
             <p data-font="sans" class="body">
-              ROOM MIGRATE FIX (ALLOWS PARTY CREATORS TO MOVE THEIR PARTIES TO NEW SITES)
+              GIF SCROLLBAR IS EASIER TO GRAB AND SCROLL
+            </p>
+            <p data-font="sans" class="body">
+              NETFLIX PLAYER UPDATE (FIXES ISSUE WHEN PLAYER WAS NOT DETECTED IF
+              VIDEO STARTED BEFORE PARTY)
+            </p>
+            <p data-font="sans" class="body">
+              ROOM MIGRATE FIX (ALLOWS PARTY CREATORS TO MOVE THEIR PARTIES TO
+              NEW SITES)
             </p>
             <p data-font="sans" class="body">
               UPDATE PLAYER FIX (REMOVES RANDOM "USER CHANGED" MESSAGES)
             </p>
-            <p data-font="sans" class="body">FIX FOR HULU INPUT WHEN VIDEO STARTS FIRST</p>
+            <p data-font="sans" class="body">
+              FIX FOR HULU INPUT WHEN VIDEO STARTS FIRST
+            </p>
           </div>
         </div>
       </div>
@@ -195,8 +227,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -224,22 +260,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -247,6 +307,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -258,9 +321,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -278,7 +346,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -292,7 +364,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.6.0/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -143,26 +167,44 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           </div>
           <div>
             <p data-font="sans" class="body">ADD SUPPORT FOR CRUNCHYROLL</p>
-            <p data-font="sans" class="body">ADD SUPPORT FOR GOOGLE PLAY MOVIES & TV</p>
+            <p data-font="sans" class="body">
+              ADD SUPPORT FOR GOOGLE PLAY MOVIES & TV
+            </p>
             <p data-font="sans" class="body">COMPLETELY REBUILT CHAT UI</p>
             <p data-font="sans" class="body">GIF UI REVAMPED</p>
             <p data-font="sans" class="body">SHOWS SENDING MESSAGES</p>
             <p data-font="sans" class="body">
               NEW WELCOME EXPERIENCE
-              <a class="underlink" href="/welcome">CHROMEWATCHPARTY.COM/WELCOME</a>
+              <a class="underlink" href="/welcome"
+                >CHROMEWATCHPARTY.COM/WELCOME</a
+              >
             </p>
             <p data-font="sans" class="body">CLEAR PARTY AND PIN HISTORY</p>
             <p data-font="sans" class="body">FIX HEADER BUG ON WEBSITE</p>
-            <p data-font="sans" class="body">OPTIMIZE WEBSITE FEATURE ANIMATIONS</p>
+            <p data-font="sans" class="body">
+              OPTIMIZE WEBSITE FEATURE ANIMATIONS
+            </p>
             <p data-font="sans" class="body">
               ADMIN ONLY CONTROL MODE (AFFECTS PLAYER SYNC AND CALL)
             </p>
-            <p data-font="sans" class="body">ANYONE CAN START CALLS WHEN NOT IN ADMIN ONLY MODE</p>
+            <p data-font="sans" class="body">
-            <p data-font="sans" class="body">CROSS SITE PARTY NAME AND PIN HISTORY</p>
+              ANYONE CAN START CALLS WHEN NOT IN ADMIN ONLY MODE
-            <p data-font="sans" class="body">VOLUME CONTROL FOR USERS ON CALL</p>
+            </p>
-            <p data-font="sans" class="body">INTERACTIVE SYSTEM MESSAGES IN CHAT</p>
+            <p data-font="sans" class="body">
-            <p data-font="sans" class="body">ALERTS ON SIDEBAR CREATE/JOIN SCREEN</p>
+              CROSS SITE PARTY NAME AND PIN HISTORY
-            <p data-font="sans" class="body">AUTOCOMPLETE FOR PARTY NAMES AND PINS</p>
+            </p>
+            <p data-font="sans" class="body">
+              VOLUME CONTROL FOR USERS ON CALL
+            </p>
+            <p data-font="sans" class="body">
+              INTERACTIVE SYSTEM MESSAGES IN CHAT
+            </p>
+            <p data-font="sans" class="body">
+              ALERTS ON SIDEBAR CREATE/JOIN SCREEN
+            </p>
+            <p data-font="sans" class="body">
+              AUTOCOMPLETE FOR PARTY NAMES AND PINS
+            </p>
             <p data-font="sans" class="body">PROPER PAGE OPENS ON UPDATE</p>
           </div>
         </div>
@@ -194,8 +236,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -223,22 +269,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -246,6 +316,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -257,9 +330,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -277,7 +355,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -291,7 +373,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.6.1/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -142,7 +166,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             <h4 class="sub-title" data-font="sans-bold">V1.6.1</h4>
           </div>
           <div>
-            <p data-font="sans" class="body">FIX VIDEO SELECTOR FOR AMAZON PRIME VIDEO</p>
+            <p data-font="sans" class="body">
+              FIX VIDEO SELECTOR FOR AMAZON PRIME VIDEO
+            </p>
           </div>
         </div>
       </div>
@@ -173,8 +199,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -202,22 +232,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -225,6 +279,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -236,9 +293,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -256,7 +318,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -270,7 +336,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.6.2/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -143,7 +167,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           </div>
           <div>
             <p data-font="sans" class="body">FIX VIDEO SELECTOR FOR HULU</p>
-            <p data-font="sans" class="body">USE SERVER CONFIG FOR VIDEO SELECTORS</p>
+            <p data-font="sans" class="body">
+              USE SERVER CONFIG FOR VIDEO SELECTORS
+            </p>
           </div>
         </div>
       </div>
@@ -174,8 +200,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -203,22 +233,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -226,6 +280,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -237,9 +294,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -257,7 +319,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -271,7 +337,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.6.3/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -142,7 +166,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             <h4 class="sub-title" data-font="sans-bold">V1.6.3</h4>
           </div>
           <div>
-            <p data-font="sans" class="body">USE VIRUALIZED SCROLLING TO FIX LAG FROM CHAT</p>
+            <p data-font="sans" class="body">
+              USE VIRUALIZED SCROLLING TO FIX LAG FROM CHAT
+            </p>
           </div>
         </div>
       </div>
@@ -173,8 +199,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -202,22 +232,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -225,6 +279,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -236,9 +293,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -256,7 +318,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -270,7 +336,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.6.4/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -143,12 +167,18 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           </div>
           <div>
             <p data-font="sans" class="body">
-              ADD SUPPORT FOR VIKI, APPLE TV+, FUNIMATION, AND FIX CRUNCHYROLL, AND GOOGLE PLAY
+              ADD SUPPORT FOR VIKI, APPLE TV+, FUNIMATION, AND FIX CRUNCHYROLL,
-              MOVIES & TV
+              AND GOOGLE PLAY MOVIES & TV
+            </p>
+            <p data-font="sans" class="body">
+              ADD TUTORIAL MODE TO HELP LEARN ABOUT WATCH PARTY
+            </p>
+            <p data-font="sans" class="body">
+              USE EXTENSION MENU IN TOP BAR FOR ACTIONS AND LINKS
+            </p>
+            <p data-font="sans" class="body">
+              FIX CHAT RESIZING ISSUE, OTHER MINOR FIXES
             </p>
-            <p data-font="sans" class="body">ADD TUTORIAL MODE TO HELP LEARN ABOUT WATCH PARTY</p>
-            <p data-font="sans" class="body">USE EXTENSION MENU IN TOP BAR FOR ACTIONS AND LINKS</p>
-            <p data-font="sans" class="body">FIX CHAT RESIZING ISSUE, OTHER MINOR FIXES</p>
             <p data-font="sans" class="body">
               LOAD BALANCED APIS (SERVERS IN MORE PLACES WITH AUTO REDIRECTS)
             </p>
@@ -182,8 +212,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -211,22 +245,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -234,6 +292,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -245,9 +306,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -265,7 +331,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -279,7 +349,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.6.5/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -173,8 +197,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -202,22 +230,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -225,6 +277,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -236,9 +291,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -256,7 +316,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -270,7 +334,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.6.6/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -178,8 +202,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -207,22 +235,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -230,6 +282,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -241,9 +296,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -261,7 +321,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -275,7 +339,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.6.7/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -142,7 +166,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             <h4 class="sub-title" data-font="sans-bold">V1.6.7</h4>
           </div>
           <div>
-            <p data-font="sans" class="body">FIX HBO <code>SPACE</code> KEY TOGGLING PAUSE</p>
+            <p data-font="sans" class="body">
+              FIX HBO <code>SPACE</code> KEY TOGGLING PAUSE
+            </p>
             <p data-font="sans" class="body">
               FIX TEXT WRAPPING FOR INTERACTIVE SYSTEM MESSAGES AND ALERTS
             </p>
@@ -176,8 +202,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -205,22 +235,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -228,6 +282,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -239,9 +296,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -259,7 +321,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -273,7 +339,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.0/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -144,7 +168,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <div>
             <p data-font="sans" class="body">ADD VIDEO CALLS</p>
             <p data-font="sans" class="body">ADD ROOSTER TEETH SUPPORT</p>
-            <p data-font="sans" class="body">ADD PAYPAL SUPPORT TO DONATION PAGE</p>
+            <p data-font="sans" class="body">
+              ADD PAYPAL SUPPORT TO DONATION PAGE
+            </p>
           </div>
         </div>
       </div>
@@ -175,8 +201,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -204,22 +234,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -227,6 +281,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -238,9 +295,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -258,7 +320,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -272,7 +338,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.1/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -173,8 +197,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -202,22 +230,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -225,6 +277,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -236,9 +291,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -256,7 +316,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -270,7 +334,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.10/index.html

@@ -286,6 +286,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"

website/changes/v1.7.2/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -173,8 +197,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -202,22 +230,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -225,6 +277,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -236,9 +291,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -256,7 +316,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -270,7 +334,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.3/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -142,7 +166,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             <h4 class="sub-title" data-font="sans-bold">V1.7.3</h4>
           </div>
           <div>
-            <p data-font="sans" class="body">ADD EXPERIMENTAL SUPPORT FOR FIREFOX</p>
+            <p data-font="sans" class="body">
+              ADD EXPERIMENTAL SUPPORT FOR FIREFOX
+            </p>
             <p data-font="sans" class="body">ADDITIONAL FIXES FOR FUNIMATION</p>
             <p data-font="sans" class="body">FIX FOR CALLING</p>
           </div>
@@ -175,8 +201,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -204,22 +234,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -227,6 +281,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -238,9 +295,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -258,7 +320,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -272,7 +338,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.4/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -173,8 +197,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -202,22 +230,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -225,6 +277,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -236,9 +291,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -256,7 +316,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -270,7 +334,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.5/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -175,8 +199,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -204,22 +232,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -227,6 +279,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -238,9 +293,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -258,7 +318,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -272,7 +336,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.6/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -146,7 +170,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             <p data-font="sans" class="body">ADD AUTO LEAVE ON CLOSE</p>
             <p data-font="sans" class="body">ADD LEAVE MESSAGES</p>
             <p data-font="sans" class="body">SHOW WHO PAUSED / PLAYED</p>
-            <p data-font="sans" class="body">ADD OPTION TO SELECT CALL DEVICE</p>
+            <p data-font="sans" class="body">
+              ADD OPTION TO SELECT CALL DEVICE
+            </p>
           </div>
         </div>
       </div>
@@ -177,8 +203,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -206,22 +236,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -229,6 +283,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -240,9 +297,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -260,7 +322,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -274,7 +340,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.7/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -142,7 +166,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             <h4 class="sub-title" data-font="sans-bold">V1.7.7</h4>
           </div>
           <div>
-            <p data-font="sans" class="body">ADD SUPPORT FOR AMAZON.DE DOMAIN</p>
+            <p data-font="sans" class="body">
+              ADD SUPPORT FOR AMAZON.DE DOMAIN
+            </p>
           </div>
         </div>
       </div>
@@ -173,8 +199,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -202,22 +232,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -225,6 +279,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -236,9 +293,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -256,7 +318,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -270,7 +336,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.8/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -145,10 +169,16 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             <p data-font="sans" class="body">ADD SUPPORT FOR VIMEO</p>
             <p data-font="sans" class="body">ADD SUPPORT FOR DAILYMOTION</p>
             <p data-font="sans" class="body">ADD SUPPORT FOR AIRTELXSTREAM</p>
-            <p data-font="sans" class="body">INITIAL SUPPORT FOR PUBLIC PARTIES</p>
+            <p data-font="sans" class="body">
-            <p data-font="sans" class="body">FIXES FOR AUTO-LEAVE BUGGING OUT</p>
+              INITIAL SUPPORT FOR PUBLIC PARTIES
+            </p>
+            <p data-font="sans" class="body">
+              FIXES FOR AUTO-LEAVE BUGGING OUT
+            </p>
             <p data-font="sans" class="body">OPTIMIZATIONS FOR VIDEO SYNCING</p>
-            <p data-font="sans" class="body">OPTIMIZATIONS FOR VIDEO NAME PARSING</p>
+            <p data-font="sans" class="body">
+              OPTIMIZATIONS FOR VIDEO NAME PARSING
+            </p>
           </div>
         </div>
       </div>
@@ -179,8 +209,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -208,22 +242,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -231,6 +289,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -242,9 +303,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -262,7 +328,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -276,7 +346,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/changes/v1.7.9/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,20 +130,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <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>
+          <a href="/changes" class="title underlink" data-font="sans-bold"
+            >CHANGELOG</a
+          >
         </div>
       </div>
       <div class="info">
@@ -173,8 +197,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -202,22 +230,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -225,6 +277,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -236,9 +291,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -256,7 +316,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -270,7 +334,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/copyright/index.html

@@ -260,6 +260,10 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
               Firefox logo is a trademark and intellectual property of Mozilla,
               Inc.
             </p>
+            <p data-font="sans" class="body">
+              Microsoft Edge logo is a trademark and intellectual property of
+              Microsoft, Inc.
+            </p>
           </div>
         </div>
       </div>
@@ -358,6 +362,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"

website/donate/index.html

@@ -283,6 +283,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans">Privacy Policy</a>
           <a
             class="underlink"
             target="_blank"

website/donate/thanks.html

@@ -253,6 +253,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"

website/edge/index.html

@@ -24,7 +24,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -56,49 +61,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -109,9 +119,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -120,68 +130,104 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <a
+        href="https://get.chromewatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
         GET CHROME EXTENSION
       </a>
     </div>
 
-
     <div class="overlap">
-        <div class="info">
+      <div class="info">
-          <div class="info-card">
+        <div class="info-card">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="48px" height="48px"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg>
+          <svg
-          </div>
+            xmlns="http://www.w3.org/2000/svg"
-          <div class="info-text">
+            viewBox="0 0 24 24"
-            <h4 class="sub-title" data-font="sans-bold">STEPS TO INSTALL</h4>
+            fill="black"
-            <p class="body" data-font="sans">
+            width="48px"
-                Install Watch Party on Microsoft Edge in 3 simple steps.
+            height="48px"
-            </p>
+          >
-            <a href="#instructions" class="underlink" data-font="sans-bold">INSTRUCTIONS</a>
+            <path d="M0 0h24v24H0z" fill="none" />
-          </div>
+            <path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" />
+          </svg>
+        </div>
+        <div class="info-text">
+          <h4 class="sub-title" data-font="sans-bold">STEPS TO INSTALL</h4>
+          <p class="body" data-font="sans">
+            Install Watch Party on Microsoft Edge in 3 simple steps.
+          </p>
+          <a href="#instructions" class="underlink" data-font="sans-bold"
+            >INSTRUCTIONS</a
+          >
         </div>
       </div>
+    </div>
 
     <div class="text-section" id="instructions">
-        <div class="info">
+      <div class="info">
-          <div class="info-text">
+        <div class="info-text">
-            <h4 class="sub-title" data-font="sans-bold">STEP 1.</h4>
+          <h4 class="sub-title" data-font="sans-bold">STEP 1.</h4>
-            <div class="description">
+          <div class="description">
             <p class="body" data-font="sans">
               Go to the Chrome Webstore Page.
-              <a href="https://get.chromewatchparty.com" target="_blank" class="underlink" data-font="sans-bold">LINK TO CHROME WEB STORE PAGE</a>
+              <a
+                href="https://get.chromewatchparty.com"
+                target="_blank"
+                class="underlink"
+                data-font="sans-bold"
+                >LINK TO CHROME WEB STORE PAGE</a
+              >
             </p>
-            </div>
-          </div>
-        </div>
-        <div class="info">
-          <div class="info-text">
-            <h4 class="sub-title" data-font="sans-bold">STEP 2.</h4>
-            <div class="description">
-                <p class="body" data-font="sans">
-                    Allow to install from Chrome Webstore - click on <i>"Allow extensions from other stores"</i> in the permission dialog.
-                </p>
-                <img src="/media/edge/edge-allow-1.webp" alt="MS Edge Allow Dialog" />
-            </div>
-          </div>
-        </div>
-        <div class="info">
-          <div class="info-text">
-            <h4 class="sub-title" data-font="sans-bold">STEP 3.</h4>
-            <div class="description">
-                <p class="body" data-font="sans">
-                    Confirm the permission by clicking on <i>"Allow"</i> on the popup.
-                </p>
-                <img src="/media/edge/edge-allow-2.webp" alt="MS Edge Allow Popup" />
-            </div>
           </div>
         </div>
       </div>
+      <div class="info">
+        <div class="info-text">
+          <h4 class="sub-title" data-font="sans-bold">STEP 2.</h4>
+          <div class="description">
+            <p class="body" data-font="sans">
+              Allow to install from Chrome Webstore - click on
+              <i>"Allow extensions from other stores"</i> in the permission
+              dialog.
+            </p>
+            <img
+              src="/media/edge/edge-allow-1.webp"
+              alt="MS Edge Allow Dialog"
+            />
+          </div>
+        </div>
+      </div>
+      <div class="info">
+        <div class="info-text">
+          <h4 class="sub-title" data-font="sans-bold">STEP 3.</h4>
+          <div class="description">
+            <p class="body" data-font="sans">
+              Confirm the permission by clicking on <i>"Allow"</i> on the popup.
+            </p>
+            <img
+              src="/media/edge/edge-allow-2.webp"
+              alt="MS Edge Allow Popup"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
 
     <footer>
       <div class="link-section">
@@ -197,8 +243,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -226,22 +276,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -249,6 +323,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -260,9 +337,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -280,7 +362,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -294,7 +380,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/index.html

@@ -23,7 +23,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -55,64 +60,72 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
     </style>
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"
+    ></script>
     <title>Watch Party</title>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -121,26 +134,44 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <a
+        href="https://get.chromewatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
         GET CHROME EXTENSION
       </a>
     </div>
     <div class="overlap">
       <div class="info">
         <div class="info-card">
-          <video preload="auto" 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>
           <p class="body" data-font="sans">
-            Watch Party syncs your favorite shows, with your favorite people, on your favorite
+            Watch Party syncs your favorite shows, with your favorite people, on
-            streaming services.
+            your favorite streaming services.
           </p>
           <a href="/#supported-services" class="underlink" data-font="sans-bold"
             >SEE SUPPORTED SERVICES</a
@@ -149,15 +180,23 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="info">
         <div class="info-card">
-          <video preload="auto" 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>
           <p class="body" data-font="sans">
-            Chat with GIFs, group video & voice calls, and other features to make the most of your
+            Chat with GIFs, group video & voice calls, and other features to
-            watching party.
+            make the most of your watching party.
           </p>
-          <a href="/#features" class="underlink" data-font="sans-bold">SEE ALL FEATURES</a>
+          <a href="/#features" class="underlink" data-font="sans-bold"
+            >SEE ALL FEATURES</a
+          >
         </div>
       </div>
     </div>
@@ -170,8 +209,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           </h4>
           <div class="description">
             <p class="body" data-font="sans">
-              Watch with your favorite people on your favorite streaming service. Don't miss out on
+              Watch with your favorite people on your favorite streaming
-              your favorite Anime, K-Drama, or American classic no matter how far away you are.
+              service. Don't miss out on your favorite Anime, K-Drama, or
+              American classic no matter how far away you are.
             </p>
             <a
               target="_blank"
@@ -214,8 +254,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             </h4>
             <div class="description">
               <p class="body" data-font="sans">
-                Watch Party is built to not be in your way. There when you need it, hidden when you
+                Watch Party is built to not be in your way. There when you need
-                don't.
+                it, hidden when you don't.
               </p>
             </div>
           </div>
@@ -227,14 +267,16 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         <h4 data-font="sans-bold" class="sub-title">SYNCED</h4>
         <video muted autoplay loop src="/media/features/Sync.mp4"></video>
         <p data-font="sans" class="body">
-          Watch Party syncs your shows, no more skipping ahead or falling behind.
+          Watch Party syncs your shows, no more skipping ahead or falling
+          behind.
         </p>
       </div>
       <div class="support-card">
         <h4 data-font="sans-bold" class="sub-title">FREE GROUP CALL</h4>
         <video muted autoplay loop src="/media/features/Phone.mp4"></video>
         <p data-font="sans" class="body">
-          Free group calls - voice or video - for when text and GIFs just won't do.
+          Free group calls - voice or video - for when text and GIFs just won't
+          do.
         </p>
       </div>
       <div class="support-card">
@@ -246,7 +288,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         <h4 data-font="sans-bold" class="sub-title">AUTO-DELETE</h4>
         <video muted autoplay loop src="/media/features/Delete.mp4"></video>
         <p data-font="sans" class="body">
-          What happens in Watch Party, stays in Watch Party - for 24 hours, then it's all gone.
+          What happens in Watch Party, stays in Watch Party - for 24 hours, then
+          it's all gone.
         </p>
       </div>
       <div class="support-card">
@@ -266,7 +309,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <div class="support-card">
         <h4 data-font="sans-bold" class="sub-title">PRIVACY</h4>
         <video muted autoplay loop src="/media/features/Signup.mp4"></video>
-        <p data-font="sans" class="body">No sign up, no login, no data taken from you.</p>
+        <p data-font="sans" class="body">
+          No sign up, no login, no data taken from you.
+        </p>
       </div>
     </div>
     <footer>
@@ -283,8 +328,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -312,22 +361,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -335,6 +408,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -346,7 +422,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a name="Built with love" class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
         <a
           name="Instagram"
@@ -390,7 +467,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a name="E Mail" 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/privacy/index.html

@@ -0,0 +1,422 @@
+<!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 | Privacy Policy</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">
+          <div>
+            <h4 class="sub-title" data-font="sans-bold">Privacy Policy</h4>
+          </div>
+          <div>
+            <p class="body" data-font="sans-bold">
+              WHAT'S COLLECTED<br />& HOW IT'S USED
+            </p>
+            <p data-font="sans-bold" class="body">PERSONAL COMMUNICATION</p>
+            <p data-font="sans" class="body">
+              Chat messages sent on Watch Party are stored for a maximum of 12
+              hours after "duration of the party" - a party is defined as
+              ongoing as long as it is being updated, either by sending messages
+              or updating the player.
+            </p>
+            <p data-font="sans" class="body">
+              Video or voice calls are not saved on or sent through Watch Party
+              servers - this feature is enabled by the use of Dolby Voxeet SDK,
+              and all traffic is maintained on their respective backend.
+            </p>
+            <p data-font="sans-bold" class="body">USER ACTIVIY</p>
+            <p data-font="sans" class="body">
+              Watch Party monitors some click, and keystrokes as is required for
+              capturing pause / play events to enable syncing of video playback.
+              Watch Party may block certain keystrokes if needed to aid in its
+              proper functionality.
+            </p>
+            <p data-font="sans-bold" class="body">USER PERSONAL INFORMATION</p>
+            <p data-font="sans" class="body">
+              No personally indentifiable information or user data is collected
+              through Watch Party. While a 'Name' field is required when
+              creating or joining a party, the name is not required to be the
+              user's legal name - this field follows automatic deletion criteria
+              as listed under the Personal Communication section. Watch Party
+              only uses Google Analytics on it's websites (listed below) to
+              drive website traffic and traction.
+            </p>
+            <a
+              data-font="sans-bold"
+              class="underlink body"
+              href="https://chromewatchparty.com"
+            >
+              chromewatchparty.com
+            </a>
+            <br />
+            <a
+              data-font="sans-bold"
+              class="underlink body"
+              href="https://firefoxwatchparty.com"
+            >
+              firefoxwatchparty.com
+            </a>
+            <br />
+            <a
+              data-font="sans-bold"
+              class="underlink body"
+              href="https://edgewatchparty.com"
+            >
+              edgewatchparty.com
+            </a>
+            <br />
+            <p
+              data-font="sans-bold"
+              style="text-transform: uppercase"
+              class="body"
+            >
+              Watch Party's users' data is never sold or transferred to third
+              parties, and is never used for purposes unrelated to Watch Party's
+              core functionality.
+            </p>
+            <a
+              data-font="sans-bold"
+              class="underlink"
+              href="mailto:admin@chromewatchparty.com?subject=Question About Privacy Policy"
+            >
+              ASK ABOUT PRIVACY POLICY
+            </a>
+          </div>
+        </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" href="/privacy" data-font="sans"
+            >Privacy Policy</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>

website/referrer/index.html

@@ -23,7 +23,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -55,63 +60,71 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
     </style>
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"></script>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=UA-87498806-2"
+    ></script>
     <title>Watch Party</title>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -121,12 +134,18 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         WATCH YOUR FAVORITES,<br />WITH YOUR FAVORITE PEOPLE
       </h4>
       <div style="margin-top: 5rem" class="text-section">
-        <div id="refer-alert" data-active="true" class="info alert" data-if="success">
+        <div
+          id="refer-alert"
+          data-active="true"
+          class="info alert"
+          data-if="success"
+        >
           <div class="info-text">
             <div>
               <h1 class="sub-title" data-font="sans-bold">↗ REDIRECTING</h1>
               <p class="body" data-font="sans">
-                You should be redirected in a few seconds, or checkout the links below.
+                You should be redirected in a few seconds, or checkout the links
+                below.
               </p>
             </div>
           </div>
@@ -136,68 +155,78 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <script>
       function checkBrowser() {
         let userAgentString = navigator.userAgent;
-        let chromeAgent = userAgentString.indexOf('Chrome') > -1;
+        let chromeAgent = userAgentString.indexOf("Chrome") > -1;
-        let firefoxAgent = userAgentString.indexOf('Firefox') > -1;
+        let firefoxAgent = userAgentString.indexOf("Firefox") > -1;
         return {
           chrome: chromeAgent,
           firefox: firefoxAgent,
         };
       }
       const params = new URLSearchParams(window.location.search);
-      if (params.has('type')) {
+      if (params.has("type")) {
-        const type = params.get('type');
+        const type = params.get("type");
-        if (type === 'link') {
+        if (type === "link") {
-          if (params.has('link')) {
+          if (params.has("link")) {
-            const linkNode = document.createElement('a');
+            const linkNode = document.createElement("a");
-            linkNode.classList.add('underlink');
+            linkNode.classList.add("underlink");
-            linkNode.setAttribute('href', params.get('link'));
+            linkNode.setAttribute("href", params.get("link"));
-            linkNode.setAttribute('data-font', 'sans-bold');
+            linkNode.setAttribute("data-font", "sans-bold");
-            linkNode.innerText = 'GO TO LINK';
+            linkNode.innerText = "GO TO LINK";
-            document.querySelector('#refer-alert .info-text div').appendChild(linkNode);
+            document
+              .querySelector("#refer-alert .info-text div")
+              .appendChild(linkNode);
             linkNode.click();
           }
-        } else if (type === 'update') {
+        } else if (type === "update") {
           const whichBrowser = checkBrowser();
-          const linkNode = document.createElement('a');
+          const linkNode = document.createElement("a");
-          linkNode.classList.add('underlink');
+          linkNode.classList.add("underlink");
-          linkNode.setAttribute('data-font', 'sans-bold');
+          linkNode.setAttribute("data-font", "sans-bold");
-          linkNode.innerText = 'GET UPDATE';
+          linkNode.innerText = "GET UPDATE";
           if (whichBrowser.chrome) {
-            linkNode.setAttribute('href', 'https://get.chromewatchparty.com');
+            linkNode.setAttribute("href", "https://get.chromewatchparty.com");
           } else if (whichBrowser.firefox) {
-            linkNode.setAttribute('href', 'https://get.firefoxwatchparty.com');
+            linkNode.setAttribute("href", "https://get.firefoxwatchparty.com");
           }
-          document.querySelector('#refer-alert .info-text div').appendChild(linkNode);
+          document
+            .querySelector("#refer-alert .info-text div")
+            .appendChild(linkNode);
           linkNode.click();
-        } else if (type === 'review') {
+        } else if (type === "review") {
           const whichBrowser = checkBrowser();
-          const linkNode = document.createElement('a');
+          const linkNode = document.createElement("a");
-          linkNode.classList.add('underlink');
+          linkNode.classList.add("underlink");
-          linkNode.setAttribute('data-font', 'sans-bold');
+          linkNode.setAttribute("data-font", "sans-bold");
-          linkNode.innerText = 'GET UPDATE';
+          linkNode.innerText = "GET UPDATE";
           if (whichBrowser.chrome) {
             linkNode.setAttribute(
-              'href',
+              "href",
-              'https://chrome.google.com/webstore/detail/aelhknjjifbfkdclbekleabcokipdicf/reviews?utm_source=review_widget'
+              "https://chrome.google.com/webstore/detail/aelhknjjifbfkdclbekleabcokipdicf/reviews?utm_source=review_widget"
             );
           } else if (whichBrowser.firefox) {
-            linkNode.setAttribute('href', 'https://get.firefoxwatchparty.com');
+            linkNode.setAttribute("href", "https://get.firefoxwatchparty.com");
           }
-          document.querySelector('#refer-alert .info-text div').appendChild(linkNode);
+          document
+            .querySelector("#refer-alert .info-text div")
+            .appendChild(linkNode);
           linkNode.click();
         }
       }
     </script>
     <div class="overlap">
       <div class="info">
-        <a href="https://get.chromewatchparty.com" target="_blank" class="info-card">
+        <a
+          href="https://get.chromewatchparty.com"
+          target="_blank"
+          class="info-card"
+        >
           <img src="/media/logos/Chrome.webp" />
         </a>
         <div class="info-text">
           <h4 class="sub-title" data-font="sans-bold">GOOGLE CHROME</h4>
           <p class="body" data-font="sans">
-            Get update for Google Chrome. Try removing and re-adding if an update option is not
+            Get update for Google Chrome. Try removing and re-adding if an
-            visible.
+            update option is not visible.
           </p>
           <a
             href="https://get.chromewatchparty.com"
@@ -209,14 +238,18 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </div>
       </div>
       <div class="info">
-        <a href="https://get.firefoxwatchparty.com" target="_blank" class="info-card">
+        <a
+          href="https://get.firefoxwatchparty.com"
+          target="_blank"
+          class="info-card"
+        >
           <img src="/media/logos/Firefox.webp" />
         </a>
         <div class="info-text">
           <h4 class="sub-title" data-font="sans-bold">MOZILLA FIREFOX</h4>
           <p class="body" data-font="sans">
-            Get update for Mozilla Firefox. Try removing and re-adding if an update option is not
+            Get update for Mozilla Firefox. Try removing and re-adding if an
-            visible.
+            update option is not visible.
           </p>
           <a
             href="https://get.firefoxwatchparty.com"
@@ -242,8 +275,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -271,22 +308,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -294,6 +355,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -305,9 +369,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -325,7 +394,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -339,7 +412,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"

website/styles/extrasmall.css

@@ -215,6 +215,7 @@ a.big-button::after {
 .info .info-text > div {
   max-width: 100%;
   width: 100%;
+  margin-bottom: 1.5rem;
 }
 
 .info .description img {

website/welcome/index.html

@@ -23,7 +23,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <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.woff"
+      crossorigin
+    />
     <link
       rel="preload"
       as="font"
@@ -55,49 +60,54 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       crossorigin
     />
     <style>
-      @import '/styles/variables.css';
+      @import "/styles/variables.css";
-      @import '/styles/variables-dark.css' screen and (prefers-color-scheme: dark);
+      @import "/styles/variables-dark.css" screen and
+        (prefers-color-scheme: dark);
 
-      @import '/styles/extrasmall.css';
+      @import "/styles/extrasmall.css";
-      @import '/styles/small.css' only screen and (min-width: 768px) and (max-width: 1024px);
+      @import "/styles/small.css" only screen and (min-width: 768px) and
-      @import '/styles/medium.css' only screen and (min-width: 1024px);
+        (max-width: 1024px);
-      @import '/styles/large.css' only screen and (min-width: 1366px);
+      @import "/styles/medium.css" only screen and (min-width: 1024px);
-      @import '/styles/extralarge.css' only screen and (min-width: 1921px);
+      @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';
+        font-family: "GlacialBold";
-        src: url('/fonts/glacialindifference-bold-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-bold-webfont.woff2")
-          url('/fonts/glacialindifference-bold-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-bold-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'GlacialItalic';
+        font-family: "GlacialItalic";
-        src: url('/fonts/glacialindifference-italic-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-italic-webfont.woff2")
-          url('/fonts/glacialindifference-italic-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-italic-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
       @font-face {
-        font-family: 'Glacial';
+        font-family: "Glacial";
-        src: url('/fonts/glacialindifference-regular-webfont.woff2') format('woff2'),
+        src: url("/fonts/glacialindifference-regular-webfont.woff2")
-          url('/fonts/glacialindifference-regular-webfont.woff') format('woff');
+            format("woff2"),
+          url("/fonts/glacialindifference-regular-webfont.woff") format("woff");
         font-weight: normal;
         font-style: normal;
         font-display: swap;
       }
-      [data-font='sans'] {
+      [data-font="sans"] {
-        font-family: 'Glacial', sans-serif;
+        font-family: "Glacial", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-bold'] {
+      [data-font="sans-bold"] {
-        font-family: 'GlacialBold', sans-serif;
+        font-family: "GlacialBold", sans-serif;
         font-display: swap;
       }
-      [data-font='sans-italic'] {
+      [data-font="sans-italic"] {
-        font-family: 'GlacialItalic', sans-serif;
+        font-family: "GlacialItalic", sans-serif;
         font-style: italic;
         font-display: swap;
       }
@@ -108,9 +118,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       function gtag() {
         dataLayer.push(arguments);
       }
-      gtag('js', new Date());
+      gtag("js", new Date());
 
-      gtag('config', 'UA-87498806-2');
+      gtag("config", "UA-87498806-2");
     </script>
   </head>
   <body>
@@ -119,13 +129,25 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <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">
+      <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">
+      <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">
+      <a
+        href="https://get.chromewatchparty.com"
+        class="big-button"
+        data-font="sans"
+      >
         GET CHROME EXTENSION
       </a>
     </div>
@@ -146,25 +168,34 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           </svg>
         </div>
         <div class="info-text">
-          <h4 class="sub-title" data-font="sans-bold">WELCOME TO WATCH PARTY</h4>
+          <h4 class="sub-title" data-font="sans-bold">
+            WELCOME TO WATCH PARTY
+          </h4>
           <p class="body" data-font="sans">
-            Need help getting started? No worries, scroll through the steps below to get going.
+            Need help getting started? No worries, scroll through the steps
+            below to get going.
           </p>
-          <a href="#tips" class="underlink" data-font="sans-bold"> QUESTIONS? SEE FAQ </a>
+          <a href="#tips" class="underlink" data-font="sans-bold">
+            QUESTIONS? SEE FAQ
+          </a>
         </div>
       </div>
     </div>
     <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
+              Getting started with Watch Party is simple, Watch Party comes with
-              mode (launch by going to any supported streaming service) or you can follow the steps
+              a built in tutorial mode (launch by going to any supported
-              below.
+              streaming service) or you can follow the steps below.
             </p>
-            <a href="#services" class="underlink" data-font="sans"> SEE SUPPORTED SERVICES </a>
+            <a href="#services" class="underlink" data-font="sans">
+              SEE SUPPORTED SERVICES
+            </a>
           </div>
         </div>
       </div>
@@ -173,8 +204,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       <div class="support-card">
         <h4 style="flex: 1" class="sub-title" data-font="sans-bold">STEP 1</h4>
         <p class="body" data-font="sans">
-          The first step is as simple as going to the website (streaming service) that you want to
+          The first step is as simple as going to the website (streaming
-          use Watch Party with.
+          service) that you want to use Watch Party with.
         </p>
       </div>
       <div class="support-card">
@@ -183,28 +214,30 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <img src="/icons/wp192.png" />
         </div>
         <p class="body" data-font="sans">
-          Click the Watch Party icon (shown above ⬆) in the bottom right corner of your screen
+          Click the Watch Party icon (shown above ⬆) in the bottom right corner
+          of your screen
         </p>
       </div>
       <div class="support-card">
         <h4 style="flex: 1" class="sub-title" data-font="sans-bold">STEP 3</h4>
         <p class="body" data-font="sans">
-          Fill out the three text fields to create or join a party (change mode by click on the
+          Fill out the three text fields to create or join a party (change mode
-          respective buttons)
+          by click on the respective buttons)
         </p>
       </div>
       <div class="support-card">
         <h4 class="sub-title" style="flex: 1" data-font="sans-bold">STEP 4</h4>
         <p class="body" data-font="sans">
-          Start playing something then, pause and play once after starting your show to make sure
+          Start playing something then, pause and play once after starting your
-          sync is working. You should see the name of what's currently playin show up in the sidebar
+          show to make sure sync is working. You should see the name of what's
+          currently playin show up in the sidebar
         </p>
       </div>
       <div class="support-card">
         <h4 class="sub-title" style="flex: 1" data-font="sans-bold">STEP 5</h4>
         <p class="body" data-font="sans">
-          Click on your party name in the sidebar, here you can see some additional options as well
+          Click on your party name in the sidebar, here you can see some
-          as who's in the party.
+          additional options as well as who's in the party.
         </p>
       </div>
     </div>
@@ -218,22 +251,58 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
     <div class="card-grid">
       <a href="https://www.netflix.com/" id="netflix" class="support-card"></a>
       <a href="https://www.hulu.com/" id="hulu" class="support-card"></a>
-      <a href="https://www.disneyplus.com/" id="disney" class="support-card"></a>
+      <a
-      <a href="https://www.amazon.com/gp/video/storefront" id="prime" class="support-card"></a>
+        href="https://www.disneyplus.com/"
+        id="disney"
+        class="support-card"
+      ></a>
+      <a
+        href="https://www.amazon.com/gp/video/storefront"
+        id="prime"
+        class="support-card"
+      ></a>
       <a href="https://www.youtube.com/" id="youtube" class="support-card"></a>
       <a href="https://play.hbomax.com/" id="hbo" class="support-card"></a>
-      <a href="https://www.peacocktv.com/" id="peacock" class="support-card"></a>
+      <a
-      <a href="https://play.google.com/movies" id="google" class="support-card"></a>
+        href="https://www.peacocktv.com/"
-      <a href="https://www.crunchyroll.com/" id="crunchyroll" class="support-card"></a>
+        id="peacock"
+        class="support-card"
+      ></a>
+      <a
+        href="https://play.google.com/movies"
+        id="google"
+        class="support-card"
+      ></a>
+      <a
+        href="https://www.crunchyroll.com/"
+        id="crunchyroll"
+        class="support-card"
+      ></a>
       <a href="https://tv.apple.com/" id="apple" class="support-card"></a>
       <a href="https://www.viki.com/" id="viki" class="support-card"></a>
-      <a href="https://www.funimation.com/" id="funimation" class="support-card"></a>
+      <a
-      <a href="https://roosterteeth.com/" id="roosterteeth" class="support-card"></a>
+        href="https://www.funimation.com/"
+        id="funimation"
+        class="support-card"
+      ></a>
+      <a
+        href="https://roosterteeth.com/"
+        id="roosterteeth"
+        class="support-card"
+      ></a>
       <a href="https://play.stan.com.au/" id="stan" class="support-card"></a>
       <a href="https://www.hotstar.com/" id="hotstar" class="support-card"></a>
-      <a href="https://www.airtelxstream.in/" id="airtel" class="support-card"></a>
+      <a
+        href="https://www.airtelxstream.in/"
+        id="airtel"
+        class="support-card"
+      ></a>
       <a href="https://vimeo.com/watch" id="vimeo" class="support-card"></a>
-      <a href="https://dailymotion.com/" id="dailymotion" class="support-card"></a>
+      <a
+        href="https://dailymotion.com/"
+        id="dailymotion"
+        class="support-card"
+      ></a>
     </div>
     <div id="tips" class="text-section">
       <div class="info">
@@ -247,8 +316,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             DO I STILL NEED ACCOUNTS FOR THE STREAMING PLATFORMS
           </h4>
           <p data-font="sans" class="body">
-            Yes, Watch Party is not a hack. The sole purpose of Watch Party is to help synchronize
+            Yes, Watch Party is not a hack. The sole purpose of Watch Party is
-            the playing/pausing on streamed content.
+            to help synchronize the playing/pausing on streamed content.
           </p>
         </div>
       </div>
@@ -257,8 +326,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <h4 class="sub-title" data-font="sans-bold">SYNC NOT WORKING</h4>
           <div class="description">
             <p data-font="sans" class="body">
-              If sync isn't working try refreshing <code>Ctrl + R</code> the page and starting the
+              If sync isn't working try refreshing <code>Ctrl + R</code> the
-              show before joining the party.
+              page and starting the show before joining the party.
             </p>
             <a
               class="underlink"
@@ -272,28 +341,35 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="info">
         <div class="info-text">
-          <h4 class="sub-title" data-font="sans-bold">CAN I DISABLE WATCH PARTY TEMPORARILY</h4>
+          <h4 class="sub-title" data-font="sans-bold">
+            CAN I DISABLE WATCH PARTY TEMPORARILY
+          </h4>
           <div>
             <p data-font="sans" class="body">
-              Watch Party is built to not be in your way but, it can be hidden by going clicking on
+              Watch Party is built to not be in your way but, it can be hidden
-              the Watch Party extension (in the top right of Chrome / Firefox toolbar), and
+              by going clicking on the Watch Party extension (in the top right
-              switching the show / hide switch.
+              of Chrome / Firefox toolbar), and switching the show / hide
+              switch.
             </p>
             <p data-font="sans" class="body">
-              You can alternatively go to the Chrome Extensions page (chrome://extensions) and
+              You can alternatively go to the Chrome Extensions page
-              toggling the little blue switch next to Watch Party.
+              (chrome://extensions) and toggling the little blue switch next to
+              Watch Party.
             </p>
           </div>
         </div>
       </div>
       <div class="info">
         <div class="info-text">
-          <h4 class="sub-title" data-font="sans-bold">HOW CAN I HELP KEEP WATCH PARTY ALIVE</h4>
+          <h4 class="sub-title" data-font="sans-bold">
+            HOW CAN I HELP KEEP WATCH PARTY ALIVE
+          </h4>
           <div>
             <p data-font="sans" class="body">
-              Watch Party is built to be completely free, all the costs are paid by the developer
+              Watch Party is built to be completely free, all the costs are paid
-              alone. While no payment is needed, any small donation helps make sure I can keep the
+              by the developer alone. While no payment is needed, any small
-              servers up and running. You can request more details by reaching out to
+              donation helps make sure I can keep the servers up and running.
+              You can request more details by reaching out to
               admin@chromewatchparty.com.
             </p>
             <a
@@ -307,10 +383,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="info">
         <div class="info-text">
-          <h4 class="sub-title" data-font="sans-bold">CAN I USE WATCH PARTY IN FULLSCREEN</h4>
+          <h4 class="sub-title" data-font="sans-bold">
+            CAN I USE WATCH PARTY IN FULLSCREEN
+          </h4>
           <p data-font="sans" class="body">
-            To have access to Watch Party in fullscreen use the fullscreen button in the bottom left
+            To have access to Watch Party in fullscreen use the fullscreen
-            corner of the sidebar.
+            button in the bottom left corner of the sidebar.
           </p>
         </div>
       </div>
@@ -320,35 +398,41 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             CAN I USE THE SAME PARTY, ON A DIFFERENT SITE
           </h4>
           <p data-font="sans" class="body">
-            If you started the party, you can simply join the party from a different place to change
+            If you started the party, you can simply join the party from a
-            the party location.
+            different place to change the party location.
           </p>
         </div>
       </div>
       <div class="info">
         <div class="info-text">
-          <h4 class="sub-title" data-font="sans-bold">CHAT NOTIFICATIONS ARE ANNOYING</h4>
+          <h4 class="sub-title" data-font="sans-bold">
+            CHAT NOTIFICATIONS ARE ANNOYING
+          </h4>
           <p data-font="sans" class="body">
-            You can turn off the chat notifications from the title card in the sidebar. Click on the
+            You can turn off the chat notifications from the title card in the
-            title card to see the setting.
+            sidebar. Click on the title card to see the setting.
           </p>
         </div>
       </div>
       <div class="info">
         <div class="info-text">
-          <h4 class="sub-title" data-font="sans-bold">HOW DO I SEARCH FOR GIFs</h4>
+          <h4 class="sub-title" data-font="sans-bold">
+            HOW DO I SEARCH FOR GIFs
+          </h4>
           <p data-font="sans" class="body">
-            Click on the GIF button next to the message input box, start searching! Scroll to the
+            Click on the GIF button next to the message input box, start
-            right to load more results.
+            searching! Scroll to the right to load more results.
           </p>
         </div>
       </div>
       <div class="info">
         <div class="info-text">
-          <h4 class="sub-title" data-font="sans-bold">CAN I DELETE PARTY DATA MANUALLY</h4>
+          <h4 class="sub-title" data-font="sans-bold">
+            CAN I DELETE PARTY DATA MANUALLY
+          </h4>
           <p data-font="sans" class="body">
-            Click on the title card in the sidebar, and click on the End Party button. Ending a
+            Click on the title card in the sidebar, and click on the End Party
-            party immediately deletes all data.
+            button. Ending a party immediately deletes all data.
           </p>
         </div>
       </div>
@@ -381,8 +465,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           >
             Give Feedback
           </a>
-          <a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
+          <a class="underlink" href="/welcome" data-font="sans"
-          <a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
+            >Getting Started</a
+          >
+          <a class="underlink" href="/donate" data-font="sans">
+            Support Watch Party
+          </a>
           <a
             class="underlink"
             target="_blank"
@@ -410,22 +498,46 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
         </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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <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"
+          <a
+            class="underlink"
+            target="_blank"
+            href="http://developers.giphy.com"
+            data-font="sans"
             >Giphy</a
           >
         </div>
@@ -433,6 +545,9 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
           <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" href="/privacy" data-font="sans"
+            >Privacy Policy</a
+          >
           <a
             class="underlink"
             target="_blank"
@@ -444,9 +559,14 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
       </div>
       <div class="end-line">
         <a class="underlink" data-font="sans">
-          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by Ayushya Amitabh
+          Built with ♥ for Google Chrome, Microsoft Edge & Mozilla Firefox by
+          Ayushya Amitabh
         </a>
-        <a class="underlink" target="_blank" href="https://instagram.com/chromewatchparty">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://instagram.com/chromewatchparty"
+        >
           <svg
             height="4rem"
             viewBox="0 0 511 511.9"
@@ -464,7 +584,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="https://www.reddit.com/r/ChromeWatchParty/">
+        <a
+          class="underlink"
+          target="_blank"
+          href="https://www.reddit.com/r/ChromeWatchParty/"
+        >
           <svg
             id="Bold"
             enable-background="new 0 0 24 24"
@@ -478,7 +602,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
             />
           </svg>
         </a>
-        <a class="underlink" target="_blank" href="mailto:admin@chromewatchparty.com">
+        <a
+          class="underlink"
+          target="_blank"
+          href="mailto:admin@chromewatchparty.com"
+        >
           <svg
             version="1.1"
             id="Capa_1"