v1.7.10/add privacy policy

This commit is contained in:
2021-03-12 16:44:31 -05:00
parent e5d753b309
commit 55db429e3e
31 changed files with 3388 additions and 1157 deletions
+170 -80
View File
@@ -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-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;
}
@@ -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-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>
</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 class="info">
<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>
</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-text">
<h4 class="sub-title" data-font="sans-bold">STEP 1.</h4>
<div class="description">
<div class="info">
<div class="info-text">
<h4 class="sub-title" data-font="sans-bold">STEP 1.</h4>
<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="/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"
@@ -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"