Detail Article

<div class="detail_article{% if not image %} detail_article_no_image{% endif %}">
	<div class="fs-row">
		<div class="fs-cell">
			{% if breadcrumbNav %}
			<div class="detail_article_breadcrumb">
				{% render '@navigation-breadcrumb' with {
					page: page,
					modifier: '',
					links: breadcrumbNav,
					icon_home: 'home',
					icon_divider: 'angle_right',
					icon_end: ''
				} %}
			</div>
			{% endif %}
			<div class="detail_article_inner">
				{% if image %}
				<figure class="detail_article_figure">
					{% include '@partial-image' with {
						class: 'detail_article',
						alt: image_alt,
						image: image,
						loading: 'lazy',
						sources: [
							img.classic.sml,
							img.classic.xsml,
							img.classic.xxsml
						]
					} %}
				</figure>
				{% endif %}
				<div class="detail_article_wrapper">
					<h1 class="detail_article_title">{{ title }}</h1>
					{% if category %}
					<a href="#" class="detail_article_category">{{ category }}</a>
					{% endif %}
					{% if author or tags %}
					<div class="detail_article_meta">
						{% if author %}
						<div class="detail_article_meta_author">
							<div class="detail_article_meta_heading">Author</div>
							<span class="detail_article_meta_author_label">{{ author }}</span>
						</div>
						{% endif %}
						{% if tags %}
						<div class="detail_article_meta_tags">
							<div class="detail_article_meta_heading">Tags</div>
							<span class="detail_article_meta_tags_list">
								{% for tag in tags %}{{ tag }}{% if not loop.last %}, {% endif %}{% endfor %}
							</span>
						</div>
						{% endif %}
					</div>
					{% endif %}
				</div>
			</div>
		</div>
	</div>
	<div class="detail_article_slant"></div>
	<div class="detail_article_circles"></div>
</div>