5 files changed, 107 insertions, 10 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index 04f737d..2455103 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1986,6 +1986,7 @@ html.theme-light .prose-invert .cta-block a {
 }
 
 .contrib-summary {
+  text-align: center;
   font-size: 0.65rem;
   color: var(--text-dim);
   margin-top: 6px;
diff --git a/assets/css/main.min.css b/assets/css/main.min.css
index cd48499..056f17d 100644
--- a/assets/css/main.min.css
+++ b/assets/css/main.min.css
@@ -2120,6 +2120,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   opacity: 1;
 }
 
+.contrib-tooltip.menu-overlay.active {
+  display: block;
+}
+
 /* Breadcrumb navigation */
 
 .breadcrumb {
@@ -2491,6 +2495,10 @@ article.border.border-border\/30.rounded-lg.overflow-hidden.group.menu-overlay {
   display: inline-flex;
 }
 
+.\!grid {
+  display: grid !important;
+}
+
 .grid {
   display: grid;
 }
@@ -3854,6 +3862,10 @@ select:focus-visible {
   opacity: 1;
 }
 
+.contrib-tooltip.modal-backdrop.active {
+  display: block;
+}
+
 /* Modal container */
 
 .modal {
@@ -3875,12 +3887,26 @@ select:focus-visible {
 .modal.active {
   visibility: visible;
   opacity: 1;
+}
+
+.contrib-tooltip.modal.active {
+  display: block;
+}
+
+.modal.active {
   pointer-events: auto;
 }
 
 .modal.active .modal-backdrop {
   visibility: visible;
   opacity: 1;
+}
+
+.contrib-tooltip.modal.active .modal-backdrop {
+  display: block;
+}
+
+.modal.active .modal-backdrop {
   pointer-events: auto;
 }
 
@@ -4318,6 +4344,10 @@ article.toast.border-border\/30.rounded-lg.overflow-hidden.group.bg-bg {
   opacity: 1;
 }
 
+.contrib-tooltip.tooltip:hover .tooltip-text {
+  display: block;
+}
+
 .tooltip-text::after {
   content: '';
   position: absolute;
@@ -4631,6 +4661,78 @@ html.theme-light .prose-invert .cta-block a {
   margin: 0;
 }
 
+/* ============================================================
+   Contribution Graph Widget
+   ============================================================ */
+
+.contrib-graph-wrap {
+  overflow-x: auto;
+}
+
+.contrib-month-row {
+  display: grid;
+  grid-auto-flow: column;
+  gap: var(--contrib-gap, 2px);
+  margin-bottom: 2px;
+  width: -moz-fit-content;
+  width: fit-content;
+  min-width: 100%;
+}
+
+.contrib-month-label {
+  font-size: 0.55rem;
+  color: var(--text-dim);
+  font-family: monospace;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+.contrib-grid {
+  display: grid;
+  grid-template-rows: repeat(7, var(--contrib-cell-size, 8px));
+  grid-auto-flow: column;
+  gap: var(--contrib-gap, 2px);
+  width: -moz-fit-content;
+  width: fit-content;
+}
+
+.contrib-cell {
+  width: var(--contrib-cell-size, 8px);
+  height: var(--contrib-cell-size, 8px);
+  border-radius: 1px;
+  background: var(--border);
+  cursor: default;
+}
+
+.contrib-tooltip {
+  position: fixed;
+  background: var(--bg2);
+  border: 1px solid var(--border);
+  border-radius: 4px;
+  padding: 5px 8px;
+  font-size: 0.65rem;
+  line-height: 1.5;
+  color: var(--text);
+  font-family: monospace;
+  pointer-events: none;
+  z-index: 50;
+  white-space: nowrap;
+  display: none;
+}
+
+.contrib-tooltip.visible {
+  display: block;
+}
+
+.contrib-summary {
+  text-align: center;
+  font-size: 0.65rem;
+  color: var(--text-dim);
+  margin-top: 6px;
+  font-family: monospace;
+  display: block;
+}
+
 .hover\:bg-surface:hover {
   background-color: var(--surface);
 }
diff --git a/layouts/partials/contribution-graph.html b/layouts/partials/contribution-graph.html
index 41cbc90..bc72454 100644
--- a/layouts/partials/contribution-graph.html
+++ b/layouts/partials/contribution-graph.html
@@ -4,8 +4,7 @@
 {{- $label := i18n "contrib_widget_label" -}}
 {{- $heading := i18n "contrib_heading" -}}
 
-<div class="sidebar-widget contrib-widget">
-  <p class="sidebar-widget-label"># {{ $heading }}</p>
+<div class="contrib-widget">
   <div
     id="contrib-graph-{{ $cellSize }}"
     class="contrib-container"
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 4287d19..351f1df 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -68,11 +68,11 @@
             <dd class="text-text font-mono text-xs">{{ i18n "footer_about_focus_value" }}</dd>
           </div>
         </dl>
-        <div class="mt-4">
-          {{- partial "contribution-graph.html" (dict "cellSize" 6 "page" .) -}}
-        </div>
       </div>
     </div>
+    <div class="border-t border-border pt-8 mb-8 flex flex-col items-center">
+      {{- partial "contribution-graph.html" (dict "cellSize" 12 "page" .) -}}
+    </div>
 
     <!-- Copyright Bar -->
     <div class="pt-8 border-t border-border text-center text-xs text-text-dim space-y-1">
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 1c3f020..2047c12 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -62,11 +62,6 @@
     </ul>
   </div>
 
-  {{- if and (eq .Section "is") (eq .Kind "section") }}
-  <hr class="sidebar-hr">
-  {{- partial "contribution-graph.html" (dict "cellSize" 8 "page" .) -}}
-  {{- end }}
-
   <hr class="sidebar-hr">
 
   <!-- Social sharing widget -->