refactor: move contribution graph to footer full-width row, centered

Remove sidebar placement. Footer: full-width row, cellSize=12,
centered via flex + text-align. Removed sidebar-widget class from
partial. contrib-summary text-align: center added.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2 files changed, 103 insertions, 0 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);
 }