Support for read more

onevcat · Jan 2, 2016 · 74c38f1 · 74c38f1
1 parent 3b72acb
commit 74c38f1
Show file tree

Hide file tree

Showing 5 changed files with 69 additions and 2 deletions.
diff --git a/assets/css/vno.css b/assets/css/vno.css
@@ -698,6 +698,25 @@ input[type="tel"] {
   input[type="tel"]:-ms-input-placeholder {
     color: #CCCCCC; }
 
+.read-more {
+  margin-bottom: 1em; }
+
+.read-more-item {
+  display: inline;
+  width: 48%;
+  margin-top: 20pt;
+  margin-bottom: 20pt; }
+
+.read-more-item-dim {
+  color: #7b0f19;
+  font-size: .8em; }
+
+.read-more-item.read-more-item-left {
+  float: left; }
+
+.read-more-item.read-more-item-right {
+  float: right; }
+
 @media all and (max-width: 1100px) {
   .panel-cover__logo {
     width: 70px; }

diff --git a/assets/scss/components/_read-more.scss b/assets/scss/components/_read-more.scss
@@ -0,0 +1,27 @@
+// ------------------------------
+// READ MORE
+// ------------------------------
+
+.read-more {
+  margin-bottom: 1em;
+}
+
+.read-more-item {
+  display: inline;
+  width: 48%;
+  margin-top: 20pt;
+  margin-bottom: 20pt;
+}
+
+.read-more-item-dim {
+  color: $hover-color;
+  font-size: .8em;
+}
+
+.read-more-item.read-more-item-left {
+  float: left;
+}
+
+.read-more-item.read-more-item-right {
+  float: right;
+}
diff --git a/assets/scss/vno.scss b/assets/scss/vno.scss
@@ -31,6 +31,7 @@
 @import 'components/icons.scss';
 @import 'components/post-list.scss';
 @import 'components/forms.scss';
+@import 'components/read-more.scss';
 
 // ------------------------------
 // MEDIA QUERIES

diff --git a/partials/read-more.hbs b/partials/read-more.hbs
@@ -0,0 +1,19 @@
+<div class="read-more">
+   {{#next_post}}
+   <div class="read-more-item read-more-item-left">
+       <span class="read-more-item-dim">最近的文章</span>
+       <h2 class="post-list__post-title post-title"><a href="{{url}}" title="link to {{{title}}}">{{{title}}}</a></h2>
+       <p class="excerpt">{{excerpt characters="100"}}&hellip;</p>
+       <div class="post-list__meta"><time datetime="{{date format="DD MMM YYYY"}}" class="post-list__meta--date date">{{date format="DD MMM YYYY"}}</time> &#8226; <span class="post-list__meta--tags tags">{{tags prefix="于 "}}</span><a class="btn-border-small" href={{url}}>继续阅读</a></div>
+   </div>
+   {{/next_post}}
+
+   {{#prev_post}}
+   <div class="read-more-item read-more-item-right">
+       <span class="read-more-item-dim">更早的文章</span>
+       <h2 class="post-list__post-title post-title"><a href="{{url}}" title="link to {{{title}}}">{{{title}}}</a></h2>
+       <p class="excerpt">{{excerpt characters="100"}}&hellip;</p>
+       <div class="post-list__meta"><time datetime="{{date format="DD MMM YYYY"}}" class="post-list__meta--date date">{{date format="DD MMM YYYY"}}</time> &#8226; <span class="post-list__meta--tags tags">{{tags prefix="于 "}}</span><a class="btn-border-small" href={{url}}>继续阅读</a></div>
+   </div>
+   {{/prev_post}}
+</div>
diff --git a/post.hbs b/post.hbs
@@ -17,7 +17,8 @@
     </section>
 
   </article>
-
+
+  {{> read-more}}
   {{!-- {{> comments}} --}}
 
-{{/post}}
+{{/post}}