home.html

---
layout: default
---

<div id="main" role="main">
	<div class="wrap">
		{% if page.image.feature %}
		<div class="page-feature">
			<div class="page-image">
				<img style="object-fit:auto; height:auto" src="{{ site.url }}/images/{{ page.image.feature }}" class="page-feature-image" alt="{{ page.title }}">
				{% if page.image.credit %}{% include image-credit.html %}{% endif %}
			</div><!-- /.page-image -->
		</div><!-- /.page-feature -->
        {% endif %}

        <p><a href="" class="btn-danger"><strong>💬 GOOD NEWS!</strong></a></p>

        <p>We will be moving to a new Jekyll theme during the week before Christmas. This will include:</p>
        <ul>
                <li>a fresh new look</li>
                <li>new categorisation for the content</li>
                <li>a fantastic new search capability</li>
                <li>navigation frames for both the current page and other labs </li>
        </ul>
        <p><strong>As a result we will have a change freeze between 8th -31st Dec.</strong></p>
        <p>We'll welcome contributions from the community in the New Year, and the contribution guide will be updated in line with the new features. Thank you for all of the positive feedback you have given us, and we have plenty more Azure content planned for 2019. Have a fantastic holiday season!</p>

		<div class="archive-wrap">
			<div class="page-content">

				<div class="carousel">
					{% for featured_page in site.pages %}
					{% if featured_page.featured %}
					<div class="carousel-item">
						<h2><a href="{{ site.url }}{{ featured_page.url }}">{{ featured_page.title }}</a></h2>
						<a href="{{ site.url }}{{ featured_page.url }}">
							{% if featured_page.image.feature %}
							<img src="{{ site.url }}/images/{{ featured_page.image.feature }}">
							{% else %}
							<img src="{{ site.url }}/images/{{ site.featured }}">
							{% endif %}
						</a>
						<p class="post-excerpt" itemprop="description">{{ featured_page.excerpt | strip_html | truncate: 160 }}</p>
					</div>
					{% endif %}
					{% endfor %}
				</div>

				<br/>
				<h1>Content</h1>

				<div class="tiles">
					{% for hometile in site.data.hometiles %}
					<div class="tile hometile" onclick="location.href='{{ hometile.url }}'">
						<h4>{{ hometile.title }}</h4>
						<img src="{{ site.url }}/images/{{ hometile.img }}" style="width:128px; display:block; margin:auto;" />
					</div>
					{% endfor %}
				</div>

				{{ content }}

			</div><!-- /.page-content -->
		</div class="archive-wrap"><!-- /.archive-wrap -->
	</div><!-- /.wrap -->
</div><!-- /#main -->