<div class="media_grid_microsite">
<div class="fs-row">
<div class="fs-cell fs-lg-8 fs-lg-justify-center">
<div class="media_grid">
<div class="media_grid_header">
<div class="media_grid_header_text_wrap">
<h2 class="media_grid_header_text"></h2>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="media_grid_microsite">
<div class="fs-row">
<div class="fs-cell {{ cell }} fs-lg-justify-center">
<div class="media_grid">
<div class="media_grid_header">
<div class="media_grid_header_text_wrap">
<h2 class="media_grid_header_text">{{ title }}</h2>
</div>
{% if description %}
<div class="media_grid_description">
<p>{{ description }}</p>
</div>
{% endif %}
</div>
{% if items %}
<div class="media_grid_body">
<div class="media_grid_rows">
{% for row in items %}
<div class="media_grid_row">
{% for item in row %}
<div class="media_grid_item">
<figure class="media_grid_item_figure">
{% render "@partial-image" with {
class: "media_grid_item",
image: item.image,
sources: [
img.wide.med,
img.wide.sml,
img.wide.xsml,
img.wide.xxsml
]
} %}
{% if item.video %}
<a href="{{ item.video }}" class="media_grid_item_video_link js-video-appender">
<span class="media_grid_item_video_link_label">Play Video</span>
<span class="media_grid_item_video_link_icon">{{ icon("podcast_play") }}</span>
</a>
{% endif %}
{% if item.image_credit %}
<div class="media_grid_item_img_credit">
<div class="media_grid_item_img_credit_inner">
{{ item.image_credit }}
</div>
</div>
{% endif %}
</figure>
{% if item.text %}
<div class="media_grid_item_text">
{{ item.text }}
</div>
{% endif %}
</div>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
module.exports = {
context: {
title: 'Media Gallery',
description:
'Fringilla feugiat scelerisque ac malesuada semper posuere elit mattis, montes mollis et in pharetra velit magnis erat, vel duis habitasse sollicitudin lectus fusce etiam. Dictumst curabitur efficitur laoreet per augue convallis suspendisse ut facilisis, ultricies aliquam tincidunt primis tempus fermentum pulvinar a, nulla aptent libero tristique nostra litora natoque dolor.',
items: [
[
{
image: 5,
image_credit: 'Routers',
video: 'https://www.youtube.com/watch?v=8Rhc-IOaiHg',
text:
'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.'
},
{
image: 6,
video: '',
text:
'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, <a href="#">Link Style</a>, eaque ipsa quae ab illo.'
}
],
[
{
image: 7,
video: '',
text:
'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.'
}
],
[
{
image: 8,
video: '',
text:
'Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.'
},
{
image: 9,
video: '',
text:
'Euismod fusce adipiscing arcu ante sociosqu aenean quam, non congue montes litora ullamcorper risus sollicitudin velit, aliquet class ultrices amet parturient mauris.'
}
]
]
}
};
No notes defined.