css

scripts/tags/timeline.js

@@ -36,18 +36,11 @@ function layoutNodeContent(content) {
 
 
 function postTimeline(args, content) {
-  args = hexo.args.map(args, ['api', 'sort', 'reversed']);
+  args = hexo.args.map(args, ['api']);
   var el = '';
 
   if (args.api && args.api.length > 0) {
-    el += '<div class="tag-plugin timeline stellar-timeline-api" api="' + args.api + '"';
-    if (args.sort) {
-      el += ' sort="' + args.sort + '"';
-    }
-    if (args.reversed) {
-      el += ' reversed="' + args.reversed + '"';
-    }
-    el += '>';
+    el += '<div class="tag-plugin timeline stellar-timeline-api" api="' + args.api + '">';
   } else {
     el += '<div class="tag-plugin timeline">';
   }

source/css/_layout/md.styl

@@ -32,7 +32,7 @@ article.md.content
       border-bottom-style: dashed
       border-bottom-color: $color-highlight
   >:first-child
-    margin-top: 1rem
+    margin-top: 0
   h1:not(:first-child)
     margin-top: 2em
   h2:first-child

source/css/_layout/tag-plugins/about.styl

@@ -1,6 +1,3 @@
-article.md.content>.tag-plugin.about:first-child
-  margin-top: 0
-
 .tag-plugin.about
   background: var(--block)
   border-radius: $border-card
@@ -32,17 +29,15 @@ article.md.content>.tag-plugin.about:first-child
     .tag-plugin.navbar:last-child
       nav.cap
         margin-top: 1rem
+        background: var(--card)
+        border: 1px solid var(--block-border)
         a
-          margin: 0
           color: $color-link
-          background: var(--block-hover)
-          &.active
-            background: none
           &:hover
-            color: $color-hover
-            background: var(--block-border)
-        a+a
-          margin-left: .5rem
+            background: var(--block)
+          &.active 
+            background: var(--block)
+            box-shadow: none
   .about-header+.about-body
     margin-top: 1.5rem
 

source/js/plugins/timeline.js

@@ -58,10 +58,6 @@ const StellarTimeline = {
     StellarTimeline.requestAPI(cfg.api, function(data) {
       $(el).find('.loading-wrap').remove();
       const arr = data.content || data;
-      const reversed = el.getAttribute('reversed');
-      if (reversed == '' || reversed == true) {
-        arr.reverse();
-      }
       arr.forEach((item, i) => {
         if (item.labels.length > 0) {
           var cell = '<div class="timenode" index="' + i + '">';