From 73186bf2f44ff5a9bac5b581831707bf922ad832 Mon Sep 17 00:00:00 2001
From: Ruediger Marwein <heryxiv@hotmail.com>
Date: Sat, 4 Sep 2021 15:44:17 +0200
Subject: [PATCH] Added capabilities for the LPD video presentation

---
 assets/landing.css | 47 +++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/assets/landing.css b/assets/landing.css
index 0e0dfbf..1bc08cc 100644
--- a/assets/landing.css
+++ b/assets/landing.css
@@ -10,6 +10,29 @@
 .lpd-header.container-fluid {
     padding:0;
 }
+.lpd-header {
+    color:#fff;
+}
+.lpd-header a {
+    color:#fff;
+    text-decoration: underline;
+    text-shadow: 1px 1px 0px #000;
+    font-size:2em;
+}
+.lpd-header.lpd-video-desktop {
+    display:none;
+}
+.lpd-header.lpd-video-mobile {
+    display:block;
+} 
+@media (min-width: 1025px) {
+    .lpd-header.lpd-video-desktop {
+        display:block;
+    }
+    .lpd-header.lpd-video-mobile {
+        display:none;
+    } 
+}
 
 .lpd-header .jumbotron {
     border-radius: 0;
@@ -133,6 +156,26 @@
     margin: 0;
 }
 
+/** Social Share extras **/
+#lpd-play-desktop {
+    display:none;
+}
+#lpd-play-mobile {
+    display:none;
+} 
+#lpd-play-desktop:target {
+    display:block;
+}
+#lpd-play-mobile:target {
+    display:block;
+} 
+@media (max-width: 1025px) {
+    #lpd-play-desktop video {
+        width: 480px !important;
+        height:270px !important;
+    }
+}
+
 .list-group-item svg {
     float:left;
     margin-right:10px;
@@ -666,4 +709,6 @@ Media Manager
     
     border: 1px solid black;
     border-radius: 5px;
-}
\ No newline at end of file
+}
+
+