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

22
_layouts/page.html
View file

@ -1,14 +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>
</header> <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"> <article class="post-content">
{{ content }} <p>{{ content }}</p>
</article> </article>
</div>
</div> </div>
</main>

13
index.html
View file

@ -1,8 +1,9 @@
--- ---
layout: default layout: default
--- ---
<div class="page-content">
{% if site.post_type == 'highlight' %} <div class="mdl-grid">
{% if site.post_type == 'highlight' %}
{% include highlight_post.html %} {% include highlight_post.html %}
@ -36,9 +37,10 @@ layout: default
</div> </div>
{% endfor %} {% endfor %}
{% else %} {% else %}
{% for post in site.posts %} {% 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 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 %}> <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> <h2 class="mdl-card__title-text">{{ post.title }}</h2>
@ -65,6 +67,9 @@ layout: default
</ul> </ul>
</div> </div>
</div> </div>
{% endfor %} {% endfor %}
{% endif %} {% endif %}
</div>
</div>