frontpage.twig

examle.twig

{% extends 'base.twig' %}
{% import 'macro/edit-link.twig' as editLink %}

{% block content %}
	{% for view in post.get_field('flexible_content') %}
	    {# guides #}
	    {% if view.acf_fc_layout == "guides" %}
	    	<div class="container {{ view.acf_fc_layout }}">
	    		<div class="row">
	    			{% for item in view.guide %}
						<div class="col-{{ 12/loop.length }} guide flexi">
							<a href="{{ item.url }}">
								<img src="{{ item.image.sizes.thumbnail }}" alt="{{ item.heading }}">
							</a>
							<h2>
								<a href="{{ item.url }}">
									{{ item.heading|wpautop }}
								</a>
							</h2>
						</div>
	    			{% endfor %}
	    		</div>
	    	</div>

	    {# contacts #}
	    {% elseif view.acf_fc_layout == "contacts" %}
	    	<div class="heading_holder">
	    		<div class="container">
	    			<div class="row">
	    				<div class="col-12">
		    				<h3>
		    					{{ view.heading }}
		    				</h3>
		    			</div>
	    			</div>
	    		</div>
	    	</div>
	    	<div class="container {{ view.acf_fc_layout }}">
	    		<div class="row">
	    			{% for item in view.contact %}
						<div class="col-{{ 12/loop.length }} contact flexi">
							{{ item.content|wpautop }}
						</div>
	    			{% endfor %}
	    		</div>
	    	</div>

	    {# news #}
	    {% elseif view.acf_fc_layout == "news" %}
	    	<div class="heading_holder">
	    		<div class="container">
	    			<div class="row">
	    				<div class="col-12">
		    				<h3>
		    					{{ view.heading }}
		    				</h3>
		    			</div>
	    			</div>
	    		</div>
	    	</div>
	    	<div class="container {{ view.acf_fc_layout }}">
	    		<div class="row">
	    			{% for item in posts %}
						<div class="col-4 posts flexi">
							<a href="{{ item.link }}">
								<img src="{{ item.thumbnail ? item.thumbnail.src('thumbnail') : theme.path ~ '/img/noimage.png' }}" alt="{{ item.title }}">
							</a>
							<h5>
								{{ item.post_date|date('m-d-Y') }} <br>
								{{ item.title }}
								{{ editLink.input(item) }}
							</h5>
							{{ function("strip_tags", post.content)|truncate(20) }}
						</div>
	    			{% endfor %}
	    		</div>
	    	</div>
	    {% endif %}
	{% endfor %}
{% endblock %}