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,64 +60,72 @@ 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("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
-            streaming services.
+            Watch Party syncs your favorite shows, with your favorite people, on
+            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
-            watching party.
+            Chat with GIFs, group video & voice calls, and other features to
+            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
-              your favorite Anime, K-Drama, or American classic no matter how far away you are.
+              Watch with your favorite people on your favorite streaming
+              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
-                don't.
+                Watch Party is built to not be in your way. There when you need
+                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="/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"
@@ -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"