From a41bbbed404d81c2e2c25cc359f426bc8ef1cb8f Mon Sep 17 00:00:00 2001
From: Mischa Spelt <mischa.spelt@nhgooi.nl>
Date: Mon, 20 Sep 2021 09:10:34 +0200
Subject: [PATCH] Nieuw nieuwsblokje: oembed

---
 public/css/nhgooi.css                      | 16 ++++++++++++++++
 resources/views/partial/nh_story.blade.php |  2 ++
 2 files changed, 18 insertions(+)

diff --git a/public/css/nhgooi.css b/public/css/nhgooi.css
index 32e6445e..7e0db2b0 100644
--- a/public/css/nhgooi.css
+++ b/public/css/nhgooi.css
@@ -446,3 +446,19 @@ a.fixed-height img {
 .text-muted {
 	color: #7C7C7C;
 }
+
+.oembed {
+    height: auto;
+    padding-bottom: 56.25%;
+    position: relative;
+    width: 100%;
+    max-width: 100%;
+}
+
+.oembed iframe {
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+}
diff --git a/resources/views/partial/nh_story.blade.php b/resources/views/partial/nh_story.blade.php
index a063d51b..636d9970 100644
--- a/resources/views/partial/nh_story.blade.php
+++ b/resources/views/partial/nh_story.blade.php
@@ -79,6 +79,8 @@
             @endforeach
             </ul>
             </div>
+	@elseif($block->type == "oembed")
+		<div class="oembed" data-url="{{$block->url}}">{!!$block->html!!}</div>
         @endif
 @endforeach