Refactor sidebar logic + Add Table of Contents in reading page (#33)

* Refactor sidebar logic + fix responsiveness

* Add TOC

* Add Pagination

* Update exampleSite

* Update README.md

layouts/partials/misc/achievement.html

@@ -1,11 +0,0 @@
-<div
-  class="achievement-entry text-center"
-  style="background-image: url({{ .image }});"
->
-  <i class="fas fa-search-plus" id="enlarge-icon"></i>
-  <h4 class="title" id="achievement-title">{{ .title }}</h4>
-  <div class="caption hidden col-lg-6 text-left" id="caption">
-    <h4>{{ .title }}</h4>
-    <p>{{ .summary | markdownify }}</p>
-  </div>
-</div>

layouts/partials/misc/soft-skills.html

@@ -0,0 +1,25 @@
+<div class="col-6 col-lg-4 p-2">
+  {{ $predefinedColor:= true}}
+  {{ if hasPrefix .color "#"}}
+    {{ $predefinedColor = false }}
+  {{ end }}
+  <div class="circular-progress {{if $predefinedColor}}{{ .color }}{{end}}">
+    <span class="circular-progress-left">
+      <span
+        class="circular-progress-bar circular-progress-percentage-{{ .percentage }}"
+        {{ if not $predefinedColor }}
+          style="border-color: {{.color}};"
+        {{ end }}
+      ></span>
+    </span>
+    <span class="circular-progress-right">
+      <span
+      class="circular-progress-bar"
+      {{ if not $predefinedColor }}
+          style="border-color: {{.color}};"
+      {{ end }}
+      ></span>
+    </span>
+    <div class="circular-progress-value">{{ .name }}</div>
+  </div>
+</div>