add video to home page

2023-08-23 14:49:48 +03:00
parent 5c691b3085
commit 018b4d0aaf
5 changed files with 53 additions and 13 deletions
--- a/css/index.css
+++ b/css/index.css
@@ -387,4 +387,37 @@ header #menu button,  #info-menu button, #info-mobile-menu button{
 header #menu button a{
  @apply
  px-0
+}
+
+.video-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  z-index: 9;
+}
+video {
+  position: absolute;
+  top: 0;
+  right: 0;
+  min-width: 100%;
+  min-height: 100%;
+}
+.layer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  right: 0;
+  z-index: 40;
+  background-color: black;
+  opacity: .5;
+}
+.content {
+  background: rgba(0, 0, 0, 0.5);
+  color: #f1f1f1;
 }