v1.7.0/website styling fixes, add paypal donate
@@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "watch-party-api",
|
||||
"version": "1.6.7",
|
||||
"version": "1.7.0",
|
||||
"lockfileVersion": 1,
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
@@ -2418,6 +2418,15 @@
|
||||
"integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
|
||||
"dev": true
|
||||
},
|
||||
"stripe": {
|
||||
"version": "8.92.0",
|
||||
"resolved": "https://registry.npmjs.org/stripe/-/stripe-8.92.0.tgz",
|
||||
"integrity": "sha512-1LmHDs4GUyi0g4ZCA08orsJSgmo9FmQB9BLBSdFqAJsV8cWbMYV9v8Ioj4G3H3hi9pVEfpn3MDc26EFDkGrWdg==",
|
||||
"requires": {
|
||||
"@types/node": ">=8.1.0",
|
||||
"qs": "^6.6.0"
|
||||
}
|
||||
},
|
||||
"stubs": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/stubs/-/stubs-3.0.0.tgz",
|
||||
|
||||
@@ -19,7 +19,8 @@
|
||||
"firebase-admin": "^9.0.0",
|
||||
"firebase-functions": "^3.3.0",
|
||||
"node-fetch": "^2.6.0",
|
||||
"nodemailer": "^6.4.11"
|
||||
"nodemailer": "^6.4.11",
|
||||
"stripe": "^8.92.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"eslint": "^5.12.0",
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -139,9 +141,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -201,9 +203,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -180,9 +182,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -179,9 +181,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -158,9 +160,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -159,9 +161,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -158,9 +160,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -167,9 +169,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -158,9 +160,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -163,9 +165,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -126,9 +128,7 @@ 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>
|
||||
@@ -163,9 +163,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -126,12 +128,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
<h4 class="sub-title" data-font="sans-bold">V1.7.0</h4>
|
||||
</div>
|
||||
<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 VIDEO CALLS</p>
|
||||
<p data-font="sans" class="body">ADD ROOSTER TEETH SUPPORT</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -163,9 +161,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -194,9 +196,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
@@ -0,0 +1,378 @@
|
||||
<!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 INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||
<link rel="icon" href="/icons/favicon.ico" />
|
||||
<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 | Donate</title>
|
||||
<!-- AS8qXxrxPOe9yb0yyJwQY_fRkRuXB8AFgeSmCLtkU0_ag9OVYTB3VeNjGwtL34KJZ9EdRYwEC89wfYZE -->
|
||||
<script src="https://www.paypal.com/sdk/js?client-id=ASTxEXKWhaXzdXe4CG6wkest7Hmi_agjiPqHjY524USsslz9fnLul_wrG8tauvZ6PCAxIQEanDPvazkh"></script>
|
||||
<script>
|
||||
/*
|
||||
* G O O G L E
|
||||
* A N A L Y T I C S
|
||||
*/
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() {
|
||||
dataLayer.push(arguments);
|
||||
}
|
||||
gtag('js', new Date());
|
||||
gtag('config', 'UA-87498806-2');
|
||||
/*
|
||||
* I N T E R N A L
|
||||
*/
|
||||
function setDonationAmount (v) {
|
||||
document.querySelector('#donate input').value = v;
|
||||
document.querySelector('#donate input').dispatchEvent(new Event('input', { bubbles: true }));
|
||||
document.querySelector('#donate').scrollIntoView({
|
||||
behavior: 'smooth'
|
||||
});
|
||||
}
|
||||
function validateAndUpdate(ev, actions, change = false) {
|
||||
var regex = /^[1-9]\d*(?:\.\d{0,2})?$/;
|
||||
if (regex.test(ev.target.value)) {
|
||||
document.querySelector('#paypal-donate').style.opacity= "1";
|
||||
actions.enable();
|
||||
} else {
|
||||
document.querySelector('#paypal-donate').style.opacity= "0.2";
|
||||
actions.disable();
|
||||
}
|
||||
}
|
||||
/*
|
||||
* P A Y P A L
|
||||
*/
|
||||
paypal
|
||||
.Buttons({
|
||||
onInit: function(data, actions) {
|
||||
document.querySelector('#paypal-donate').style.opacity= "0.2";
|
||||
actions.disable();
|
||||
document.querySelector('#donate input').addEventListener('input', function (ev) {
|
||||
validateAndUpdate(ev, actions);
|
||||
});
|
||||
},
|
||||
createOrder: function(data, actions) {
|
||||
return actions.order.create({
|
||||
purchase_units: [{
|
||||
amount: {
|
||||
value: document.querySelector('#donate input').value,
|
||||
},
|
||||
}, ],
|
||||
});
|
||||
},
|
||||
onApprove: function(data, actions) {
|
||||
return actions.order.capture().then(function(details) {
|
||||
alert('Transaction completed by ' + details.payer.name.given_name);
|
||||
});
|
||||
},
|
||||
})
|
||||
.render('#paypal-donate');
|
||||
</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.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="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-4.18-1.62-4.18-3.67 0-1.72 1.39-2.84 3.11-3.21V4h2.67v1.95c1.86.45 2.79 1.86 2.85 3.39H14.3c-.05-1.11-.64-1.87-2.22-1.87-1.5 0-2.4.68-2.4 1.64 0 .84.65 1.39 2.67 1.91s4.18 1.39 4.18 3.91c-.01 1.83-1.38 2.83-3.12 3.16z"
|
||||
/>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">DONATE</h4>
|
||||
<p class="body" data-font="sans">
|
||||
Help keep Watch Party alive and free. Please consider donating to help me support the
|
||||
necessary servers, development, and other costs.
|
||||
</p>
|
||||
<a href="#donate" class="underlink" data-font="sans-bold"> DONATE NOW </a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="features bubble left">
|
||||
<div class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title" data-font="sans-bold">QUICK PEEK AT THE COSTS OF WATCH PARTY</h4>
|
||||
<div class="description">
|
||||
<p class="body" data-font="sans">
|
||||
Here are some common costs that I face while developing and supporting Watch Party.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="donate overlap features card-grid">
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">1 SERVER</h4>
|
||||
<img muted autoplay loop src="/media/costs/server1.webp"></video>
|
||||
<p data-font="sans" class="body">
|
||||
The cost of a single server for 1 month costs about $0.75
|
||||
</p>
|
||||
<button onclick="setDonationAmount(0.75); return false;" data-font="sans-bold" class="big-button">DONATE $0.75</button>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">ALL SERVERS</h4>
|
||||
<img muted autoplay loop src="/media/costs/server+.webp"></video>
|
||||
<p data-font="sans" class="body">
|
||||
The total costs of all servers for 1 month is about $5.00
|
||||
</p>
|
||||
<button onclick="setDonationAmount(5.00); return false;" data-font="sans-bold" class="big-button">DONATE $5.00</button>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">GROUP CALLS</h4>
|
||||
<img muted autoplay loop src="/media/costs/server+.webp"></video>
|
||||
<p data-font="sans" class="body">
|
||||
The total costs of managing video and voice call APIs is about $7.00
|
||||
</p>
|
||||
<button onclick="setDonationAmount(7.00); return false;" data-font="sans-bold" class="big-button">DONATE $7.00</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h1 class="title" data-font="sans-bold">DONATE</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="donate" class="text-section">
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<div>
|
||||
<h4 class="sub-title" data-font="sans-bold">AMOUNT <code>$(US)</code></h4>
|
||||
<input step="0.5" type="number" data-font="sans-bold" value="0.00" min="0" required />
|
||||
</div>
|
||||
<div id="paypal-donate"></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.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"
|
||||
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 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>
|
||||
@@ -12,6 +12,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="icon" href="/icons/favicon.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +51,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -139,8 +140,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
<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 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>
|
||||
</div>
|
||||
@@ -183,6 +184,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
<div id="apple" class="support-card"></div>
|
||||
<div id="viki" class="support-card"></div>
|
||||
<div id="funimation" class="support-card"></div>
|
||||
<div id="roosterteeth" class="support-card"></div>
|
||||
</div>
|
||||
<div id="features" class="features bubble left">
|
||||
<div class="text-section">
|
||||
@@ -210,10 +212,10 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
</p>
|
||||
</div>
|
||||
<div class="support-card">
|
||||
<h4 data-font="sans-bold" class="sub-title">GROUP CALL</h4>
|
||||
<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 voice calls - 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">
|
||||
@@ -263,9 +265,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||
|
After Width: | Height: | Size: 25 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 19 KiB |
@@ -31,3 +31,12 @@ body {
|
||||
.bright-circle {
|
||||
display: initial !important;
|
||||
}
|
||||
|
||||
.donate.card-grid {
|
||||
display: block;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.donate.card-grid .support-card {
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
@@ -17,11 +17,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 10px !important;
|
||||
font-size: 4.5px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 10px !important;
|
||||
font-size: 4.5px !important;
|
||||
background-color: var(--color-primary);
|
||||
transition: all ease-in-out 0.2s;
|
||||
max-width: 100%;
|
||||
@@ -218,7 +218,7 @@ a.big-button::after {
|
||||
min-height: 30rem;
|
||||
width: 30rem;
|
||||
height: 30rem;
|
||||
margin: 3rem;
|
||||
margin: 2.5rem;
|
||||
border-radius: 2.5rem;
|
||||
background-color: var(--color-tertiary);
|
||||
background-size: 75%;
|
||||
@@ -240,21 +240,66 @@ a.big-button::after {
|
||||
.features.card-grid .support-card {
|
||||
min-width: 50rem;
|
||||
min-height: 50rem;
|
||||
margin: 3rem;
|
||||
margin: 2.5rem;
|
||||
background-image: none;
|
||||
background-color: var(--color-dim);
|
||||
padding: 10rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.features.card-grid .support-card img,
|
||||
.features.card-grid .support-card video {
|
||||
clip-path: circle();
|
||||
height: 20rem;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.features.card-grid .support-card img {
|
||||
margin: 7.5rem 0;
|
||||
}
|
||||
|
||||
.features.card-grid .support-card button.big-button {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: var(--color-secondary);
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
border-radius: 2.5rem;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
transition: all ease-in-out 0.2s;
|
||||
height: 7rem !important;
|
||||
}
|
||||
|
||||
input::-webkit-outer-spin-button,
|
||||
input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
input {
|
||||
-moz-appearance: textfield;
|
||||
color: var(--color-primary);
|
||||
max-width: calc(100% - 10rem);
|
||||
width: 100%;
|
||||
margin: 2.5rem 0;
|
||||
padding: 1.5rem;
|
||||
font-size: 10rem;
|
||||
border-radius: 2.5rem;
|
||||
outline: none;
|
||||
letter-spacing: 4px;
|
||||
}
|
||||
|
||||
#paypal-donate {
|
||||
margin-top: 5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
margin-top: 20rem;
|
||||
}
|
||||
|
||||
@@ -10,6 +10,14 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
html {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 10px !important;
|
||||
}
|
||||
|
||||
.big-button {
|
||||
text-align: left;
|
||||
width: fit-content;
|
||||
@@ -72,6 +80,12 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.features.card-grid .support-card button.big-button:hover {
|
||||
height: 25% !important;
|
||||
padding-left: 10rem;
|
||||
background-color: var(--color-dim);
|
||||
}
|
||||
|
||||
footer .end-line {
|
||||
border-top: 1px solid var(--color-secondary);
|
||||
padding-top: 2.5rem;
|
||||
|
||||
@@ -10,6 +10,14 @@ CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
html {
|
||||
font-size: 7.5px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 7.5px !important;
|
||||
}
|
||||
|
||||
.bubble.right {
|
||||
margin-right: 0rem;
|
||||
}
|
||||
|
||||
@@ -9,3 +9,11 @@ ALL CONTENT ON WATCH PARTY'S WEBSITE OR IN WATCH PARTY'S CHROME EXTENSION APP, U
|
||||
CITED ARE THE SOLE INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE
|
||||
COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
************************************************************************/
|
||||
|
||||
html {
|
||||
font-size: 6.5px !important;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 6.5px !important;
|
||||
}
|
||||
|
||||
@@ -56,3 +56,6 @@ AMITABH, AND MAY NOT BE COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
.card-grid .support-card#funimation {
|
||||
background-image: url('/media/logos/FunimationColor.webp');
|
||||
}
|
||||
.card-grid .support-card#roosterteeth {
|
||||
background-image: url('/media/logos/RoosterTeeth.png');
|
||||
}
|
||||
|
||||
@@ -12,6 +12,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
------------------------------------------------------------------------->
|
||||
<html>
|
||||
<head>
|
||||
<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.ico" />
|
||||
<link rel="manifest" href="/manifest.json" />
|
||||
<link rel="preload" as="font" href="/fonts/glacialindifference-bold-webfont.woff" crossorigin />
|
||||
@@ -50,7 +52,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
@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);
|
||||
@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);
|
||||
@@ -134,6 +136,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
<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>
|
||||
</div>
|
||||
<div id="tips" class="text-section">
|
||||
<div class="info">
|
||||
@@ -155,15 +158,17 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<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 manually disabled by going to
|
||||
the Chrome Extensions page (chrome://extensions) and toggling the little blue switch
|
||||
next to Watch Party. You can alternatively go to a supported website, then right click
|
||||
on the Watch Party icons in toolbar (next to your user icon in the top right of Chrome),
|
||||
select "This can read and change site data", and change that to "When you click the
|
||||
extension" option. This will require you to click on the icon when you want to activate
|
||||
Watch Party.
|
||||
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 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.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
@@ -232,6 +237,18 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="info">
|
||||
<div class="info-text">
|
||||
<h4 class="sub-title"></h4>
|
||||
<a
|
||||
href="mailto:admin@chromewatchparty.com?subject=New FAQ Question"
|
||||
data-font="sans"
|
||||
class="underlink"
|
||||
>
|
||||
ASK A NEW QUESTION
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<div class="link-section">
|
||||
@@ -248,9 +265,7 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
|
||||
Give Feedback
|
||||
</a>
|
||||
<a class="underlink" href="/welcome" data-font="sans">Getting Started</a>
|
||||
<a class="underlink" target="_blank" href="https://paypal.me/Ayushya" data-font="sans">
|
||||
Support Watch Party
|
||||
</a>
|
||||
<a class="underlink" href="/donate" data-font="sans"> Support Watch Party </a>
|
||||
<a
|
||||
class="underlink"
|
||||
target="_blank"
|
||||
|
||||