page-home.twig

{% extends "base.twig" %}

{% block content %}

<div class="videoWrapper">
	<div class="videoWrapper__inner">
		<div class="videoWrapper__videoParent">
			<iframe id="landingVideo" src="{{post.get_field('youtube_url')}}" frameborder="0" allowfullscreen></iframe>
		</div>
	</div>
</div>

<div class="quoteModal panel">
	<div class="u-container">
		<div class="quoteModal__inner">
			<h1>{{post.get_field('intro-line-one')}}</h1>
			<h3>{{post.get_field('intro-line-two')}}</h3>
		</div>
	</div>
	<nav class="landingNav">
		<h2>Explore DMD</h2>
		<ul>
		{% for item in menu.get_items %}
    	<li>
    		<a class="landingNav__link landingNav__link--{{item.slug}}" href="{{item.get_link}}">{{item.title}}</a>
    	</li>
    {% endfor %}
    </ul>
	</nav>
</div>

<section class="homePosts">
	<div class="u-container">
		<h1>SPECIAL ANNOUNCEMENTS:</h1>
		{% for home in homeposts %}
			<article class="homePost">
				<div class="homePost__inner">
				<figure class="homePost__image">
					<div style="background:url({{home.thumbnail.src}}) center/cover;"></div>
				</figure>
				<div class="homePost__body">
					<h2 class="homePost__title">{{home.title}}</h2>
					<p class="homePost__content">{{home.content}}</p>
				</div>
				</div>
			</article>
		{% endfor %}
		<h3 class="homePosts__allNews"><a href="/category/news/">All News</a></h3>
	</div>
</section>

{% endblock %}