<?php
$vac_content = VACTemplate::ACF_content($wp_query);
?>
<div class="floating-image" aria-hidden="true">
<img src="<?php
echo VACTemplate::image_src($vac_content);
?>
" alt="">
</div>
<div class="side-gallery__mask">
<div class="side-gallery__container">
<h2 class="side-gallery__title">
<?php
echo $vac_content['vac_side_gallery_title'];
?>
</h2>
<ol class="side-gallery__list">
<?php
foreach ($vac_content['vac_side_gallery'] as $image) {
?>
<li class="side-gallery__item">
<figure>
<img src="<?php
echo VACTemplate::image_src($image['id']);
?>
"
alt="<?php
echo $image['alt'];
?>
">
<figcaption><?php
echo $image['caption'];
?>
</figcaption>
</figure>
</li>
<?php
}
?>
<div class="component">
<div class="asides">
<ol class="asides__list">
<?php
foreach ($vac_content as $aside) {
?>
<li class="aside-item" data-paragraph="<?php
echo $aside['aside_paragraph_number'];
?>
">
<?php
if ($aside['aside_image'] && $aside['aside_image'] != '0') {
?>
<figure class="aside-item__figure">
<img src="<?php
echo VACTemplate::image_src($aside['aside_image']);
?>
"
alt="">
</figure>
<?php
}
?>
<div class="aside-item__text">
<?php
echo $aside['aside_text'];
?>
</div>
</li>
<?php
}