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

v1.6.4/website optimization

Browse Source
This commit is contained in:
ayushya
2020-08-29 03:09:35 -04:00
parent 06890a0f44
commit e6728d0909
3 changed files with 36 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/index.html
+12 -2
View File
@@ -218,13 +218,23 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<span>12:00:00 PM</span> <span>12:00:00 PM</span>
<div id="ri"></div> <div id="ri"></div>
</div> </div>
<img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" /> <video
muted
autoplay
loop
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
></video>
</div> </div>
</div> </div>
<div id="ti" class="mm"> <div id="ti" class="mm">
<div id="tn">SOMEONE</div> <div id="tn">SOMEONE</div>
<div id="tr"> <div id="tr">
<img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" /> <video
autoplay
loop
muted
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
></video>
</div> </div>
<div id="tm"> <div id="tm">
<div id="tt"> <div id="tt">
website/styles/extrasmall.css
+12 -9
View File
@@ -256,7 +256,7 @@ footer .link-button {
.landing .supported .supported-logo[data-full-support]::before, .landing .supported .supported-logo[data-full-support]::before,
.landing .supported .supported-logo[data-beta-support]::before, .landing .supported .supported-logo[data-beta-support]::before,
.landing .supported .supported-logo[data-upcoming-support]::before { .landing .supported .supported-logo[data-upcoming-support]::before {
content: "FULLY SUPPORTED"; content: 'FULLY SUPPORTED';
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 0; bottom: 0;
@@ -267,13 +267,13 @@ footer .link-button {
font-size: 0.8rem; font-size: 0.8rem;
text-align: center; text-align: center;
color: var(--primary); color: var(--primary);
font-family: "GlacialBold"; font-family: 'GlacialBold';
background-color: var(--cta); background-color: var(--cta);
padding: 1rem 0; padding: 1rem 0;
} }
.landing .supported .supported-logo[data-beta-support]::before { .landing .supported .supported-logo[data-beta-support]::before {
content: "BETA SUPPORT"; content: 'BETA SUPPORT';
} }
.landing .supported .supported-logo[data-upcoming-support]::before { .landing .supported .supported-logo[data-upcoming-support]::before {
@@ -522,7 +522,7 @@ div#sidebar {
#ti * { #ti * {
font-size: 14px !important; font-size: 14px !important;
font-family: "Glacial"; font-family: 'Glacial';
letter-spacing: 1.1px; letter-spacing: 1.1px;
} }
@@ -570,7 +570,7 @@ div#sidebar {
left: 0; left: 0;
cursor: pointer; cursor: pointer;
background-color: white; 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-size: 75%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@@ -593,7 +593,7 @@ div#sidebar {
/* transition-delay: 0.1s; */ /* transition-delay: 0.1s; */
width: fit-content; width: fit-content;
} }
#tm img { #tm video {
max-width: 40%; max-width: 40%;
border-radius: 26px; border-radius: 26px;
transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;
@@ -601,7 +601,7 @@ div#sidebar {
z-index: 99; z-index: 99;
} }
#ti:hover #tm p, #ti:hover #tm p,
#ti:hover #tm img { #ti:hover #tm video {
margin-left: 40px; margin-left: 40px;
} }
#tm #tt #ri:hover { #tm #tt #ri:hover {
@@ -630,7 +630,7 @@ div#sidebar {
text-overflow: ellipsis; text-overflow: ellipsis;
cursor: pointer; cursor: pointer;
} }
#tr img { #tr video {
max-height: 50px; max-height: 50px;
border-radius: 26px; border-radius: 26px;
transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s;
@@ -667,7 +667,10 @@ div#sidebar {
left: unset; left: unset;
} }
#ti.mm:hover #tm p, #ti.mm:hover #tm p,
#ti.mm:hover #tm img { #ti.mm:hover #tm video {
margin-left: 0; margin-left: 0;
margin-right: 40px; margin-right: 40px;
} }
video::-internal-media-controls-overlay-cast-button {
display: none;
}
website/welcome/index.html
+12 -2
View File
@@ -151,13 +151,23 @@ COPIED, EDITED, OR REPRODUCED WITHOUT PERMISSION.
<span>12:00:00 PM</span> <span>12:00:00 PM</span>
<div id="ri"></div> <div id="ri"></div>
</div> </div>
<img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" /> <video
muted
autoplay
loop
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
></video>
</div> </div>
</div> </div>
<div id="ti" class="mm"> <div id="ti" class="mm">
<div id="tn">SOMEONE</div> <div id="tn">SOMEONE</div>
<div id="tr"> <div id="tr">
<img src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.gif" /></div> <video
muted
autoplay
loop
src="https://media.giphy.com/media/d10dMmzqCYqQ0/giphy.mp4"
></video></div>
<div id="tm"> <div id="tm">
<div id="tt"> <div id="tt">
<span>12:00:00 PM</span> <span>12:00:00 PM</span>