mirror of
https://github.com/Kugelschieber/schnittfest.git
synced 2026-11-12 09:02:01 +01:00
New design.
This commit is contained in:
+14
-9
@@ -1,11 +1,16 @@
|
||||
<div class="video row reverse">
|
||||
<div class="col-lg-4 col-md-12 col-sm-12 col-xs-12">
|
||||
<h2 class="black-to-beige" data-aos="fade-in" data-aos-delay="100">{{copy .Page .Content "h2"}}</h2>
|
||||
<p class="black-to-beige" data-aos="fade-in" data-aos-delay="200">{{copy .Page .Content "text"}}</p>
|
||||
{{- $title := copy .Page .Content "h2" -}}
|
||||
{{- $text := copy .Page .Content "text" -}}
|
||||
{{- $video := get .Content "video" -}}
|
||||
|
||||
<article class="take" data-component="reveal" data-shifu-element="{{ .Content.Position }}">
|
||||
<div class="take__info">
|
||||
<span class="take__label" aria-hidden="true">Take</span>
|
||||
{{ with $title }}<h3 class="take__title">{{ . }}</h3>{{ end }}
|
||||
{{ with $text }}<p class="take__text">{{ . }}</p>{{ end }}
|
||||
</div>
|
||||
<div class="col-lg-8 col-md-12 col-sm-12 col-xs-12">
|
||||
<div style="padding:56.25% 0 0 0;position:relative;" data-aos="fade-in">
|
||||
<iframe src="{{get .Content "video"}}" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
<div class="take__screen">
|
||||
{{ with $video }}
|
||||
<iframe class="take__video" src="{{ . }}" title="{{ default $title "Video" }}" loading="lazy" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
Reference in New Issue
Block a user