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