v1.7.10/add privacy policy

2021-03-12 16:44:31 -05:00
parent e5d753b309
commit 55db429e3e
31 changed files with 3388 additions and 1157 deletions
@@ -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-dark.css' screen and (prefers-color-scheme: dark);
+      @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);
+      @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-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-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-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;
+      [data-font="sans"] {
+        font-family: "Glacial", sans-serif;
        font-display: swap;
      }
-      [data-font='sans-bold'] {
-        font-family: 'GlacialBold', sans-serif;
+      [data-font="sans-bold"] {
+        font-family: "GlacialBold", sans-serif;
        font-display: swap;
      }
-      [data-font='sans-italic'] {
-        font-family: 'GlacialItalic', sans-serif;
+      [data-font="sans-italic"] {
+        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('config', 'UA-87498806-2');
+      gtag("js", new Date());
+      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 firefoxAgent = userAgentString.indexOf('Firefox') > -1;
+        let chromeAgent = userAgentString.indexOf("Chrome") > -1;
+        let firefoxAgent = userAgentString.indexOf("Firefox") > -1;
        return {
          chrome: chromeAgent,
          firefox: firefoxAgent,
        };
      }
      const params = new URLSearchParams(window.location.search);
-      if (params.has('type')) {
-        const type = params.get('type');
-        if (type === 'link') {
-          if (params.has('link')) {
-            const linkNode = document.createElement('a');
-            linkNode.classList.add('underlink');
-            linkNode.setAttribute('href', params.get('link'));
-            linkNode.setAttribute('data-font', 'sans-bold');
-            linkNode.innerText = 'GO TO LINK';
-            document.querySelector('#refer-alert .info-text div').appendChild(linkNode);
+      if (params.has("type")) {
+        const type = params.get("type");
+        if (type === "link") {
+          if (params.has("link")) {
+            const linkNode = document.createElement("a");
+            linkNode.classList.add("underlink");
+            linkNode.setAttribute("href", params.get("link"));
+            linkNode.setAttribute("data-font", "sans-bold");
+            linkNode.innerText = "GO TO LINK";
+            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');
-          linkNode.classList.add('underlink');
-          linkNode.setAttribute('data-font', 'sans-bold');
-          linkNode.innerText = 'GET UPDATE';
+          const linkNode = document.createElement("a");
+          linkNode.classList.add("underlink");
+          linkNode.setAttribute("data-font", "sans-bold");
+          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');
-          linkNode.classList.add('underlink');
-          linkNode.setAttribute('data-font', 'sans-bold');
-          linkNode.innerText = 'GET UPDATE';
+          const linkNode = document.createElement("a");
+          linkNode.classList.add("underlink");
+          linkNode.setAttribute("data-font", "sans-bold");
+          linkNode.innerText = "GET UPDATE";
          if (whichBrowser.chrome) {
            linkNode.setAttribute(
-              'href',
-              'https://chrome.google.com/webstore/detail/aelhknjjifbfkdclbekleabcokipdicf/reviews?utm_source=review_widget'
+              "href",
+              "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
-            visible.
+            Get update for Google Chrome. Try removing and re-adding if an
+            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
-            visible.
+            Get update for Mozilla Firefox. Try removing and re-adding if an
+            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="/donate" data-font="sans"> Support Watch Party </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"
@@ -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"