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

improve new layout for post list

Browse source
This commit is contained in:
Oscar Cortez 2015-07-11 16:05:02 -06:00
parent c55d91da8f
commit 1f45261161
7 changed files with 65 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

3
_includes/footer.html
View file

@ -6,6 +6,7 @@
<h1 class="mdl-mega-footer--heading">INFO</h1>
<ul class="mdl-mega-footer--link-list">
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
<li><a href="{{ "/feed.xml" | prepend: site.baseurl }}">subscribe via RSS</a></li>
</ul>
</div>
@ -39,7 +40,7 @@
<span class="username">{{ site.twitter_username }}</span>
</a>
</li>
{% endif %}
{% endif %}
</ul>
</div>

1
_includes/head.html
View file

@ -11,6 +11,7 @@
<!-- Material Design Lite css Library -->
<link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.indigo-pink.min.css">
<!-- Material Design Fonts -->
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<!-- Custom theme css -->

21
_includes/header.html
View file

@ -13,8 +13,27 @@
{% endif %}
{% endfor %}
</nav>
</div>
<div class="android-search-box mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right mdl-textfield--full-width">
<label class="mdl-button mdl-js-button mdl-button--icon" for="search-field">
<i class="material-icons">search</i>
</label>
<div class="mdl-textfield__expandable-holder">
<input class="mdl-textfield__input" type="text" id="search-field" />
</div>
</div>
<button id="demo-menu-lower-left" class="mdl-button mdl-js-button mdl-button--icon">
<i class="material-icons">more_vert</i>
</button>
<ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="demo-menu-lower-left">
<li class="mdl-menu__item">Some Action</li>
<li class="mdl-menu__item">Another Action</li>
<li disabled class="mdl-menu__item">Disabled Action</li>
<li class="mdl-menu__item">Yet Another Action</li>
</ul>
</div>
</header>
<div class="mdl-layout__drawer">