Add Codersrank activity

_layouts/home.html

@@ -3,6 +3,7 @@ layout: default
 home: true
 ---
 
+{% include anchor_headings.html html=content anchorClass="anchor-head" beforeHeading=true h_min=1 h_max=4 %}
 {%- if site.length > 0 -%}
 <h3 class="posts-item-note" aria-label="Recent Posts">Recent Posts</h3>
 {%- endif -%}

_sass/klise/_miscellaneous.scss

@@ -39,3 +39,22 @@
     position: absolute;
   }
 }
+
+// Codersrank
+codersrank-activity {
+  --bg-color-0: #f5f5f5;
+  --bg-color-1: #{lighten(#660000, 60%)};
+  --bg-color-2: #{lighten(#660000, 40%)};
+  --bg-color-3: #{lighten(#660000, 20%)};
+  --bg-color-4: #{lighten(#660000, 00%)};
+}
+
+body[data-theme="dark"] {
+  codersrank-activity {
+    --bg-color-4: #{lighten(#660000, 60%)};
+    --bg-color-3: #{lighten(#660000, 40%)};
+    --bg-color-2: #{lighten(#660000, 20%)};
+    --bg-color-1: #{lighten(#660000, 00%)};
+    --bg-color-0: #{ darken(#660000, 20%)};
+  }
+}

index.md

@@ -1,3 +1,6 @@
 ---
 layout: home
----
+---
+
+<codersrank-activity username="Siphalor" legend="false" labels branding="false" tooltip step="5" ></codersrank-activity>
+<script src="https://unpkg.com/@codersrank/activity/codersrank-activity.min.js"></script>