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

v1.4.2-release/release

Browse Source
This commit is contained in:
ayushya
2020-07-15 01:09:59 -04:00
parent 74f52ee432
commit 2dd74b888b
14 changed files with 290 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/index.html
+7
View File
@@ -124,6 +124,13 @@ HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
>Get Chrome Extension</a
>
<a
data-font="sans-bold"
href="mailto:admin@chromewatchparty.com?subject=User Feedback"
class="link-button"
>
Give Feedback
</a>
</footer>
</body>
</html>
website/styles/extrasmall.css
+36 -1
View File
@@ -188,9 +188,44 @@ footer .link-button {
border-bottom: 1px solid;
}
.landing video {
.welcome .landing video {
display: block;
max-width: 85%;
height: auto;
border-radius: 7rem;
border: 2px solid var(--cta);
margin: 10rem 0;
box-shadow: 0px 0px 50px #c0f30054;
}
.welcome .landing .title.subtitle {
display: table;
text-transform: uppercase;
}
.welcome .landing#tips .tip {
padding: 3rem 0;
border-bottom: 0.5px solid var(--primary-medium);
padding-right: 3rem;
}
.welcome .landing#tips .tip:last-of-type {
border-bottom: none;
}
.welcome .landing#tips .link-button {
margin-bottom: 7rem;
}
.welcome .landing#tips .tip h6 {
color: var(--primary-light);
font-size: 3rem;
letter-spacing: 0.5rem;
}
.welcome .landing#tips .tip p {
color: var(--primary-medium);
font-size: 3rem;
margin: 1.5rem 0;
letter-spacing: 0.25rem;
}
website/styles/large.css
+1 -1
View File
@@ -11,5 +11,5 @@ Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
}
.landing video {
max-width: 55%;
max-width: 45%;
}
website/styles/medium.css
+14 -2
View File
@@ -174,8 +174,8 @@ footer .link-button {
color: var(--primary);
}
.landing video {
max-width: 75%;
.welcome .landing video {
max-width: 45%;
}
.welcome .landing .supported-logo {
@@ -183,6 +183,18 @@ footer .link-button {
border-bottom: 1px solid var(--cta);
}
.welcome .landing#tips .tip {
padding-right: 0;
}
.welcome .landing#tips .link-button {
max-width: fit-content;
display: inline-table;
margin-right: 3rem;
padding: 0.8rem 3.375rem;
font-size: 2.5rem;
}
.welcome .landing .supported-logo::before {
content: 'START WATCHING';
position: absolute;
website/styles/small.css
+4
View File
@@ -4,3 +4,7 @@ Unauthorized copying of this file, via any medium is strictly prohibited
Proprietary and confidential
Written by Ayushya Amitabh <admin@chromewatchparty.com>, 2020
************************************************************************/
.welcome .landing video {
max-width: 75%;
}
website/welcome/index.html
+74 -7
View File
@@ -46,8 +46,9 @@ HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia
<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.
WELCOME TO WATCH PARTY
</h5>
<p data-font="sans-bold" class="title subtitle">Watch Party lives in the bottom right corner of your screen. <br /> It's there when you need it and hidden when you don't.</p>
<video src="../media/features/Tutorial.mp4" autoplay muted loop> </video>
<p data-font="sans-bold" class="title subtitle">
WATCH TOGETHER ON
@@ -62,16 +63,82 @@ HBO Now and HBO Max logos are trademark and intellectual property of WarnerMedia
<a href="https://play.hbomax.com"><div class="supported-logo" id="hbomax"></div></a>
</div>
</div>
<div id="tips" class="landing">
<p data-font="sans-bold" class="title">
TIPS & FAQ
</p>
<div class="tip">
<h6 data-font="sans">
CAN I USE THE SAME PARTY, ON A DIFFERENT SITE
</h6>
<p data-font="sans-bold">
If you started the party, you can simply join the party from a different place to change the party location.
</p>
</div>
<div class="tip">
<h6 data-font="sans">
I CAN'T START A CALL
</h6>
<p data-font="sans-bold">
A group call can only be started by the person who started the party - after that the rest of the party can join.
</p>
</div>
<div class="tip">
<h6 data-font="sans">
CHAT NOTIFICATIONS ARE ANNOYING
</h6>
<p data-font="sans-bold">
You can turn off the chat notifications from the title card in the sidebar. Click on the title card to see the setting.
</p>
</div>
<div class="tip">
<h6 data-font="sans">
HOW DO I SEARCH FOR GIFs
</h6>
<p data-font="sans-bold">
Click on the GIF button next to the message input box, start searching! Scroll to the right to load more results.
</p>
</div>
<div class="tip">
<h6 data-font="sans">
CAN I DELETE PARTY DATA MANUALLY
</h6>
<p data-font="sans-bold">
Click on the title card in the sidebar, and click on the End Party button. Ending a party immediately deletes all data.
</p>
</div>
<div class="tip">
<h6 data-font="sans">
CAN I DISABLE WATCH PARTY TEMPORARILY
</h6>
<p data-font="sans-bold">
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).</a>
</p>
</div>
<a data-font="sans-bold" href="mailto:admin@chromewatchparty.com?subject=New FAQ Question" class="link-button">
Ask A New Question
</a>
</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="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>
<a data-font="sans-bold" href="https://request.chromewatchparty.com" class="link-button"
>Get Chrome Extension
</a>
<a data-font="sans-bold" href="mailto:admin@chromewatchparty.com?subject=User Feedback" class="link-button">
Give Feedback
</a>
</footer>
</body>
</html>