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> </div> {%- endfor -%}
</div> <div class=“mdl-layout-spacer”></div> </div>