Korbs/poke
Korbs/poke
1
Fork 0
Code Activity

Position video with opacity on background

Browse source
This commit is contained in:
Korbs 2024-02-13 17:40:46 -05:00
parent 259c0de074
commit 18cc442f59
1 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
css/landing.css
View file

@ -1,5 +1,3 @@
/* cyrillic */ /* cyrillic */
@font-face { @font-face {
font-family: "Ubuntu"; font-family: "Ubuntu";
@ -691,6 +689,7 @@ html {
} }
body { body {
background-color: #250717;
color: #fff; color: #fff;
font-family: ubuntu, sans-serif; font-family: ubuntu, sans-serif;
margin: auto; margin: auto;
@ -700,9 +699,6 @@ body {
min-height: 100vh; min-height: 100vh;
flex-direction: column; flex-direction: column;
justify-content: flex-start; justify-content: flex-start;
background-image: radial-gradient(circle, #231638, #2b160e, #09250e, #0f132b);
animation: gradient 64s ease infinite;
background-size: 400% 400%;
} }
body {cursor: url('/static/cursor.ico'), default} body {cursor: url('/static/cursor.ico'), default}
@ -717,17 +713,6 @@ span > a,
li > a {cursor: url('/static/cursor-pointer.ico'), pointer} li > a {cursor: url('/static/cursor-pointer.ico'), pointer}
.btn {cursor: url('/static/cursor-pointer.ico'), pointer !important} .btn {cursor: url('/static/cursor-pointer.ico'), pointer !important}
@keyframes gradient {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
@font-face { @font-face {
font-family: "PokeTube Flex"; font-family: "PokeTube Flex";
src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=16683434286881"); src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=16683434286881");
@ -896,3 +881,28 @@ button[type="submit"]:hover {
margin: auto; margin: auto;
} }
} }
video {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
opacity: 0.2;
pointer-events: none;
}
@media screen and (max-width: 1919px) {
#HD-BG {
display: none;
}
}
@media screen and (min-width: 1920px) {
#SD-BG {
display: none;
}
}