Contents

---
layout: default
---

{%- for post in site.posts -%}
<div class="demo-card-wide mdl-card mdl-shadow--2dp">
    <div class="mdl-card__title" style="background: url('/assets/{{ post.date | date: '%Y-%m-%d' }}.jpg') center / cover;">
        <h2 class="mdl-card__title-text">{{ post.title }}</h2>
    </div>
    <div class="mdl-card__supporting-text">
        {{ post.date | date: '%b %d, %Y' }}
    </div>
    <div class="mdl-card__supporting-text" style="font-size: 1.3em">
        {{ post.excerpt }}
    </div>
    <div class="mdl-card__actions mdl-card--border">
        <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="{{ post.url | relative_url }}">
            Read More
        </a>
    </div>
    <div class="mdl-card__menu">
        <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect" onclick="location.href='https://www.twitter.com/intent/tweet?text=https://johnnypan.me{{ post.url }}'">
            <i class="material-icons">share</i>
        </button>
    </div>
</div>
<div>&nbsp;</div>
{%- endfor -%}

</div>
<div class="mdl-layout-spacer"></div>
</div>

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
material-blog-jp-0.3.0	_layouts/home.html
material-blog-jp-0.2.0	_layouts/home.html
material-blog-jp-0.1.0	_layouts/home.html