Browse Source

collection for splash blurbs

master
Dan Ballard 5 years ago
parent
commit
4257987126
  1. 1
      .gitignore
  2. 2
      _config.yml
  3. 30
      _includes/splash.html
  4. 5
      _splash_blurbs/01_ipsum_consequat.md
  5. 6
      _splash_blurbs/02_magna_etiam_dolor.md
  6. 6
      _splash_blurbs/03_tempus_adipiscing.md
  7. 46
      _splash_blurbs/splash.html

1
.gitignore

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

2
_config.yml

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

30
_includes/splash.html

@ -9,33 +9,19 @@
<!-- Intro -->
<section id="intro" class="container">
<div class="row">
{% assign position = 0 %}
{% for blurb in site.splash_blurbs %}
<div class="4u 12u(mobile)">
<section class="first">
<i class="icon featured fa-cog"></i>
<section class="{% if position == 0 %}first{% elsif position == 1 %}middle{% else %}last{% endif %}">
<i class="icon featured {{ blurb.featured }} {{ blurb.icon }}"></i>
<header>
<h2>Ipsum consequat</h2>
<h2>{{ blurb.title }}</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>
<p>{{ blurb.content }}</p>
</section>
</div>
{% assign position = position + 1 %}
{% endfor %}
</div>
<footer>
<ul class="actions">

5
_splash_blurbs/01_ipsum_consequat.md

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

6
_splash_blurbs/02_magna_etiam_dolor.md

@ -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.

6
_splash_blurbs/03_tempus_adipiscing.md

@ -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.

46
_splash_blurbs/splash.html

@ -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>
Loading…
Cancel
Save