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>
<div id="ri"></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 id="ti" class="mm">
<div id="tn">SOMEONE</div>
<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 id="tm">
<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-beta-support]::before,
.landing .supported .supported-logo[data-upcoming-support]::before {
content: "FULLY SUPPORTED";
content: 'FULLY SUPPORTED';
position: absolute;
width: 100%;
bottom: 0;
@@ -267,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 {
@@ -522,7 +522,7 @@ div#sidebar {
#ti * {
font-size: 14px !important;
font-family: "Glacial";
font-family: 'Glacial';
letter-spacing: 1.1px;
}
@@ -570,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;
@@ -593,7 +593,7 @@ div#sidebar {
/* transition-delay: 0.1s; */
width: fit-content;
}
#tm img {
#tm video {
max-width: 40%;
border-radius: 26px;
transition: all ease-in-out 0.3s;
@@ -601,7 +601,7 @@ div#sidebar {
z-index: 99;
}
#ti:hover #tm p,
#ti:hover #tm img {
#ti:hover #tm video {
margin-left: 40px;
}
#tm #tt #ri:hover {
@@ -630,7 +630,7 @@ div#sidebar {
text-overflow: ellipsis;
cursor: pointer;
}
#tr img {
#tr video {
max-height: 50px;
border-radius: 26px;
transition: all ease-in-out 0.3s;
@@ -667,7 +667,10 @@ div#sidebar {
left: unset;
}
#ti.mm:hover #tm p,
#ti.mm:hover #tm img {
#ti.mm:hover #tm video {
margin-left: 0;
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>
<div id="ri"></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 id="ti" class="mm">
<div id="tn">SOMEONE</div>
<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="tt">
<span>12:00:00 PM</span>