dfx.sk/dfx-jekyll-mdl
1
0
Fork 0
Code Issues Releases Activity

Style for the page layout

Browse source
This commit is contained in:
Oscar Cortez 2015-07-20 22:34:20 -06:00
parent 010619d518
commit b975cdff86
2 changed files with 77 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

24
_layouts/page.html
View file

@ -1,14 +1,18 @@
---
layout: default
---
<div class="post">
<header class="post-header">
<h1 class="post-title">{{ page.title }}</h1>
</header>
<article class="post-content">
{{ content }}
</article>
<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>

7
index.html
View file

@ -1,7 +1,8 @@
---
layout: default
---
<div class="page-content">
<div class="mdl-grid">
{% if site.post_type == 'highlight' %}
{% include highlight_post.html %}
@ -39,6 +40,7 @@ layout: default
{% else %}
{% for post in site.posts %}
<div class="mdl-card mdl-shadow--2dp mdl-cell mdl-cell--4-col mdl-cell--4-col-desktop mdl-cell--4-col-tablet mdl-cell--12-col-phone">
<div class="mdl-card__title" {% if post.image %} style="background: url('{{ post.image }}') center/cover;" {% endif %}>
<h2 class="mdl-card__title-text">{{ post.title }}</h2>
@ -65,6 +67,9 @@ layout: default
</ul>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>