v1.4.1-beta/Final website UI, add copyright

This commit is contained in:
2020-07-11 22:59:03 -04:00
parent 39b42dbf52
commit 5189c27627
51 changed files with 348 additions and 137 deletions
+6
View File
@@ -1,4 +1,10 @@
<!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
------------------------------------------------------------------------->
<html>
<head>
<meta http-equiv="refresh" content="0; URL='./'" />
+7 -1
View File
@@ -1,7 +1,13 @@
<!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
------------------------------------------------------------------------->
<html>
<head>
<meta http-equiv="refresh" content="0; URL='./beta/#request'" />
<meta http-equiv="refresh" content="0; URL='https://request.chromewatchparty.com'" />
<title>Watch Party | Beta</title>
</head>
<body>
+9 -64
View File
@@ -1,71 +1,16 @@
<!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
------------------------------------------------------------------------->
<html>
<head>
<link rel="apple-touch-icon" sizes="57x57" href="../icons/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="../icons/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="../icons/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="../icons/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="../icons/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="../icons/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="../icons/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="../icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="../icons/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="../icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" />
<link rel="icon" href="../icons/favicon.ico" />
<link rel="manifest" href="../manifest.json" />
<meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" />
<link rel="stylesheet" type="text/css" href="../font.css" />
<link rel="stylesheet" type="text/css" href="../styles/index.css" />
<script src="../scripts/Stickied.js"></script>
<title>Watch Party</title>
<meta http-equiv="refresh" content="0; URL='https://forms.gle/Me3Z1pTj1fiMoHUd9'" />
<title>Watch Party | Beta</title>
</head>
<body>
<header data-header-visible="false">
<brand data-font="serif">WATCH PARTY</brand>
<spacer></spacer>
<a target="_self" href="#request" data-font="sans">GET CHROME EXTENSION</a>
<a target="_self" href="https://www.paypal.me/Ayushya" data-font="sans"
>SUPPORT WATCH PARTY</a
>
</header>
<section class="landing">
<a target="_self" href="#request" class="get" data-font="sans">GET CHROME EXTENSION</a>
<a target="_self" href="../" class="brand" data-font="serif">
<span>
WATCH PARTY
</span>
</a>
</section>
<section id="request" class="beta">
<script
src="../scripts/GoogleFormStyler.js"
form="https://docs.google.com/forms/d/e/1FAIpQLSfhGxX7rJ4gNEYuQsx_wgg0GJqJq9XRWlgbpMZCrK14iPyuZA/viewform?embedded=true"
></script>
</section>
<footer data-font="sans">
<div class="inner">
<footerline>
<div>
© Ayushya Amitabh, 2020
</div>
<spacer></spacer>
<div>
Built with ❤️ for <a href="https://www.google.com/chrome/">Google Chrome</a> using
<a href="https://firebase.google.com/">Firebase</a>,
<a href="https://material-ui.com/">Material-UI</a>,
<a href="https://reactjs.org/">React JS</a> ,
<a href="https://nodejs.org/en/">Node.js</a> & <a href="https://giphy.com/">Giphy</a>
</div>
</footerline>
<footerline>
<a href="#request" data-font="sans">GET CHROME EXTENSION</a>
<spacer></spacer>
<a href="https://www.paypal.me/Ayushya" data-font="sans">SUPPORT WATCH PARTY</a>
</footerline>
</div>
</footer>
Redirecting...
</body>
</html>
+93
View File
@@ -0,0 +1,93 @@
<!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
=========================================================================
ALL CONTENT ON THIS WEBSITE, UNLESS OTHERWISE CITED ARE THE SOLE
INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE COPIED, EDITED,
OR REPRODUCED WITHOUT PERMISSION.
Netflix logo is a trademark and intellectual property of Netflix, Inc.
Disney+ logo is a trademark and intellectual property of The Walt Disney Company
Prime logo is a trademark and intellectual property of Amazon.com, Inc.
YouTube logo is a trademark and intellectual property of Google, Inc.
Hulu logo is a trademark and intellectual property of Hulu, LLC.
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,LLC.
------------------------------------------------------------------------->
<html>
<head>
<link rel="apple-touch-icon" sizes="57x57" href="../icons/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="../icons/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="../icons/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="../icons/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="../icons/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="../icons/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="../icons/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="../icons/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="../icons/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="../icons/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="../icons/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" />
<link rel="icon" href="../icons/favicon.ico" />
<link rel="manifest" href="../manifest.json" />
<meta name="msapplication-TileImage" content="../icons/ms-icon-144x144.png" />
<link rel="stylesheet" type="text/css" href="../font.css" />
<link rel="stylesheet" type="text/css" href="../styles/index.css" />
<script src="../scripts/Stickied.js"></script>
<title>Watch Party</title>
</head>
<body class="copyright">
<div class="landing">
<div class="logo-circle"></div>
<div class="logo-circle"></div>
<div class="logo-circle"></div>
<h1 data-font="serif" class="logo"><a href="../">WATCH PARTY</a> | COPYRIGHT</h1>
<h5 data-font="sans" class="logo-tag">
Copyright &COPY; 2020 Ayushya Amitabh. All Rights Reserved.
</h5>
<p data-font="sans-bold" class="title subtitle built-with">
Unauthorized copying of this website and Watch Party's Chrome Extension app, via any medium
is strictly prohibited. Written by Ayushya Amitabh
<a href="mailto:admin@chromewatchparty.com">(admin@chromewatchparty.com)</a>
<br />
</p>
<p data-font="sans-bold" class="title subtitle built-with">
ALL CONTENT ON THIS WEBSITE AND 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.
</p>
<p data-font="sans-bold" class="title subtitle built-with">
Netflix logo is a trademark and intellectual property of Netflix, Inc.<br />
Disney+ logo is a trademark and intellectual property of The Walt Disney Company<br />
Prime logo is a trademark and intellectual property of Amazon.com, Inc.<br />
YouTube logo is a trademark and intellectual property of Google, Inc.<br />
Hulu logo is a trademark and intellectual property of Hulu, LLC.<br />
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,
LLC.
<br />
<br />
</p>
</div>
<footer data-font="sans">
<p class="title built-with">
<a href="../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
</p>
<p class="title built-with">
BUILT WITH &#x1F49A; FOR <a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING
<a href="https://firebase.google.com/">FIREBASE</a>,
<a href="https://material-ui.com/">MATERIAL-UI</a>,
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>, &
<a href="https://giphy.com/">GIPHY</a>.
</p>
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
Support Watch Party
</a>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
>Get Chrome Extension</a
>
</footer>
</body>
</html>
+7
View File
@@ -1,3 +1,10 @@
/************************************************************************
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
************************************************************************/
@font-face {
font-family: 'PixelSplitter';
src: url('./fonts/pixelsplitter-bold-webfont.woff2') format('woff2'),
+45 -11
View File
@@ -1,4 +1,21 @@
<!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
=========================================================================
ALL CONTENT ON THIS WEBSITE, UNLESS OTHERWISE CITED ARE THE SOLE
INTELECTUAL PROPERTY OF AYUSHYA AMITABH, AND MAY NOT BE COPIED, EDITED,
OR REPRODUCED WITHOUT PERMISSION.
Netflix logo is a trademark and intellectual property of Netflix, Inc.
Disney+ logo is a trademark and intellectual property of The Walt Disney Company
Prime logo is a trademark and intellectual property of Amazon.com, Inc.
YouTube logo is a trademark and intellectual property of Google, Inc.
Hulu logo is a trademark and intellectual property of Hulu, LLC.
HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia Direct,LLC.
------------------------------------------------------------------------->
<html>
<head>
<link rel="apple-touch-icon" sizes="57x57" href="./icons/apple-icon-57x57.png" />
@@ -41,14 +58,16 @@
<div class="supported-logo" id="hbonow"></div>
<div class="supported-logo" id="hbomax"></div>
</div>
<a data-font="sans-bold" href="./beta/" class="link-button">Get Chrome Extension</a>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
>Get Chrome Extension</a
>
</div>
<div class="features">
<p data-font="sans-bold" class="title subtitle">FEATURES</p>
<div class="feature-card">
<div class="feature-icon" id="sync"></div>
<p data-font="sans" class="feature-text">
Free group voice calls - for when text and GIFs just won't do.
Watch Party syncs play, pause and timestamp.
</p>
</div>
<div class="feature-card">
@@ -60,36 +79,51 @@
<div class="feature-card">
<div class="feature-icon" id="chat"></div>
<p data-font="sans" class="feature-text">
Free group voice calls - for when text and GIFs just won't do.
Unlimited gifs from Giphy in chat.
</p>
</div>
<div class="feature-card">
<div class="feature-icon" id="delete"></div>
<p data-font="sans" class="feature-text">
Free group voice calls - for when text and GIFs just won't do.
What happens in Watch Party, stays in Watch Party - for 24 hours, then it's all gone.
</p>
</div>
<div class="feature-card">
<div class="feature-icon" id="hideable"></div>
<p data-font="sans" class="feature-text">
There when you need it, hideable when you want to focus on the show.
</p>
</div>
<div class="feature-card">
<div class="feature-icon" id="custom"></div>
<p data-font="sans" class="feature-text">
Free group voice calls - for when text and GIFs just won't do.
No party crashers. Custom party names secured with custom pins.
</p>
</div>
<div class="feature-card">
<div class="feature-icon" id="signup"></div>
<p data-font="sans" class="feature-text">
Free group voice calls - for when text and GIFs just won't do.
No sign up, no login, no data taken from you.
</p>
</div>
</div>
<footer data-font="sans">
<p class="title">© AYUSHYA AMITABH, 2020</p>
<p class="title built-with">
BUILT WITH ❤ FOR <a>GOOGLE CHROME</a> USING <a>FIREBASE</a>, <a>MATERIAL-UI</a>,
<a>REACT JS</a>, <a>NODE JS</a>, & <a>GIPHY</a>.
<a href="./copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
</p>
<a data-font="sans-bold" href="./beta/" class="link-button">Support Watch Party</a>
<a data-font="sans-bold" href="./beta/" class="link-button">Get Chrome Extension</a>
<p class="title built-with">
BUILT WITH &#x1F49A; FOR <a href="https://www.google.com/chrome/">GOOGLE CHROME</a> USING
<a href="https://firebase.google.com/">FIREBASE</a>,
<a href="https://material-ui.com/">MATERIAL-UI</a>,
<a href="https://reactjs.org/">REACT JS</a>, <a href="https://nodejs.org/en/">NODE JS</a>, &
<a href="https://giphy.com/">GIPHY</a>.
</p>
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
Support Watch Party
</a>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
>Get Chrome Extension</a
>
</footer>
</body>
</html>
+6
View File
@@ -1,3 +1,9 @@
/************************************************************************
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
************************************************************************/
{
"name": "Watch Party",
"short_name": "WP",
Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.8 MiB

Before

Width:  |  Height:  |  Size: 504 KiB

After

Width:  |  Height:  |  Size: 504 KiB

Before

Width:  |  Height:  |  Size: 534 KiB

After

Width:  |  Height:  |  Size: 534 KiB

Before

Width:  |  Height:  |  Size: 574 KiB

After

Width:  |  Height:  |  Size: 574 KiB

Before

Width:  |  Height:  |  Size: 380 KiB

After

Width:  |  Height:  |  Size: 380 KiB

Before

Width:  |  Height:  |  Size: 825 KiB

After

Width:  |  Height:  |  Size: 825 KiB

Before

Width:  |  Height:  |  Size: 576 KiB

After

Width:  |  Height:  |  Size: 576 KiB

Before

Width:  |  Height:  |  Size: 563 KiB

After

Width:  |  Height:  |  Size: 563 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 424 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 792 KiB

Before

Width:  |  Height:  |  Size: 218 KiB

After

Width:  |  Height:  |  Size: 218 KiB

Before

Width:  |  Height:  |  Size: 146 KiB

After

Width:  |  Height:  |  Size: 146 KiB

Before

Width:  |  Height:  |  Size: 91 KiB

After

Width:  |  Height:  |  Size: 91 KiB

Before

Width:  |  Height:  |  Size: 79 KiB

After

Width:  |  Height:  |  Size: 79 KiB

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 27 KiB

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 643 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 76 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 MiB

-22
View File
@@ -1,22 +0,0 @@
(function (XHR) {
var open = XHR.prototype.open;
XHR.prototype.open = function (method, url, async, user, pass) {
this._url = url;
if (url.indexOf('gstatic.com') !== -1 || url.indexOf('docs.google.com') !== -1) {
url = 'https://googleformrestyler.apixml.net/corsProxy.aspx?base64Url=' + btoa(url);
}
open.call(this, method, url, async, user, pass);
};
})(XMLHttpRequest);
(function () {
var script =
document.currentScript ||
/*Polyfill*/ Array.prototype.slice.call(document.getElementsByTagName('script')).pop();
var URL = script.getAttribute('form');
var xhr = new XMLHttpRequest();
xhr.open('GET', URL);
xhr.onload = function () {
document.write(xhr.response);
};
xhr.send();
})();
+12 -1
View File
@@ -1,3 +1,10 @@
/************************************************************************
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
************************************************************************/
var LOGO_INIT = 0;
var GET_INIT = 0;
function handleSticky() {
@@ -8,14 +15,18 @@ function handleSticky() {
} else {
logo.classList.remove('stickied');
}
if (get) {
if (window.scrollY >= GET_INIT + get.offsetHeight * 1.5) {
get.classList.add('stickied');
} else {
get.classList.remove('stickied');
}
}
}
window.onload = function () {
LOGO_INIT = document.querySelector('.logo').offsetTop;
GET_INIT = document.querySelector('.landing .link-button').offsetTop;
GET_INIT = document.querySelector('.landing .link-button')
? document.querySelector('.landing .link-button').offsetTop
: 0;
window.addEventListener('scroll', this.handleSticky);
};
+9 -2
View File
@@ -1,7 +1,14 @@
/************************************************************************
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
************************************************************************/
html {
font-size: 11.5px !important;
font-size: 7px !important;
}
body {
font-size: 11.5px !important;
font-size: 7px !important;
}
+28 -4
View File
@@ -1,3 +1,10 @@
/************************************************************************
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
************************************************************************/
@keyframes circleFloat {
0% {
top: -12.5rem;
@@ -149,12 +156,12 @@ footer .title {
width: 100%;
}
.built-with {
line-height: 4rem;
}
.built-with a {
color: var(--cta);
text-decoration: none;
border-bottom: 1px solid var(--cta);
padding-bottom: 0.5rem;
white-space: nowrap;
}
footer .link-button {
@@ -163,3 +170,20 @@ footer .link-button {
width: calc(100% - 15rem);
text-align: center;
}
.copyright .landing {
flex: 1;
text-transform: uppercase;
}
.copyright .logo {
line-height: 1.5;
}
.copyright .logo a {
color: var(--cta);
text-decoration: none;
padding-bottom: 0.5rem;
line-height: 125%;
border-bottom: 1px solid;
}
+7
View File
@@ -1,3 +1,10 @@
/************************************************************************
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
************************************************************************/
@import './variables.css';
@import './variables-dark.css' screen and (prefers-color-scheme: dark);
+7
View File
@@ -1,3 +1,10 @@
/************************************************************************
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
************************************************************************/
.features,
.supported {
max-width: none;
+67 -10
View File
@@ -1,22 +1,50 @@
/************************************************************************
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
************************************************************************/
html {
font-size: 7.5px !important;
font-size: 6.5px !important;
}
body {
font-size: 7.5px !important;
font-size: 6.5px !important;
display: flex;
min-height: 100vh;
flex-direction: column;
}
.features,
.supported {
max-width: 75%;
flex: 1;
}
.link-button {
transition: all ease-in-out 0.2s !important;
border: 3px solid transparent;
border: 1px solid var(--cta);
background: none;
color: var(--cta);
position: relative;
}
.link-button::before {
content: '';
height: 100%;
top: 0;
width: 0;
position: absolute;
border-radius: 7rem;
left: 0;
background: var(--cta);
transition: all ease-in-out 0.3s;
}
.link-button:hover {
border: 3px solid var(--primary-text);
box-shadow: 0 0 10px var(--primary-text);
color: var(--primary);
z-index: 10;
}
.link-button:hover::before {
width: 100%;
z-index: -1;
}
.logo {
font-size: 10rem;
@@ -43,6 +71,9 @@ body {
border: none !important;
box-shadow: none !important;
}
.landing .link-button.stickied::before {
border-radius: 0;
}
.feature-card {
background-color: var(--primary-medium);
z-index: 1;
@@ -91,13 +122,11 @@ body {
}
.feature-card:hover .feature-icon {
position: relative;
top: unset;
top: -35%;
left: unset;
transform: scale(3);
margin-bottom: 3rem;
}
footer {
padding-right: 45%;
}
footer .title {
font-size: 2rem;
}
@@ -111,3 +140,31 @@ footer .link-button {
padding: 0.8rem 3.375rem;
font-size: 2.5rem;
}
.copyright .landing {
max-width: 75%;
}
.copyright .logo a {
position: relative;
}
.copyright .logo a::before {
content: '';
height: 100%;
top: 0;
width: 0;
position: absolute;
left: -1rem;
background: var(--cta);
transition: all ease-in-out 0.3s;
}
.copyright .logo a:hover::before {
width: calc(100% + 1rem);
z-index: -1;
}
.copyright .logo a:hover {
color: var(--primary);
}
+6
View File
@@ -0,0 +1,6 @@
/************************************************************************
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
************************************************************************/
+12 -5
View File
@@ -1,3 +1,10 @@
/************************************************************************
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
************************************************************************/
:root {
--primary: black;
--primary-medium: #232323;
@@ -6,17 +13,17 @@
--primary-text: white;
}
.supported-logo#disney {
background-image: url('../media/Disney.png');
background-image: url('../media/logos/Disney.png');
}
.supported-logo#prime {
background-image: url('../media/Prime.png');
background-image: url('../media/logos/Prime.png');
}
.supported-logo#youtube {
background-image: url('../media/Youtube.png');
background-image: url('../media/logos/Youtube.png');
}
.supported-logo#hbonow {
background-image: url('../media/HBONowWhite.png');
background-image: url('../media/logos/HBONowWhite.png');
}
.supported-logo#hbomax {
background-image: url('../media/HBOMaxWhite.png');
background-image: url('../media/logos/HBOMaxWhite.png');
}
+23 -13
View File
@@ -1,3 +1,10 @@
/************************************************************************
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
************************************************************************/
:root {
--primary: white;
--primary-medium: #c5c5c5;
@@ -7,42 +14,45 @@
font-size: 10px;
}
.supported-logo#netflix {
background-image: url('../media/Netflix.png');
background-image: url('../media/logos/Netflix.png');
}
.supported-logo#hulu {
background-image: url('../media/Hulu.png');
background-image: url('../media/logos/Hulu.png');
}
.supported-logo#disney {
background-image: url('../media/DisneyColor.png');
background-image: url('../media/logos/DisneyColor.png');
}
.supported-logo#prime {
background-image: url('../media/PrimeColor.png');
background-image: url('../media/logos/PrimeColor.png');
}
.supported-logo#youtube {
background-image: url('../media/YoutubeColor.png');
background-image: url('../media/logos/YoutubeColor.png');
}
.supported-logo#hbonow {
background-image: url('../media/HBONowBlack.png');
background-image: url('../media/logos/HBONowBlack.png');
}
.supported-logo#hbomax {
background-image: url('../media/HBOMax.png');
background-image: url('../media/logos/HBOMax.png');
}
.feature-icon#phone {
background-image: url('../media/Phone.gif');
background-image: url('../media/features/Phone.gif');
}
.feature-icon#delete {
background-image: url('../media/Delete.gif');
background-image: url('../media/features/Delete.gif');
}
.feature-icon#signup {
background-image: url('../media/Signup.gif');
background-image: url('../media/features/Signup.gif');
}
.feature-icon#sync {
background-image: url('../media/Sync.gif');
background-image: url('../media/features/Sync.gif');
}
.feature-icon#custom {
background-image: url('../media/Custom.gif');
background-image: url('../media/features/Custom.gif');
}
.feature-icon#chat {
background-image: url('../media/Chat.gif');
background-image: url('../media/features/Chat.gif');
}
.feature-icon#hideable {
background-image: url('../media/features/Hideable.gif');
}