fix: Adjust the tab layout and fix some bugs

templates/default/assets/css/global.css

@@ -16,12 +16,12 @@
     font-style: normal;
 }
 
-@font-face {
-    font-family: 'meslo-lg-s-regular-for-powerline';
-    src: url('../../assets/css/webfonts/meslo-lg-s-regular-for-powerline.ttf') format('opentype');
-    font-weight: normal;
-    font-style: normal;
-}
+/*@font-face {*/
+/*    font-family: 'meslo-lg-s-regular-for-powerline';*/
+/*    src: url('../../assets/css/webfonts/meslo-lg-s-regular-for-powerline.ttf') format('opentype');*/
+/*    font-weight: normal;*/
+/*    font-style: normal;*/
+/*}*/
 
 html, body {
     width: 100%;
@@ -29,7 +29,7 @@ html, body {
     margin: 0;
     padding: 0;
 
-    font-family: meslo-lg-s-regular-for-powerline, serif;
+    /*font-family: meslo-lg-s-regular-for-powerline, serif;*/
     background-color: var(--background-color);
 }
 

templates/default/assets/css/tag.css

@@ -39,10 +39,13 @@
 .tag-word-cloud-canvas {
     width: 100%;
     height: 100%;
-    opacity: 0.3;
+    opacity: 0.4;
+    mask-image: radial-gradient(at 100% 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
+    -webkit-mask-image: radial-gradient(at 100% 0%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
 }
 
 .tag-word-cloud-canvas * {
+    cursor: pointer;
     user-select: none;
 }
 

templates/default/assets/js/tag.js

@@ -1,11 +1,13 @@
 const tagWordCloudCanvas = document.getElementById('tag-word-cloud-canvas');
 
+let wordList = JSON.parse(tagList);
+
 const options = {
-    list: JSON.parse(tagList),
+    list: wordList,
     weightFactor: 20,
     backgroundColor: 'transparent',
     click: (item) => {
-        console.log(item[0], item[1]);
+        window.location.href = "/tag/" + item[2];
     }
 };
 

templates/default/html/category.html

@@ -45,7 +45,7 @@
     <div class="container p-3">
         <div class="row pt-lg-3">
             <h4 class="categorized-post-title"># {{ .categorized_post.title }}</h4>
-            <div class="col-12 col-lg-9">
+            <div class="col-12">
                 <div>
                     {{ range $i, $v := .categorized_post.posts }}
                     <div class="row categorized-post-item">