ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.4.2-release/welcome page

Browse Source
This commit is contained in:
ayushya
2020-07-14 22:19:12 -04:00
parent 72879675d8
commit 74f52ee432
10 changed files with 131 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/beta/index.html
+1 -1
View File
@@ -7,7 +7,7 @@ Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
------------------------------------------------------------------------->
<html>
<head>
<meta http-equiv="refresh" content="0; URL='https://forms.gle/Me3Z1pTj1fiMoHUd9'" />
<meta http-equiv="refresh" content="0; URL='https://request.chromewatchparty.com'" />
<title>Watch Party | Beta</title>
</head>
<body>
website/media/features/Tutorial.mp4
BIN
View File
Binary file not shown.
website/styles/extrasmall.css
+7
View File
@@ -187,3 +187,10 @@ footer .link-button {
line-height: 125%;
border-bottom: 1px solid;
}
.landing video {
display: block;
max-width: 85%;
height: auto;
border-radius: 7rem;
}
website/styles/large.css
+4
View File
@@ -9,3 +9,7 @@ Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
.supported {
max-width: none;
}
.landing video {
max-width: 55%;
}
website/styles/medium.css
+38
View File
@@ -173,3 +173,41 @@ footer .link-button {
.copyright .logo a:hover {
color: var(--primary);
}
.landing video {
max-width: 75%;
}
.welcome .landing .supported-logo {
position: relative;
border-bottom: 1px solid var(--cta);
}
.welcome .landing .supported-logo::before {
content: 'START WATCHING';
position: absolute;
width: 100%;
bottom: 0;
height: 0;
left: 0;
opacity: 0;
transition: all ease-out 0.3s;
font-size: 2rem;
text-align: center;
color: var(--primary);
font-family: 'GlacialBold';
background-color: var(--cta);
padding: 1rem 0;
}
.welcome .landing .supported-logo:hover::before {
opacity: 1;
bottom: 0;
height: 2rem;
letter-spacing: 1.05px;
z-index: -1;
}
.welcome .landing {
flex: 1;
}
website/welcome/index.html
+77
View File
@@ -0,0 +1,77 @@
<!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="welcome">
<div class="landing">
<div class="logo-circle"></div>
<div class="logo-circle"></div>
<div class="logo-circle"></div>
<h1 data-font="serif" class="logo">WATCH PARTY</h1>
<h5 data-font="sans" class="logo-tag">
WELCOME TO WATCH PARTY.
</h5>
<video src="../media/features/Tutorial.mp4" autoplay muted loop> </video>
<p data-font="sans-bold" class="title subtitle">
WATCH TOGETHER ON
</p>
<div class="supported">
<a href="https://www.netflix.com"><div class="supported-logo" id="netflix"></div></a>
<a href="https://www.hulu.com"><div class="supported-logo" id="hulu"></div>
<a href="https://www.disneyplus.com"><div class="supported-logo" id="disney"></div>
<a href="https://www.amazon.com/gp/video/storefront"><div class="supported-logo" id="prime"></div></a>
<a href="https://www.youtube.com"><div class="supported-logo" id="youtube"></div></a>
<a href="https://play.hbonow.com"><div class="supported-logo" id="hbonow"></div></a>
<a href="https://play.hbomax.com"><div class="supported-logo" id="hbomax"></div></a>
</div>
</div>
<footer data-font="sans">
<a data-font="sans-bold" href="https://paypal.me/Ayushya" class="link-button">
Support Watch Party
</a>
<a data-font="sans-bold" href="mailto:admin@chromewatchparty.com" class="link-button">
Give Feedback</a
>
<p class="title built-with">
<a href="../copyright/">COPYRIGHT</a> &copy; 2020 AYUSHYA AMITABH. ALL RIGHTS RESERVED.
</p>
</footer>
</body>
</html>