Embed youtube video (needs to be checked with cors)
diff --git a/data/doc/intro.html.ep b/data/doc/intro.html.ep
index b7ac2ae..1628a9d 100644
--- a/data/doc/intro.html.ep
+++ b/data/doc/intro.html.ep
@@ -16,12 +16,36 @@
clear: both;
}
+.youtube {
+ margin: 2em;
+}
+
+.youtube iframe {
+ border-radius: 10px;
+}
+
@media all and (max-width: 42.5em) {
#dnb-logo {
width: 75%;
margin: 0 auto;
float: none;
}
+
+ .youtube{
+ position: relative;
+ width: 100%;
+ margin: 2em 0;
+ padding-bottom: 56.25%;
+ height: 0;
+ }
+
+ .youtube iframe{
+ position: absolute;
+ top:0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ }
}
</style>
@@ -46,7 +70,13 @@
</g>
</svg>
+
<p>Analysieren Sie die Romane des <%= ext_link_to 'Deutschen Buchpreises', 'https://www.deutscher-buchpreis.de/' %>! Anlässlich des 20-jährigen Jubiläums der Auszeichnung stellen wir Ihnen alle digital verfügbaren Titel, die jemals für den Preis nominiert waren, <%= link_to 'online im Volltext zur Verfügung', 'https://korap.dnb.de/deutscherbuchpreis' %>.
+<div class="youtube">
+ <iframe width="560" height="315" src="https://www.youtube.com/embed/v3is5mdgnCo?si=DFqGkIwzEDGELdA_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+</div>
+
+
<p><strong>Neu bei KorAP?</strong> Dann starten Sie doch mit unserer <a id="link-guided-tour">Tour</a> oder lesen Sie unsere <%= doc_opener 'ql', begin %>Einführung<% end %>!</p>
</div>