collection for splash blurbs

This commit is contained in:
Dan Ballard 2018-02-17 08:47:41 -08:00
parent 9282466b53
commit 4257987126
7 changed files with 74 additions and 22 deletions

1
.gitignore vendored
View File

@ -1 +1,2 @@
_site/* _site/*
*.swp

2
_config.yml Normal file
View File

@ -0,0 +1,2 @@
collections:
- splash_blurbs

View File

@ -9,33 +9,19 @@
<!-- Intro --> <!-- Intro -->
<section id="intro" class="container"> <section id="intro" class="container">
<div class="row"> <div class="row">
{% assign position = 0 %}
{% for blurb in site.splash_blurbs %}
<div class="4u 12u(mobile)"> <div class="4u 12u(mobile)">
<section class="first"> <section class="{% if position == 0 %}first{% elsif position == 1 %}middle{% else %}last{% endif %}">
<i class="icon featured fa-cog"></i> <i class="icon featured {{ blurb.featured }} {{ blurb.icon }}"></i>
<header> <header>
<h2>Ipsum consequat</h2> <h2>{{ blurb.title }}</h2>
</header> </header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p> <p>{{ blurb.content }}</p>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="middle">
<i class="icon featured alt fa-flash"></i>
<header>
<h2>Magna etiam dolor</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="last">
<i class="icon featured alt2 fa-star"></i>
<header>
<h2>Tempus adipiscing</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section> </section>
</div> </div>
{% assign position = position + 1 %}
{% endfor %}
</div> </div>
<footer> <footer>
<ul class="actions"> <ul class="actions">

View File

@ -0,0 +1,5 @@
---
title: Ipsum consequat
icon: fa-cog
---
Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.

View File

@ -0,0 +1,6 @@
---
title: Magna etiam dolor
icon: fa-flash
featured: alt
---
Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.

View File

@ -0,0 +1,6 @@
---
title: Tempus adipiscing
icon: fa-star
featured: alt2
---
Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.

View File

@ -0,0 +1,46 @@
<!-- Banner -->
<section id="banner">
<header>
<h2>Howdy. This is Dopetrope.</h2>
<p>A responsive template by HTML5 UP</p>
</header>
</section>
<!-- Intro -->
<section id="intro" class="container">
<div class="row">
<div class="4u 12u(mobile)">
<section class="first">
<i class="icon featured fa-cog"></i>
<header>
<h2>Ipsum consequat</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="middle">
<i class="icon featured alt fa-flash"></i>
<header>
<h2>Magna etiam dolor</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
<div class="4u 12u(mobile)">
<section class="last">
<i class="icon featured alt2 fa-star"></i>
<header>
<h2>Tempus adipiscing</h2>
</header>
<p>Nisl amet dolor sit ipsum veroeros sed blandit consequat veroeros et magna tempus.</p>
</section>
</div>
</div>
<footer>
<ul class="actions">
<li><a href="#" class="button big">Get Started</a></li>
<li><a href="#" class="button alt big">Learn More</a></li>
</ul>
</footer>
</section>