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

fixed footer layout

Browse source
This commit is contained in:
Oscar Cortez 2015-07-11 23:18:54 -06:00
parent 1f45261161
commit aa439b98d3
3 changed files with 13 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

2
_includes/header.html
View file

@ -1,4 +1,4 @@
<header class="mdl-layout__header"> <header class="mdl-layout__header mdl-layout__header--waterfall">
<div class="mdl-layout__header-row"> <div class="mdl-layout__header-row">
<!-- Title --> <!-- Title -->

18
_layouts/default.html
View file

@ -7,17 +7,15 @@
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
{% include header.html %} {% include header.html %}
<main class="mdl-layout__content">
<div class="page-content">
{{ content }}
</div>
{% include footer.html %}
</main>
</div> </div>
<main class="mdl-layout__content">
<div class="page-content">
{{ content }}
</div>
</main>
{% include footer.html %}
<!-- Material Design Lite js Library --> <!-- Material Design Lite js Library -->
<script type="text/javascript" src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script> <script type="text/javascript" src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script>

5
index.html
View file

@ -5,12 +5,15 @@ layout: default
<div class="mdl-grid"> <div class="mdl-grid">
{% 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" {{ post.url | prepend: site.baseurl }}> <div class="mdl-card__title">
<h2 class="mdl-card__title-text">{{ post.title }}</h2> <h2 class="mdl-card__title-text">{{ post.title }}</h2>
</div> </div>
<div class="mdl-card__supporting-text"> <div class="mdl-card__supporting-text">
{{ post.excerpt }} {{ post.excerpt }}
</div> </div>
<button class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored" onclick="location.href='{{ post.url | prepend: site.baseurl }}'">
<i class="material-icons">keyboard_arrow_right</i>
</button>
<div class="mdl-card__actions mdl-card--border"> <div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
{{ post.date | date: "%b %-d, %Y" }} {{ post.date | date: "%b %-d, %Y" }}