Load More Threads button in thread list.

redesign/index.html

@@ -96,7 +96,7 @@
             <td class="views-text">14</td>
             <td class="text-success">44m</td>
           </tr>
-          <tr class="last-visit">
+          <tr class="no-border">
             <td>I need help <span class="label label-custom">2</span></td>
             <td><div class="triangle" style="border-bottom: 0.6rem solid #fc7c14;"></div> help</td>
             <td>
@@ -120,7 +120,7 @@
               </span>
             </td>
           </tr>
-          <tr>
+          <tr class="no-border">
             <td>Nim v1.0 is here!</td>
             <td><div class="triangle" style="border-bottom: 0.6rem solid #1f93f3;"></div> announcement</td>
             <td>
@@ -135,6 +135,13 @@
             <td class="super-popular-text">24.2k</td>
             <td class="text-gray">4d</td>
           </tr>
+          <tr class="load-more-separator">
+            <td colspan="6">
+              <span>
+                load more threads
+              </span>
+            </td>
+          </tr>
         </tbody>
       </table>
     </section>

redesign/nimforum.scss

@@ -136,13 +136,14 @@ $views-color: #545d70;
   }
 }
 
-.last-visit {
+.no-border {
   td {
     border: none;
   }
 }
 
 .triangle {
+  // TODO: Abstract this into a "category" class.
   width: 0;
   height: 0;
   border-left: 0.3rem solid transparent;
@@ -151,6 +152,24 @@ $views-color: #545d70;
   display: inline-block;
 }
 
+.load-more-separator {
+  text-align: center;
+  color: darken($label-color, 35%);
+  // $border-color: desaturate(darken($label-color, 10%), 80%);
+  // border-top: 1px solid $border-color;
+  // border-bottom: 1px solid $border-color;
+  background-color: lighten($label-color, 15%);
+  text-transform: uppercase;
+  font-weight: bold;
+  font-size: 80%;
+  cursor: pointer;
+
+  td {
+    border: none;
+    padding: $control-padding-x $control-padding-y/2;
+  }
+}
+
 // - Thread view
 .title {
   margin-top: $control-padding-y*2;

redesign/thread.html

@@ -205,7 +205,7 @@
               Replying to "Lexers and parsers in nim"
             </div>
             <div class="information-content">
-              
+
             </div>
           </div>
         </div>