<%- excerpt(post) %>
+ <% if (index && post.excerpt) { %> +<%- post.excerpt %>
diff --git a/layout/common/summary.ejs b/layout/common/summary.ejs deleted file mode 100644 index be38b83..0000000 --- a/layout/common/summary.ejs +++ /dev/null @@ -1,23 +0,0 @@ -
- <%- partial('thumbnail.ejs', { post: post }) %>
-
- <% } %>
-
-
- <%- partial('post/title', { class_name: 'archive-article-title' }) %>
-
-
-
-
-
- <%- excerpt(post) %>
- -
+
+<% if (page.total > 1) { %>
+
+<% } %>
\ No newline at end of file
diff --git a/layout/index.ejs b/layout/index.ejs
index b054932..6ac5828 100644
--- a/layout/index.ejs
+++ b/layout/index.ejs
@@ -1 +1,11 @@
-<%- partial('common/archive', {type: '', index: true}) %>
\ No newline at end of file
+<% page.posts.each(function(post) { %>
+ <%- partial('common/article', { post: post, index: true }) %>
+<% });
+if (page.total > 1) { %>
+
+<% } %>
\ No newline at end of file
diff --git a/layout/tag.ejs b/layout/tag.ejs
index 35cb35a..66071c9 100644
--- a/layout/tag.ejs
+++ b/layout/tag.ejs
@@ -1 +1 @@
-<%- partial('common/archive', {type: 'tag', index: true}) %>
\ No newline at end of file
+<%- partial('common/timeline', { type: 'tag' }) %>
\ No newline at end of file
diff --git a/source/css/_partial/timeline.styl b/source/css/_partial/timeline.styl
new file mode 100644
index 0000000..4519b2f
--- /dev/null
+++ b/source/css/_partial/timeline.styl
@@ -0,0 +1,60 @@
+.timeline-wrap
+ border-left: 4px solid #e7e7e7
+ margin: 40px 20px 40px 40px
+
+.timeline-row
+ clearfix()
+ margin: 20px 0
+ .node,
+ .title
+ float: left
+ .node
+ width: 12px
+ color: white
+ height: 12px
+ border-radius: 50%
+ margin: 11px 0 0 -8px
+ display: inline-block
+ background-color: #38b7ea
+ .content
+ margin-left: 25px
+ position: relative
+ background-color: white
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05)
+ &:after,
+ &:before
+ content: ''
+ position: absolute
+ display: inline-block
+ &:after
+ top: 10px
+ left: -14px
+ border: 7px solid transparent
+ border-right-color: white
+ &:before
+ top: 9px
+ left: -16px
+ border: 8px solid transparent
+ border-right-color: rgba(0, 0, 0, 0.05)
+ h1,
+ .article-meta
+ padding: 10px
+ h1
+ font-size: 16px
+ a
+ @extend $link-dark
+ .article-meta
+ border-top: 1px solid #f7f7f7
+ background-color: rgba(244, 246, 247, 0.2)
+
+.timeline-row-major
+ .node
+ width: 14px
+ height: 14px
+ font-size: 14px
+ margin: 0 0 0 -17px
+ padding: 6px 8px 10px
+ .title
+ font-size: 18px
+ margin-left: 15px
+ line-height: 30px
diff --git a/source/css/style.styl b/source/css/style.styl
index 0d56be4..1e72f16 100644
--- a/source/css/style.styl
+++ b/source/css/style.styl
@@ -80,6 +80,7 @@ code
@import "_partial/article"
@import "_partial/comment"
@import "_partial/archive"
+@import "_partial/timeline"
@import "_partial/footer"
@import "_partial/sidebar"
@import "_highlight/index"
+
+
+ <% page.posts.each(function (post, i) { %>
+ <%= title %>
+
+
+
+ <% }); %>
+
+ <%- partial('post/title', { post: post, index: true, class_name: 'timeline-article-title' }) %>
+
+
+