h4ckx0r/webSostenible
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://git.h4ckdata.es/h4ckx0r/webSostenible
All checks were successful
Verificar versión, Compilar y Desplegar / check-version (push) Successful in 7s
Details
Verificar versión, Compilar y Desplegar / build (push) Has been skipped
Details
Verificar versión, Compilar y Desplegar / deploy (push) Has been skipped
Details

Browse Source
This commit is contained in:
Natanael Gómez Ortiz
2024-10-16 00:04:29 +02:00
parent b462418716 115aad9495
commit ca7cdf0dcb
2 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/imgs/bosqueverde.webm Normal file
View File

Binary file not shown.

22
src/pages/index.astro
View File

@@ -52,6 +52,12 @@ const animateOnScroll = `
<body> <body>
<Navbar /> <Navbar />
<header class="header-bg text-white"> <header class="header-bg text-white">
<video autoplay muted loop class="video-bg">
<source src="/imgs/bosqueverde.webm" type="video/webm">
Tu navegador no soporta la reproducción de videos.
</video>
<div class="container text-center"> <div class="container text-center">
<h1 <h1
class="display-1 mb-4 animate__animated animate__fadeInDown londrina-sketch-regular" class="display-1 mb-4 animate__animated animate__fadeInDown londrina-sketch-regular"
@@ -320,4 +326,20 @@ const animateOnScroll = `
object-fit: cover; object-fit: cover;
border-radius: 8px; border-radius: 8px;
} }
header {
position: relative;
overflow: hidden;
}
.video-bg {
position: absolute;
}
.container {
position: relative;
z-index: 1;
}
</style> </style>