create the post layout

This commit is contained in:
Oscar Cortez 2015-07-17 22:38:17 -06:00
parent c25984c3da
commit a40227fd67

View file

@ -1,15 +1,18 @@
---
layout: default
---
<div class="post">
<header class="post-header">
<h1 class="post-title">{{ page.title }}</h1>
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
</header>
<article class="post-content">
{{ content }}
</article>
</div>
<div class="post-ribbon"></div>
<main class="post-main mdl-layout__content">
<div class="post-container mdl-grid">
<div class="mdl-cell mdl-cell--2-col mdl-cell--hide-tablet mdl-cell--hide-phone"></div>
<div class="post-section mdl-color--white mdl-shadow--4dp content mdl-color-text--grey-800 mdl-cell mdl-cell--8-col">
<div class="mdl-color-text--grey-500">
{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}
</div>
<h3>{{ page.title }}</h3>
<article class="post-content">
<p>{{ content }}</p>
</article>
</div>
</div>
</main>