pdevty · 123hurray · Sep 2, 2015 · Sep 14, 2015 · Sep 14, 2015 · Sep 15, 2015
diff --git a/README.md b/README.md
@@ -49,11 +49,25 @@ copyright = "© 2015 Copyright Text"
   photo = "images/photo.png" # optional
   profile = "images/profile.png" # optional
   cover = "images/cover.png" # optional
-  twitter = "Your Twitter Name" # optional
-  github = "Your Github Name" # optional
-  facebook = "Your facebook Name" # optional
-  gplus = "Your Google+ Name" # optional
-  linkedin = "Your linkedin Name" # optional
+  [[params.logos]]
+    site = "weibo" # optional
+	username = "Your Weibo name"
+  [[params.logos]]
+    site = "twitter" # optional
+	username = "Your Twitter name"
+  [[params.logos]]
+    site = "facebook" # optional
+	username = "Your facebook name"
+  [[params.logos]]
+    site = "github" # optional
+	username = "Your Github name"
+  [[params.logos]]
+    site = "gplus" # optional
+	username = "Your Google+ name"
+  [[params.logos]]
+    site = "linkedin" # optional
+	username = "Your linkedin name"
+
   googleAnalyticsUserID = "Your Analytics User Id" # optional
 
 [permalinks]

diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -1,36 +1,30 @@
 {{ partial "header.html" . }}
 
 {{ $baseurl := .Site.BaseURL }}
+<paper-item>
 <div class="content">
 
   <div class="article">
-    <div class="title">{{ .Title }}</div>
+    <div class="title"><div class="main single">{{ .Title }}
     {{if .Params.categories }}
-      <div class="categories">
-        {{ range $index, $category := .Params.categories }}
-          <a href="{{$baseurl}}/categories/{{ $category | urlize }}/">{{ $category }}</a>
-        {{ end }}
-      </div>
+      {{partial "category.html" .}}
     {{end}} 
-    <div class="description">{{ .Content }}</div>
-    <div class="tags">
-      {{ .Date.Format "2 Jan 2006" }}
-      {{if .Params.tags }}
-        {{ range $index, $tag := .Params.tags }}
-          <a href="{{$baseurl}}/tags/{{ $tag | urlize }}/">#{{ $tag }}</a>
-        {{ end }}
-      {{end}} 
-    </div>
-    {{ with .Site.DisqusShortname }}
-      {{ partial "disqus.html" . }}
-    {{ end }}
+	</div></div>
+	<hr style="clear:both;">
+    <div class="markdown-body">{{ .Content }}</div>
+
+	<hr style="clear:both;">
+	{{partial "tag.html" .}}
+	{{ if .Site.DisqusShortname }}
+		<div id="disqus_thread"></div>
+	{{end}}
   </div>
 
 </div>
-
+</paper-item>
 <paper-item>
   {{if .Prev}}
-    <a href="{{.Prev.Permalink}}"><paper-fab icon="chevron-left"><a></a></paper-fab></a>
+    <a href="{{.Prev.Permalink}}"><paper-fab icon="chevron-left"></paper-fab></a>
   {{else}}
     <paper-fab disabled icon="chevron-left"></paper-fab>
   {{end}}
@@ -43,3 +37,7 @@
 </paper-item>
 
 {{ partial "footer.html" . }}
+
+{{ if .Site.DisqusShortname }}
+  {{ partial "disqus.html" . }}
+{{ end }}
diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html
@@ -2,11 +2,47 @@
 {{ partial "header.html" . }}
 
 {{ $data := .Data }}
+<link rel="import" href="{{$baseurl}}/bower_components/paper-header-panel/paper-header-panel.html">
+<style is="custom-style">
 
+      paper-header-panel {
+        width: 100%;
+        @apply(--shadow-elevation-2dp);
+      }
+      .paper-header {
+        height: 60px;
+        font-size: 16px;
+        line-height: 60px;
+        padding: 0 10px;
+        color: white;
+        transition: height 0.2s;
+      }
+	  .green .paper-header {
+        background-color: var(--paper-green-500);
+      }
+.paper-header.tall {
+	font-size: 30px
+}
+.cover {
+	margin: 60px;
+}
+</style>
+<paper-header-panel mode="cover" class="green">
+<div class="paper-header tall">
+{{ if eq $data.Plural "tags"}}
+{{.Site.Params.transTag}}
+{{else}}
+{{.Site.Params.transCategory}}
+{{end}}
+</div>
+<div class="content cover" style="min-height:300px">
+{{if .Data.Terms}}
 <paper-menu>
   {{ range $key, $value := .Data.Terms }}
     <a href="{{$baseurl}}/{{ $data.Plural }}/{{ $key | urlize }}"><paper-item>{{ if eq $data.Plural "tags"}}<iron-icon icon="loyalty"></iron-icon>{{else}}<iron-icon icon="drafts"></iron-icon>{{end}}　<div class="flex">{{ $key }}</div> {{ len $value }}</paper-item></a>
   {{ end }}
 </paper-menu>
-
+{{end}}
+</div>
+</paper-header-panel>
 {{ partial "footer.html" . }}
diff --git a/layouts/partials/category.html b/layouts/partials/category.html
@@ -0,0 +1,9 @@
+{{ $baseurl := .Site.BaseURL }}
+{{if .Params.categories }}
+<div class="categories">
+	<span>{{.Site.Params.transCategory}}: </span>
+	{{ range $index, $category := .Params.categories }}
+	  <a href="{{$baseurl}}/categories/{{ $category | urlize }}/"><paper-button class="green ripple"><iron-icon icon="loyalty"></iron-icon>{{ $category }}</paper-button></a>
+	{{ end }}
+</div>
+{{end}} 
diff --git a/layouts/partials/content.html b/layouts/partials/content.html
@@ -1,8 +1,23 @@
 {{ $baseurl := .Site.BaseURL }}
-<div class="content">
+<paper-item>
+<div class="content" id="articles">
 
 {{range $index, $page := .Paginator.Pages}}
-  <div class="article">
+
+  <paper-card>
+
+	  <div class="card-content">
+		  <div class="title">
+			<a href="{{ .Permalink }}" ><div class="main">{{ .Title }}</div></a>
+			{{partial "category.html" .}}
+		  </div>
+	  </div>
+
+	  <div class="card-actions">
+		{{partial "tag.html" .}}
+	  </div>
+  </paper-card>
+ <!--  <div class="article">
     <div class="title"><a href="{{ .Permalink }}">{{ .Title }}</a></div>
     {{if .Params.categories }}
       <div class="categories">
@@ -20,7 +35,8 @@
         {{ end }}
       {{end}} 
     </div>
-  </div>
+  </div> -->
 {{ end }}
 
 </div>
+</paper-item>
diff --git a/layouts/partials/disqus.html b/layouts/partials/disqus.html
@@ -1,13 +1,4 @@
-<div id="disqus_thread"></div>
-<script type="text/javascript">
-    /* * * CONFIGURATION VARIABLES * * */
-    var disqus_shortname = '{{ . }}';
-
-    /* * * DON'T EDIT BELOW THIS LINE * * */
-    (function() {
-        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
-        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
-        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
-    })();
+{{ $baseurl := .Site.BaseURL }}
+<script type="text/javascript" src="{{$baseurl}}/js/disqus.js">
 </script>
 <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -1,12 +1,18 @@
+{{ $baseurl := .Site.BaseURL }}
       <paper-item>
         <div class="copyright">{{.Site.Copyright}}</div>
         <div class="flex"></div>
         <div class="design">Design <a href="http://pdevty.github.io/blog/">pdevty</a></div>
       </paper-item>
     </paper-scroll-header-panel>
   </paper-drawer-panel>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/highlight.min.js"></script>
-  <script>hljs.initHighlightingOnLoad();</script>
+  <script src="{{$baseurl}}/js/highlight.pack.js"></script>
+  <script>
+  hljs.configure({
+  tabReplace: '    ', // 4 spaces
+})
+  hljs.initHighlightingOnLoad();
+  </script>
   {{with  .Site.Params.googleAnalyticsUserID }}
   <script>
     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){