Commit 1875c37d authored by Alexandre Burgoni's avatar Alexandre Burgoni
Browse files

Setting Gallery as slide with thumbnails

parent e86af847

builder/templates/job_documentation.md.j2

+13 −2
Original line number Diff line number Diff line
@@ -32,11 +32,22 @@ 


{% if screenshots_files %}

## Gallery

<div class="splide">



<div id="primary-slider" class="splide">

	<div class="splide__track">

		<ul class="splide__list">

      {% for screenshots in screenshots_files -%}

      <li class="splide__slide"><img src="{{screenshot_path}}/{{screenshots}}" /></li>

      {% endfor %}

		</ul>

	</div>

</div>



<div id="secondary-slider" class="splide">

	<div class="splide__track">

		<ul class="splide__list">

      {% for screenshots in screenshots_files -%}

      <li class="splide__slide"><img data-splide-lazy="{{screenshot_path}}/{{screenshots}}" /></li>

      <li class="splide__slide"><img src="{{screenshot_path}}/{{screenshots}}" /></li>

      {% endfor %}

		</ul>

	</div>

docs/css/splide/extra.css

0 → 100644
+8 −0
Original line number Diff line number Diff line 
.splide__slide img {

	width : 100%;

	height: auto;

}



#secondary-slider {

    margin-top: 15px;

}
 
 No newline at end of file

docs/images/jobs/gitleaks/screenshots/pipeline.png

0 → 100644
+11 KiB
Loading image diff...

docs/js/splide/splide.loader.js

+23 −3
Original line number Diff line number Diff line 
function initSplide() {

    console.log("Loading splide");

    new Splide( '.splide', {

	var secondarySlider = new Splide( '#secondary-slider', {

		fixedWidth  : 100,

		height      : 60,

		gap         : 10,

		cover       : true,

		isNavigation: true,

		focus       : 'center',

		breakpoints : {

			'600': {

				fixedWidth: 66,

				height    : 40,

			}

        },

        autoplay: true,

        interval: 5000,

        pauseOnHover: true,

        resetProgress: true,

        rewind: true,

        lazyLoad: 'nearby'

        pagination: false

	} ).mount();

    var primarySlider = new Splide( '#primary-slider', {

		type       : 'fade',

		heightRatio: 0.5,

		pagination : false,

		arrows     : false,

		cover      : true,

    } );

    primarySlider.sync( secondarySlider ).mount();

}
 
 No newline at end of file

mkdocs.yml

+1 −0
Original line number Diff line number Diff line
@@ -52,6 +52,7 @@ extra_css: 
    - css/juxtapose/juxtapose.css

    - css/splide/splide-core.min.css

    - css/splide/splide.min.css

    - css/splide/extra.css



extra_javascript:

    - js/juxtapose/juxtapose.min.js