dfx.sk/dfx-jekyll-mdl
1
0
Fork 0
Code Issues Releases Activity

Highlight multiple post

Browse source 
Now the highlight post is based on the post data, so now we have more
than only one highlight post.

If you want make a highlighted post add
highlight: true in your post data.
This commit is contained in:
Oscar Cortez 2015-09-02 21:47:05 -06:00
parent 3878e76dea
commit 2d264bfe74
4 changed files with 32 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

31
index.html
View file

@ -5,9 +5,35 @@ layout: default
<div class="mdl-grid">
{% if site.post_type == 'highlight' %}
{% include highlight_post.html %}
{% for post in site.posts %}
{% if post.highlight %}
{% for post in site.posts offset:1 %}
<div class="section-highlight section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">
<header class="section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone" {% if post.image %} style="background: url('{{ post.image }}') center/cover;" {% endif %}></header>
<div class="mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone">
<div class="mdl-card__supporting-text">
<h4>{{ post.title }}</h4>
{{ post.excerpt }}
</div>
<div class="mdl-card__actions">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="{{ post.url | prepend: site.baseurl }}">Read More</a>
</div>
</div>
<button class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--icon" id="btn-high">
<i class="material-icons">more_vert</i>
</button>
<ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="btn-high">
<li><a href="https://www.facebook.com/dialog/share?app_id={app_id}&display=page&href={{ post.url | prepend: site.baseurl }}&redirect_uri={{ site.baseurl }}" class="mdl-menu__item">Facebook</a></li>
<li><a href="https://twitter.com/share?url={{ post.url | prepend: site.baseurl }}&text={{ post.title }}&via={{ site.twitter_username }}" class="mdl-menu__item">Twitter</a></li>
<li><a href="https://plus.google.com/share?url={{ post.url | prepend: site.baseurl }}" class="mdl-menu__item">Google+</a></li>
</ul>
</div>
{% else %}
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-desktop mdl-cell--4-col-tablet mdl-cell--12-col-phone">
<div class="mdl-card__title" {% if post.image %} style="background: url('{{ post.image }}') center/cover;" {% endif %}>
@ -35,6 +61,7 @@ layout: default
</ul>
</div>
</div>
{% endif %}
{% endfor %}
{% else %}