87 lines
2.4 KiB
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>
|