collection for portfolio

This commit is contained in:
Dan Ballard 2018-02-17 11:06:09 -08:00
parent 4257987126
commit be1080e9c0
9 changed files with 53 additions and 65 deletions

View File

@ -1,2 +1,3 @@
collections: collections:
- splash_blurbs - splash_blurbs
- portfolio

View File

@ -20,7 +20,7 @@
<p>{{ blurb.content }}</p> <p>{{ blurb.content }}</p>
</section> </section>
</div> </div>
{% assign position = position + 1 %} {% assign position = position | plus:1 %}
{% endfor %} {% endfor %}
</div> </div>
<footer> <footer>

View File

@ -19,82 +19,33 @@ layout: dopetrope
<header class="major"> <header class="major">
<h2>My Portfolio</h2> <h2>My Portfolio</h2>
</header> </header>
{% assign rowCount = 0 %}
<div class="row"> <div class="row">
{% for portfolio in site.portfolio %}
<div class="4u 12u(mobile)"> <div class="4u 12u(mobile)">
<section class="box"> <section class="box">
<a href="#" class="image featured"><img src="images/pic02.jpg" alt="" /></a> <a href="#" class="image featured"><img src="{{ portfolio.image }}" alt="" /></a>
<header> <header>
<h3>Ipsum feugiat et dolor</h3> <h3>{{ portfolio.title }}</h3>
</header> </header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p> <p>{{ portfolio.content }}</p>
<footer>
<a href="#" class="button alt">Find out more</a>
</footer>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="box">
<a href="#" class="image featured"><img src="images/pic03.jpg" alt="" /></a>
<header>
<h3>Sed etiam lorem nulla</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer>
<a href="#" class="button alt">Find out more</a>
</footer>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="box">
<a href="#" class="image featured"><img src="images/pic04.jpg" alt="" /></a>
<header>
<h3>Consequat et tempus</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer> <footer>
<a href="#" class="button alt">Find out more</a> <a href="#" class="button alt">Find out more</a>
</footer> </footer>
</section> </section>
</div> </div>
{% assign rowCount = rowCount | plus:1 %}
{% if rowCount == 3 or forloop.last %}
</div> </div>
{% endif %}
{% if rowCount == 3 and forloop.last != true %}
{% assign rowCount = 0 %}
<div class="row"> <div class="row">
<div class="4u 12u(mobile)"> {% endif %}
<section class="box"> {% endfor %}
<a href="#" class="image featured"><img src="images/pic05.jpg" alt="" /></a>
<header>
<h3>Blandit sed adipiscing</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer>
<a href="#" class="button alt">Find out more</a>
</footer>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="box">
<a href="#" class="image featured"><img src="images/pic06.jpg" alt="" /></a>
<header>
<h3>Etiam nisl consequat</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer>
<a href="#" class="button alt">Find out more</a>
</footer>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="box">
<a href="#" class="image featured"><img src="images/pic07.jpg" alt="" /></a>
<header>
<h3>Dolore nisl feugiat</h3>
</header>
<p>Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.</p>
<footer>
<a href="#" class="button alt">Find out more</a>
</footer>
</section>
</div>
</div>
</section> </section>
</div> </div>

View File

@ -0,0 +1,6 @@
---
title: Dolore nisl feugiat
image: images/pic07.jpg
date: 2018-01-11
---
Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.

View File

@ -0,0 +1,6 @@
---
title: Etiam nisl consequat
image: images/pic06.jpg
date: 2018-01-18
---
Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.

View File

@ -0,0 +1,6 @@
---
title: Blandit sed adipiscing
image: images/pic05.jpg
date: 2018-01-25
---
Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.

View File

@ -0,0 +1,6 @@
---
title: Consequat et tempus
image: images/pic04.jpg
date: 2018-02-03
---
Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.

View File

@ -0,0 +1,6 @@
---
title: Sed etiam lorem nulla
image: images/pic03.jpg
date: 2018-02-10
---
Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.

View File

@ -0,0 +1,6 @@
---
title: Ipsum feugiat et dolor
image: images/pic02.jpg
date: 2018-02-17
---
Lorem ipsum dolor sit amet sit veroeros sed amet blandit consequat veroeros lorem blandit adipiscing et feugiat phasellus tempus dolore ipsum lorem dolore.