Feat: integrate tag_cloud

theme/static/stylesheet/style.less

@@ -87,7 +87,7 @@ aside {
     color: @sidebar-link-hover-color;
   }
 
-  div {
+  .title {
     text-align: center;
     margin-bottom: 50px;
     margin-top: 50px;
@@ -110,59 +110,95 @@ aside {
   }
 
   nav {
-    ul {
-        padding-inline-start: 0px;
-        display: block;
-    }
-    ul.toctree {
-        li {
-            a {
-                background-color: @navbar-bg;
-                color: @navbar-text-color;
-                border: none;
-            }
-        }
-        li.toctree-l1 {
-            li.current{
-                background-color: @navbar-toctree-l2-sel-bg;
-                color: @navbar-toctree-l2-sel-txt;
-                padding: 10px;
-            }
-        }
-        li.current{
-            a {
-                background-color: @navbar-toctree-l1-sel-bg;
-                border-bottom: solid 1px @light-grey;
-                border-left: solid 2px @grey;
-                color: @navbar-toctree-l1-sel-txt;
-            }
-            a:hover {
-                color: @orange;
-            }
-        }
-        li.toctree-l2 {
-            a {
-                border: none;
-                background-color: @navbar-toctree-l2-bg;
-                color: @navbar-toctree-l2-txt;
-            }
-        }
-        a {
-            padding: 10px;
-        }
-        a:hover {
-            color: @orange;
-        }
-    }
-    ul.list {
-        li {
-            display: inline;
-            line-height: 1.6em;
-            font-size: 1.28em;
-            text-transform: lowercase;
-        }
-    }
-}
+      ul {
+          padding-inline-start: 0px;
+          display: block;
+      }
+      ul.toctree {
+          li {
+              a {
+                  background-color: @navbar-bg;
+                  color: @navbar-text-color;
+                  border: none;
+              }
+          }
+          li.toctree-l1 {
+              li.current{
+                  background-color: @navbar-toctree-l2-sel-bg;
+                  color: @navbar-toctree-l2-sel-txt;
+                  padding: 10px;
+              }
+          }
+          li.current{
+              a {
+                  background-color: @navbar-toctree-l1-sel-bg;
+                  border-bottom: solid 1px @light-grey;
+                  border-left: solid 2px @grey;
+                  color: @navbar-toctree-l1-sel-txt;
+              }
+              a:hover {
+                  color: @orange;
+              }
+          }
+          li.toctree-l2 {
+              a {
+                  border: none;
+                  background-color: @navbar-toctree-l2-bg;
+                  color: @navbar-toctree-l2-txt;
+              }
+          }
+          a {
+              padding: 10px;
+          }
+          a:hover {
+              color: @orange;
+          }
+      }
+      ul.list {
+          li {
+              display: inline;
+              line-height: 1.6em;
+              font-size: 1.28em;
+              text-transform: lowercase;
+          }
+      }
+  }
+
+  .tagcloud {
+      h2 {
+          background-color: @sidebar-bg;
+          margin-bottom: 0;
+      }
+
+      ul {
+          list-style: none;
+          padding: 0;
+      }
+
+      ul li {
+          display: inline-block;
+      }
+
+      li.tag-0 {
+          font-size: 170%;
+      }
+
+      li.tag-1 {
+          font-size: 150%;
+      }
+
+      li.tag-2 {
+          font-size: 120%;
+      }
+
+      li.tag-3 {
+          font-size: 100%;
+      }
+
+      li.tag-4 {
+          font-size: 80%;
+      }
+  }
 }
 
 main {