From 087117cf8745525c0cb308d31430d36ad2dc08d7 Mon Sep 17 00:00:00 2001 From: corsaronero Date: Thu, 3 Feb 2022 08:50:06 +0000 Subject: [PATCH] first commit --- README.md | 5 ++++ darkvideo.css | 72 ++++++++++++++++++++++++++++++++++++++++++++++++++ darkvideo.html | 45 +++++++++++++++++++++++++++++++ 3 files changed, 122 insertions(+) create mode 100644 README.md create mode 100644 darkvideo.css create mode 100644 darkvideo.html diff --git a/README.md b/README.md new file mode 100644 index 0000000..b593222 --- /dev/null +++ b/README.md @@ -0,0 +1,5 @@ + + + +Here comes the explaination how to set it up, make it running, administrate and +other stuff diff --git a/darkvideo.css b/darkvideo.css new file mode 100644 index 0000000..3c3e958 --- /dev/null +++ b/darkvideo.css @@ -0,0 +1,72 @@ +.vid1 { + object-fit: cover; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; +} +.vid2 { + object-fit: cover; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; +} + +.video-wrapper1 { + width: 40vw; + height: 100vh; + position: relative; + overflow: hidden; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} +.video-wrapper2 { + width: 40vw; + height: 100vh; + position: relative; + overflow: hidden; + text-align: center; + display: flex; + align-items: center; + justify-content: center; +} + +.header1{ + position: relative; + color: white; + text-shadow: 1px 1px 8px rgba(0,0,0,0.6); +} +.header2{ + position: relative; + color: white; + text-shadow: 1px 1px 8px rgba(0,0,0,0.6); +} +.grid_container { + display: grid; + grid-template-columns: auto auto; +} +.item1 { + width: 40 vw; + height: 100 vh; +} +.item2 { + width: 40 vw; + height: 100 vh; +} +@media screen and (max-width: 768px) { + .grid_container { + grid-template-columns: auto; + display: grid; + } + .item1 { + width: 90 vw; + } + .item2 { + width: 90 vw; + } +} diff --git a/darkvideo.html b/darkvideo.html new file mode 100644 index 0000000..1f6b709 --- /dev/null +++ b/darkvideo.html @@ -0,0 +1,45 @@ + + + + + + + + +
+
+
+ + +
+

Blueberry Cheesecake

+ +
+
+
+
+
+ + +
+

Blueberry Cheesecake

+ +
+
+
+
+ +