0xlukem/footer redesign

material-overrides/assets/stylesheets/kluster.css

@@ -499,6 +499,12 @@ input.md-search__input[placeholder="Search"]::placeholder {
   [data-md-toggle="search"]:checked ~ .md-header .md-search__form {
     background-color: var(--search-input-bg-color);
   }
+
+  /* Keep compact utility controls visible when desktop search expands. */
+  [data-md-toggle="search"]:checked ~ .md-header .md-header__option {
+    max-width: 100%;
+    opacity: 1;
+  }
 }
 
 /* --- Footer --- */
@@ -593,26 +599,31 @@ html .md-footer-meta.md-typeset .papermoon a {
 }
 
 /* Mobile Footer styling */
-@media screen and (max-width: 1024px) and (min-width: 768px) {
+@media screen and (max-width: 1024px) and (min-width: 509px) {
   .md-sidebar__scrollwrap,
   .md-main {
-    padding-bottom: 5.5rem;
+    padding-bottom: 3rem;
   }
 
   .md-footer-meta__inner.md-grid {
-    grid-template-columns: 1fr;
-    justify-content: center;
-    row-gap: 0.2rem;
+    grid-template-columns: 1fr auto 1fr;
+    gap: 0.35rem;
   }
 
   .md-footer__buttons {
-    grid-column: 1 / -1;
-    justify-content: center;
-    padding: 0;
+    padding: 0 0.3rem 0 0.6rem;
+  }
+
+  .md-footer__center-column {
+    justify-self: center;
+  }
+
+  .md-copyright {
+    width: auto;
   }
 
   .md-footer__social {
-    justify-content: center;
+    justify-content: flex-end;
   }
 }
 
@@ -623,15 +634,14 @@ html .md-footer-meta.md-typeset .papermoon a {
   }
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (max-width: 508px) {
   .md-main__inner {
     padding-bottom: 7rem; /* footer stacks to 1 column, so taller */
   }
 
   .md-footer-meta__inner.md-grid {
     grid-template-columns: 1fr;
     justify-items: center;
-    padding: 0.5rem;
   }
 
   .md-footer__buttons {

material-overrides/partials/header.html

@@ -71,6 +71,14 @@
           </form>
         {% endif %}
       {% endif %}
+
+      <a
+        href="{{ '/code-reviews/video-library/' | url }}"
+        title="Video library"
+        class="md-header__button md-icon md-header__video-library"
+        aria-label="Video library">
+        {% include ".icons/material/movie-open-play-outline.svg" %}
+      </a>
     </div>
 
     {% if config.repo_url %}
@@ -79,4 +87,4 @@
       </div>
     {% endif %}
   </nav>
-</header>
+</header>

redirects.json

@@ -156,9 +156,17 @@
       "key": "/code-reviews/quickstart/manual-review/",
       "value": "/code-reviews/ide-reviews/human-written-code/on-demand-reviews/"
     },
+    {
+      "key": "/code-reviews/reference/mcp-tools/",
+      "value": "/code-reviews/reference/"
+    },
+    {
+      "key": "/code-reviews/reference/response-schema/",
+      "value": "/code-reviews/reference/"
+    },
     {
       "key": "/code-reviews/tools/",
-      "value": "/code-reviews/reference/mcp-tools/"
+      "value": "/code-reviews/reference/"
     },
     {
       "key": "/get-api-key/",
@@ -498,7 +506,7 @@
     },
     {
       "key": "/verify/tools/",
-      "value": "/code-reviews/reference/mcp-tools/"
+      "value": "/code-reviews/reference/"
     }
   ]
 }