jekyll-dopetrope/_layouts/landing.html

87 lines
2.4 KiB
HTML

---
layout: dopetrope
---
<!-- Header -->
<div id="header-wrapper">
<div id="header">
{% include header.html %}
{% include splash.html %}
</div>
</div>
<!-- Main -->
<div id="main-wrapper">
<div class="container">
<div class="row">
<div class="12u">
<!-- Portfolio -->
<section>
<header class="major">
<h2>My Portfolio</h2>
</header>
{% assign rowCount = 0 %}
<div class="row">
{% for portfolio in site.portfolio reversed %}
<div class="4u 12u(mobile)">
<section class="box">
<a href="#" class="image featured"><img src="{{ portfolio.image }}" alt="" /></a>
<header>
<h3>{{ portfolio.title }}</h3>
</header>
<p>{{ portfolio.content }}</p>
<footer>
<a href="#" class="button alt">Find out more</a>
</footer>
</section>
</div>
{% assign rowCount = rowCount | plus:1 %}
{% if rowCount == 3 or forloop.last %}
</div>
{% endif %}
{% if rowCount == 3 and forloop.last != true %}
{% assign rowCount = 0 %}
<div class="row">
{% endif %}
{% endfor %}
</section>
</div>
</div>
<div class="row">
<div class="12u">
<!-- Blog -->
<section>
<header class="major">
<h2>The Blog</h2>
</header>
<div class="row">
{% for post in site.blog reversed limit:2 %}
<div class="6u 12u(mobile)">
<section class="box">
<a href="#" class="image featured"><img src="{{ post.image }}" alt="" /></a>
<header>
<h3>{{ post.title }}</h3>
<p>{{ post.date }}</p>
</header>
<p> {{ post.excerpt }}</p>
<footer>
<ul class="actions">
<li><a href="#" class="button icon fa-file-text">Continue Reading</a></li>
<li><a href="#" class="button alt icon fa-comment">33 comments</a></li>
</ul>
</footer>
</section>
</div>
{% endfor %}
</div>
</section>
</div>
</div>
</div>
</div>