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,49 +60,54 @@ 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;
      }
@@ -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
-              mode (launch by going to any supported streaming service) or you can follow the steps
-              below.
+              Getting started with Watch Party is simple, Watch Party comes with
+              a built in tutorial mode (launch by going to any supported
+              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
-          use Watch Party with.
+          The first step is as simple as going to the website (streaming
+          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
-          respective buttons)
+          Fill out the three text fields to create or join a party (change mode
+          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
-          sync is working. You should see the name of what's currently playin show up in the sidebar
+          Start playing something then, pause and play once after starting your
+          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
-          as who's in the party.
+          Click on your party name in the sidebar, here you can see some
+          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 href="https://www.amazon.com/gp/video/storefront" id="prime" class="support-card"></a>
+      <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 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://www.peacocktv.com/"
+        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 href="https://roosterteeth.com/" id="roosterteeth" class="support-card"></a>
+      <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
-            the playing/pausing on streamed content.
+            Yes, Watch Party is not a hack. The sole purpose of Watch Party is
+            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
-              show before joining the party.
+              If sync isn't working try refreshing <code>Ctrl + R</code> the
+              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
-              the Watch Party extension (in the top right of Chrome / Firefox toolbar), and
-              switching the show / hide switch.
+              Watch Party is built to not be in your way but, it can be hidden
+              by going clicking on the Watch Party extension (in the top right
+              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
-              toggling the little blue switch next to Watch Party.
+              You can alternatively go to the Chrome Extensions page
+              (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
-              alone. While no payment is needed, any small donation helps make sure I can keep the
-              servers up and running. You can request more details by reaching out to
+              Watch Party is built to be completely free, all the costs are paid
+              by the developer alone. While no payment is needed, any small
+              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
-            corner of the sidebar.
+            To have access to Watch Party in fullscreen use the fullscreen
+            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
-            the party location.
+            If you started the party, you can simply join the party from a
+            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
-            title card to see the setting.
+            You can turn off the chat notifications from the title card in the
+            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
-            right to load more results.
+            Click on the GIF button next to the message input box, start
+            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
-            party immediately deletes all data.
+            Click on the title card in the sidebar, and click on the End Party
+            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="/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"
@@ -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"