Add hashnode support for posts plugin and additional options (#165)

source/templates/classic/style.css

@@ -287,20 +287,43 @@
     display: flex;
     margin-bottom: 4px;
   }
-  .post .infos .title {
-    font-size: 14px;
-    width: 380px;
-    white-space: normal;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    max-height: 40px;;
-  }
-  .post .infos .date {
+  .post .infos .left {
     flex-shrink: 0;
     font-size: 12px;
     color: #666666;
-    width: 60px;
+    width: 72px;
     padding-top: 1px;
+    text-align: center;
+  }
+  .post .infos .cover {
+    width: 100%;
+    height: 56px;
+    background-position: center;
+    background-size: cover;
+    border-radius: 6px;
+    overflow: hidden;
+  }
+  .post .infos .right {
+    width: 376px;
+    padding-left: 4px;
+  }
+  .post .infos .title, .post .infos .description {
+    font-size: 14px;
+    white-space: normal;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-height: 38px;
+    /* May not work in all browsers */
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+  }
+  .post .infos .description {
+    margin-top: 3px;
+    font-size: 12px;
+    max-height: 48px;
+    color: #666666;
+    -webkit-line-clamp: 3;
   }
 
 /* Topics */