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

v1.6.0/website update for release

Browse Source
This commit is contained in:
ayushya
2020-08-08 15:28:46 -04:00
parent 187fb6c324
commit f375d33311
9 changed files with 724 additions and 234 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/styles/extrasmall.css
+16 -15
View File
@@ -79,6 +79,7 @@ body {
.logo.duplicate {
margin-bottom: var(--logo-offset);
opacity: 0;
height: 0;
}
.link-button.duplicate {
@@ -144,17 +145,17 @@ body {
margin: 10rem 0;
}
.feature-icon {
padding: 5rem;
background-position: left !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-color: black;
margin: 2.5rem 0;
display: table;
width: fit-content;
transform: scale(2.5) translateY(-30%) translateX(1rem);
.feature-icon video {
border-radius: 100%;
width: 10rem;
height: auto;
margin: 0 auto;
margin-top: 9rem;
transition: all ease-in-out 0.3s;
}
.feature-card .feature-icon video {
transform: scale(2.5) translateY(-50%) translateX(1.5rem);
}
.feature-text {
@@ -255,7 +256,7 @@ footer .link-button {
.landing .supported .supported-logo[data-full-support]::before,
.landing .supported .supported-logo[data-beta-support]::before,
.landing .supported .supported-logo[data-upcoming-support]::before {
content: 'FULLY SUPPORTED';
content: "FULLY SUPPORTED";
position: absolute;
width: 100%;
bottom: 0;
@@ -266,13 +267,13 @@ footer .link-button {
font-size: 0.8rem;
text-align: center;
color: var(--primary);
font-family: 'GlacialBold';
font-family: "GlacialBold";
background-color: var(--cta);
padding: 1rem 0;
}
.landing .supported .supported-logo[data-beta-support]::before {
content: 'BETA SUPPORT';
content: "BETA SUPPORT";
}
.landing .supported .supported-logo[data-upcoming-support]::before {
@@ -521,7 +522,7 @@ div#sidebar {
#ti * {
font-size: 14px !important;
font-family: 'Glacial';
font-family: "Glacial";
letter-spacing: 1.1px;
}
@@ -569,7 +570,7 @@ div#sidebar {
left: 0;
cursor: pointer;
background-color: white;
background-image: url('https://www.materialui.co/materialIcons/content/reply_grey_192x192.png');
background-image: url("https://www.materialui.co/materialIcons/content/reply_grey_192x192.png");
background-size: 75%;
background-repeat: no-repeat;
background-position: center;
website/styles/large.css
+12 -2
View File
@@ -27,8 +27,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
flex-direction: row;
}
.pop-feature:not(:first-of-type) {
margin: -10px 0;
.pop-feature {
margin: 100px 0;
}
.pop-feature > * {
@@ -39,6 +39,11 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
text-align: left;
}
.pop-feature .explanation div {
margin-left: 0;
padding: 50px;
}
.pop-feature.alternate {
flex-direction: row-reverse;
}
@@ -46,3 +51,8 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
.pop-feature.alternate .explanation {
text-align: right;
}
.pop-feature.pop-feature.alternate .explanation div {
margin-left: auto;
margin-right: 0;
}
website/styles/medium.css
+19 -27
View File
@@ -36,7 +36,7 @@ body {
position: relative;
}
.link-button::before {
content: '';
content: "";
height: 100%;
top: 0;
width: 0;
@@ -68,6 +68,7 @@ body {
top: 0;
opacity: 1;
padding: 3rem 10rem;
height: auto;
z-index: 999 !important;
}
.landing .link-button.stickied {
@@ -118,22 +119,7 @@ body {
transition: all 0.3s ease-in;
position: relative;
}
.feature-icon {
z-index: 1;
background-position: center !important;
transition: all ease-out 0.3s;
border-radius: 100%;
width: 0;
margin: 0 auto;
height: 0;
background-size: cover !important;
padding: 5rem;
background-color: black;
position: absolute;
top: 13rem;
transform: none;
left: 13rem;
}
.feature-card .feature-text {
z-index: 1;
display: table;
@@ -153,13 +139,19 @@ body {
color: var(--primary-light);
line-height: initial;
opacity: 1;
margin-top: -1.75rem;
}
.feature-card:hover .feature-icon {
position: relative;
top: -35%;
left: unset;
transform: scale(3);
margin-bottom: 3rem;
.feature-icon {
display: flex;
}
.feature-card .feature-icon video {
transform: none;
}
.feature-card:hover .feature-icon video {
transform: scale(3) translateY(-50%);
}
footer {
@@ -195,7 +187,7 @@ footer .link-button {
.welcome .logo a::before,
.copyright .logo a::before {
content: '';
content: "";
height: 100%;
top: -3px;
padding-top: 2px;
@@ -240,7 +232,7 @@ footer .link-button {
}
.welcome .landing .supported-logo::before {
content: 'START WATCHING';
content: "START WATCHING";
position: absolute;
width: 100%;
bottom: 0;
@@ -251,7 +243,7 @@ footer .link-button {
font-size: 1.5rem;
text-align: center;
color: var(--primary);
font-family: 'GlacialBold';
font-family: "GlacialBold";
background-color: var(--cta);
padding: 1rem 0;
}
@@ -299,4 +291,4 @@ footer .link-button {
}
.welcome .landing#tips .tip:last-of-type {
margin-bottom: 3rem;
}
}
website/styles/variables.css
+10 -32
View File
@@ -19,54 +19,32 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
font-size: 10px;
}
.supported-logo#netflix {
background-image: url('../media/logos/Netflix.png');
background-image: url("../media/logos/Netflix.png");
}
.supported-logo#hulu {
background-image: url('../media/logos/Hulu.png');
background-image: url("../media/logos/Hulu.png");
}
.supported-logo#disney {
background-image: url('../media/logos/DisneyColor.png');
background-image: url("../media/logos/DisneyColor.png");
}
.supported-logo#prime {
background-image: url('../media/logos/PrimeColor.png');
background-image: url("../media/logos/PrimeColor.png");
}
.supported-logo#youtube {
background-image: url('../media/logos/YoutubeColor.png');
background-image: url("../media/logos/YoutubeColor.png");
}
.supported-logo#hbonow {
background-image: url('../media/logos/HBONowBlack.png');
background-image: url("../media/logos/HBONowBlack.png");
}
.supported-logo#hbomax {
background-image: url('../media/logos/HBOMax.png');
background-image: url("../media/logos/HBOMax.png");
}
.supported-logo#peacock {
background-image: url('../media/logos/PeacockColor.png');
background-image: url("../media/logos/PeacockColor.png");
}
.supported-logo#googleplay {
background-image: url('../media/logos/GooglePlay.png');
background-image: url("../media/logos/GooglePlay.png");
}
.supported-logo#crunchyroll {
background-image: url('../media/logos/Crunchyroll.png');
}
.feature-icon#phone {
background-image: url('../media/features/Phone.gif');
}
.feature-icon#delete {
background-image: url('../media/features/Delete.gif');
}
.feature-icon#signup {
background-image: url('../media/features/Signup.gif');
}
.feature-icon#sync {
background-image: url('../media/features/Sync.gif');
}
.feature-icon#custom {
background-image: url('../media/features/Custom.gif');
}
.feature-icon#chat {
background-image: url('../media/features/Chat.gif');
}
.feature-icon#hideable {
background-image: url('../media/features/Hideable.gif');
background-image: url("../media/logos/Crunchyroll.png");
}