baseline for dfx-mdl

Signed-off-by: Tony Tkacik <tonydamage@gmail.com>

_includes/cards.html

@@ -0,0 +1,31 @@
+<div class="mdl-grid">
+
+{% for post in cards %}
+  <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"><a href="{{ post.url | prepend: site.baseurl }}" >{{ post.title }}</a></h2>
+    </div>
+    <div class="mdl-card__supporting-text">
+      <span>{{ post.date | date: "%b %-d, %Y" }}</span>
+      <p>{{ post.excerpt }}</p>
+    </div>
+    <div class="mdl-card__actions mdl-card--border">
+      <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" href="{{ post.url | prepend: site.baseurl }}">
+        Read More
+      </a>
+    </div>
+    <div class="mdl-card__menu">
+      <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect" id="post-{{ post.id }}">
+        <i class="material-icons">share</i>
+      </button>
+      <ul class="mdl-menu mdl-js-menu mdl-menu--bottom-right" for="post-{{ post.id }}">
+        <li><a href="https://www.facebook.com/dialog/share?app_id={{site.facebook_app_id}}&display=page&href={{ post.url | prepend: site.baseurl }}&redirect_uri={{ site.baseurl }}" class="mdl-menu__item">Facebook</a></li>
+        <li><a href="https://twitter.com/share?url={{ post.url | prepend: site.baseurl }}&text={{ post.title }}&via={{ site.twitter_username }}" class="mdl-menu__item">Twitter</a></li>
+        <li><a href="https://plus.google.com/share?url={{ post.url | prepend: site.baseurl }}" class="mdl-menu__item">Google+</a></li>
+      </ul>
+    </div>
+  </div>
+
+  {% endfor %}
+</div>

_includes/footer.html

@@ -80,7 +80,7 @@
           </a>
         </li>
       {% endif %}
-	  
+
       </ul>
     </div>
 
@@ -99,7 +99,7 @@
     <div class="mdl-logo">{{ site.title }}</div>
     <ul class="mdl-mega-footer--link-list">
       <li><a href="#">Help</a></li>
-      <li><a href="#">Privacy & Terms</a></li>
+      <li><a href="#">Privacy &amp; Terms</a></li>
     </ul>
   </div>
 

_includes/head.html

@@ -10,11 +10,16 @@
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
 
   <!-- 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">
-  
+  <!--
+  <link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/code.getmdl.io/1.2.1/material.{{ site.material.primary }}-{{ site.material.secondary }}.min.css">
+  -->
   <!-- Material Design Fonts -->
   <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 
   <!-- Custom theme css -->
   <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/coderay_github.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/quickie.css" | prepend: site.baseurl }}">
+
+
 </head>

_includes/header.html

@@ -1,3 +1,4 @@
+
   <header class="mdl-layout__header">
 
     <div class="mdl-layout__header-row">
@@ -5,7 +6,7 @@
       <span class="mdl-layout-title">{{ site.title }}</span>
       <!-- Add spacer, to align navigation to the right -->
       <div class="mdl-layout-spacer"></div>
-      
+
 
       <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable is-upgraded">
         <label class="mdl-button mdl-js-button mdl-button--icon" for="js-search__input">
@@ -28,16 +29,8 @@
       </ul>
     </div>
   </header>
-
   <div class="mdl-layout__drawer">
     <span class="mdl-layout-title">Menu</span>
-    <nav class="mdl-navigation">
-    {% for page in site.pages %}
-      {% if page.title %}
-      <a class="mdl-navigation__link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
-      {% endif %}
-    {% endfor %}
-    </nav>
+    {% include navigation.html %}
 
   </div>
-

_includes/header_fixed.html

@@ -1,6 +1,6 @@
 <header class="mdl-layout__header">
   <div class="mdl-layout__header-row">
-    
+
     <div class="mdl-layout-spacer"></div>
 
     <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
@@ -9,7 +9,7 @@
              for="js-search__input">
         <i class="material-icons">search</i>
       </label>
-      
+
       <div class="mdl-textfield__expandable-holder">
         <input class="mdl-textfield__input" type="text" name="sample"
                id="js-search__input" />
@@ -30,11 +30,5 @@
 </header>
 <div class="mdl-layout__drawer">
   <span class="mdl-layout-title"><a href="{{ site.url }}">{{ site.title }}</a></span>
-  <nav class="mdl-navigation">
-    {% for page in site.pages %}
-      {% if page.title %}
-    <a class="mdl-navigation__link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
-      {% endif %}
-    {% endfor %}
-  </nav>
+  {% include navigation.html %}
 </div>

_includes/navigation.html

@@ -0,0 +1,14 @@
+<nav class="mdl-navigation">
+  {% for page in site.pages %}
+    {% if page.title %}
+  <a class="mdl-navigation__link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
+    {% endif %}
+  {% endfor %}
+
+  {% for page in site.patterns %}
+    {% if page.title %}
+  <a class="mdl-navigation__link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
+    {% endif %}
+  {% endfor %}
+
+</nav>