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>