|
11 | 11 | exit; |
12 | 12 | } |
13 | 13 |
|
14 | | -$pattern_images_url = trailingslashit( RT_CAROUSEL_URL . '/examples/data/images' ); |
15 | | -$hero_slide_one = $pattern_images_url . 'slide-autoplay-1.webp'; |
16 | | -$hero_slide_two = $pattern_images_url . 'slide-autoplay-2.webp'; |
17 | | -$hero_slide_three = $pattern_images_url . 'slide-autoplay-3.webp'; |
| 14 | +$rt_carousel_images_url = trailingslashit( RT_CAROUSEL_URL . '/examples/data/images' ); |
| 15 | +$rt_carousel_slide_one = $rt_carousel_images_url . 'slide-autoplay-1.webp'; |
| 16 | +$rt_carousel_slide_two = $rt_carousel_images_url . 'slide-autoplay-2.webp'; |
| 17 | +$rt_carousel_slide_three = $rt_carousel_images_url . 'slide-autoplay-3.webp'; |
18 | 18 | ?> |
19 | 19 |
|
20 | 20 | <!-- wp:rt-carousel/carousel {"loop":true,"autoplay":true,"autoplayDelay":5000,"ariaLabel":"Hero Carousel","metadata":{"categories":["rt-carousel"],"patternName":"rt-carousel/hero-carousel","name":"rtCarousel: Hero Carousel"},"align":"wide","className":"wp-block-carousel-carousel"} --> |
21 | 21 | <div class="wp-block-rt-carousel-carousel alignwide rt-carousel wp-block-carousel-carousel" role="region" aria-roledescription="carousel" aria-label="Hero Carousel" dir="ltr" data-axis="x" data-loop="true" data-wp-interactive="rt-carousel/carousel" data-wp-context="{"options":{"loop":true,"dragFree":false,"align":"start","containScroll":"trimSnaps","direction":"ltr","axis":"x","slidesToScroll":1},"autoplay":{"delay":5000,"stopOnInteraction":true,"stopOnMouseEnter":false},"isPlaying":true,"timerIterationId":0,"selectedIndex":-1,"scrollSnaps":[],"canScrollPrev":false,"canScrollNext":false,"scrollProgress":0,"slideCount":0,"ariaLabelPattern":"Go to slide %d"}" data-wp-init="callbacks.initCarousel" style="--rt-carousel-gap:0px"><!-- wp:rt-carousel/carousel-viewport {"className":"wp-block-carousel-carousel-viewport"} --> |
22 | 22 | <div class="wp-block-rt-carousel-carousel-viewport embla wp-block-carousel-carousel-viewport"> |
23 | 23 | <div class="embla__container"><!-- wp:rt-carousel/carousel-slide {"className":"wp-block-carousel-carousel-slide"} --> |
24 | | - <div class="wp-block-rt-carousel-carousel-slide embla__slide wp-block-carousel-carousel-slide" role="group" aria-roledescription="slide" data-wp-interactive="rt-carousel/carousel" data-wp-class--is-active="callbacks.isSlideActive" data-wp-bind--aria-current="callbacks.isSlideActive"><!-- wp:cover {"url":"<?php echo esc_url( $hero_slide_one ); ?>","dimRatio":30,"minHeight":600,"minHeightUnit":"px"} --> |
25 | | - <div class="wp-block-cover" style="min-height:600px"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( $hero_slide_one ); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span> |
| 24 | + <div class="wp-block-rt-carousel-carousel-slide embla__slide wp-block-carousel-carousel-slide" role="group" aria-roledescription="slide" data-wp-interactive="rt-carousel/carousel" data-wp-class--is-active="callbacks.isSlideActive" data-wp-bind--aria-current="callbacks.isSlideActive"><!-- wp:cover {"url":"<?php echo esc_url( $rt_carousel_slide_one ); ?>","dimRatio":30,"minHeight":600,"minHeightUnit":"px"} --> |
| 25 | + <div class="wp-block-cover" style="min-height:600px"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( $rt_carousel_slide_one ); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span> |
26 | 26 | <div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":1,"textColor":"white"} --> |
27 | 27 | <h1 class="wp-block-heading has-text-align-center has-white-color has-text-color">Welcome to Our Site</h1> |
28 | 28 | <!-- /wp:heading --> |
|
44 | 44 | <!-- /wp:rt-carousel/carousel-slide --> |
45 | 45 |
|
46 | 46 | <!-- wp:rt-carousel/carousel-slide {"className":"wp-block-carousel-carousel-slide"} --> |
47 | | - <div class="wp-block-rt-carousel-carousel-slide embla__slide wp-block-carousel-carousel-slide" role="group" aria-roledescription="slide" data-wp-interactive="rt-carousel/carousel" data-wp-class--is-active="callbacks.isSlideActive" data-wp-bind--aria-current="callbacks.isSlideActive"><!-- wp:cover {"url":"<?php echo esc_url( $hero_slide_two ); ?>","dimRatio":30,"minHeight":600,"minHeightUnit":"px"} --> |
48 | | - <div class="wp-block-cover" style="min-height:600px"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( $hero_slide_two ); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span> |
| 47 | + <div class="wp-block-rt-carousel-carousel-slide embla__slide wp-block-carousel-carousel-slide" role="group" aria-roledescription="slide" data-wp-interactive="rt-carousel/carousel" data-wp-class--is-active="callbacks.isSlideActive" data-wp-bind--aria-current="callbacks.isSlideActive"><!-- wp:cover {"url":"<?php echo esc_url( $rt_carousel_slide_two ); ?>","dimRatio":30,"minHeight":600,"minHeightUnit":"px"} --> |
| 48 | + <div class="wp-block-cover" style="min-height:600px"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( $rt_carousel_slide_two ); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span> |
49 | 49 | <div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":1,"textColor":"white"} --> |
50 | 50 | <h1 class="wp-block-heading has-text-align-center has-white-color has-text-color">Build Something Amazing</h1> |
51 | 51 | <!-- /wp:heading --> |
|
60 | 60 | <!-- /wp:rt-carousel/carousel-slide --> |
61 | 61 |
|
62 | 62 | <!-- wp:rt-carousel/carousel-slide {"className":"wp-block-carousel-carousel-slide"} --> |
63 | | - <div class="wp-block-rt-carousel-carousel-slide embla__slide wp-block-carousel-carousel-slide" role="group" aria-roledescription="slide" data-wp-interactive="rt-carousel/carousel" data-wp-class--is-active="callbacks.isSlideActive" data-wp-bind--aria-current="callbacks.isSlideActive"><!-- wp:cover {"url":"<?php echo esc_url( $hero_slide_three ); ?>","dimRatio":30,"minHeight":600,"minHeightUnit":"px"} --> |
64 | | - <div class="wp-block-cover" style="min-height:600px"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( $hero_slide_three ); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span> |
| 63 | + <div class="wp-block-rt-carousel-carousel-slide embla__slide wp-block-carousel-carousel-slide" role="group" aria-roledescription="slide" data-wp-interactive="rt-carousel/carousel" data-wp-class--is-active="callbacks.isSlideActive" data-wp-bind--aria-current="callbacks.isSlideActive"><!-- wp:cover {"url":"<?php echo esc_url( $rt_carousel_slide_three ); ?>","dimRatio":30,"minHeight":600,"minHeightUnit":"px"} --> |
| 64 | + <div class="wp-block-cover" style="min-height:600px"><img class="wp-block-cover__image-background" alt="" src="<?php echo esc_url( $rt_carousel_slide_three ); ?>" data-object-fit="cover" /><span aria-hidden="true" class="wp-block-cover__background has-background-dim-30 has-background-dim"></span> |
65 | 65 | <div class="wp-block-cover__inner-container"><!-- wp:heading {"textAlign":"center","level":1,"textColor":"white"} --> |
66 | 66 | <h1 class="wp-block-heading has-text-align-center has-white-color has-text-color">Join Our Community</h1> |
67 | 67 | <!-- /wp:heading --> |
|
0 commit comments