add video slide feature
This commit is contained in:
File diff suppressed because it is too large
Load Diff
@@ -2,7 +2,19 @@
|
||||
<div class="swiper-wrapper">
|
||||
{{ range .Site.Data.slide }}
|
||||
<div class="swiper-slide">
|
||||
<img src="{{ .image }}" alt="">
|
||||
{{ with .image }}
|
||||
<img src="{{ . }}">
|
||||
{{ end }}
|
||||
{{ with .video }}
|
||||
<video class="slide-video" src="{{ . }}" controls autoplay loop></video>
|
||||
<style>
|
||||
.slide-video {
|
||||
height: calc(100vh - 120px);
|
||||
width: 100vw;
|
||||
object-fit: cover;
|
||||
}
|
||||
</style>
|
||||
{{ end }}
|
||||
<div class="s-fade-txt">
|
||||
<h1 class="text-4xl {{ or .color "text-white" }}">{{ .title }}</h1>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user