add support for heatmap

docs/2024.md

@@ -2,6 +2,9 @@
 
 record my journey in CS, gain from history, sometimes scandal.
 
+<div id="heatmap_cvs"></div>
+<script src='lib/render_heatmap.js'></script>
+
 ### 12.23
 
 #### docker限制日志文件大小

docs/lib/heat-map/heatMap.css

@@ -0,0 +1,46 @@
+/* Taken from https://github.com/ccccai/heat-map/blob/master/heatMap.css */
+
+.svg-tip {
+  display: none;
+  background: rgba(0, 0, 0, .8);
+  border-radius: 3px;
+  color:#959da5;
+  font-size: 12px;
+  padding: 10px;
+  position: absolute;
+  text-align: center;
+  z-index: 99999
+}
+
+.svg-tip strong {
+  color:#dfe2e5
+}
+
+.svg-tip:after {
+  border: 5px solid transparent;
+  border-top-color: rgba(0, 0, 0, .8);
+  bottom: -10px;
+  box-sizing: border-box;
+  content: " ";
+  height: 5px;
+  left: 50%;
+  margin: 0 0 0 -5px;
+  position: absolute;
+  width: 5px
+}
+
+.svg-tip-one-line {
+  white-space: nowrap
+}
+
+.svg-container .month{
+  fill:#767676;
+  font-size:14px;
+  text-align: center;
+}
+
+.svg-container .wday {
+  fill:#767676;
+  font-size: 12px;
+  text-align: center;
+}