144 lines
4.1 KiB
HTML
144 lines
4.1 KiB
HTML
<!-- Partial intended to be overwritten to add custom headers, like CSS or any other info
|
|
<style>
|
|
/* Custom css */
|
|
</style>
|
|
-->
|
|
|
|
<!-- Extensions: Javascript -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
|
|
|
|
<!-- Extensions: CSS -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" crossorigin="anonymous">
|
|
|
|
{{ with site.Params.lightGallery }}
|
|
{{ if .enable }}
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/lightgallery.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/pager/lg-pager.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/zoom/lg-zoom.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/thumbnail/lg-thumbnail.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/video/lg-video.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/hash/lg-hash.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/pager/lg-pager.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/share/lg-share.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/autoplay/lg-autoplay.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/fullscreen/lg-fullscreen.min.js" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/plugins/rotate/lg-rotate.min.js" crossorigin="anonymous"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lightgallery-bundle.min.css" crossorigin="anonymous" />
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.2/css/lg-thumbnail.css" crossorigin="anonymous" />
|
|
<style>
|
|
|
|
.gallery-frame {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
padding: 1rem;
|
|
height: 400px;
|
|
background-color: white;
|
|
}
|
|
.gallery-item2 {
|
|
margin: 1rem;
|
|
}
|
|
|
|
.inline-gallery-container2 {
|
|
/*width: 100%
|
|
;
|
|
padding-bottom: 65%;
|
|
background-color: white;*/
|
|
}
|
|
.lg-components {
|
|
bottom: 50px;
|
|
right: 0;
|
|
}
|
|
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
|
|
display: none;
|
|
}
|
|
|
|
.inline-gallery-container {
|
|
width: 100%;
|
|
/*height: 500px;*/
|
|
/*padding-bottom: 25%;*/
|
|
}
|
|
.lg-container{
|
|
background-color: #ffffff !important;
|
|
height: 500px;
|
|
}
|
|
.imageRoot{
|
|
display: none;
|
|
}
|
|
.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before {
|
|
content: inherit;
|
|
}
|
|
.lg-backdrop {
|
|
background-color: #ffffff !important;
|
|
background-color: #ffffff !important;
|
|
}
|
|
.lg-outer .lg-thumb-outer {
|
|
background-color: #ffffff !important;
|
|
}
|
|
|
|
.lightGallery-captions {
|
|
h4 {
|
|
transform: translate3d(60px, 0, 0px);
|
|
}
|
|
p {
|
|
transform: translate3d(-60px, 0, 0px);
|
|
}
|
|
h4,
|
|
p {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.lg-current {
|
|
.lightGallery-captions {
|
|
h4,
|
|
p {
|
|
transform: translate3d(0, 0, 0px);
|
|
}
|
|
h4,
|
|
p {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|
|
.lg-slide-progress {
|
|
.lightGallery-captions {
|
|
h4 {
|
|
transform: translate3d(-60px, 0, 0px);
|
|
}
|
|
p {
|
|
transform: translate3d(60px, 0, 0px);
|
|
}
|
|
h4,
|
|
p {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.lightGallery-captions {
|
|
h4,
|
|
p {
|
|
transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
|
|
}
|
|
}
|
|
.lg-current {
|
|
.lightGallery-captions {
|
|
h4,
|
|
p {
|
|
transition-delay: 500ms;
|
|
}
|
|
}
|
|
&.lg-slide-progress {
|
|
.lightGallery-captions {
|
|
h4,
|
|
p {
|
|
transition-delay: 0ms;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
{{ end }}
|
|
{{ end }}
|