custom header image

following instructions on https://claude.ai/share/ea376385-c62a-4607-93a6-51cc03e81b1d, created a custom header image for the home page.

Author: mdcramer

assets/css/main.scss

@@ -14,4 +14,31 @@
     height: var(--length);
     width: var(--length) !important;
   }
-}
+}
+
+/* Custom header image override                                 */
+/* https://claude.ai/share/ea376385-c62a-4607-93a6-51cc03e81b1d */
+.masthead {
+  background: url('/assets/images/cs229-notebook-header.jpg') center top/cover no-repeat !important;
+  min-height: 60px; /* Matches typical masthead height */
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.masthead .site-title {
+  color: #1a1a1a !important; /* Dark text */
+  text-shadow: 1px 1px 3px rgba(255,255,255,0.8), 
+               -1px -1px 3px rgba(255,255,255,0.8),
+               1px -1px 3px rgba(255,255,255,0.8),
+               -1px 1px 3px rgba(255,255,255,0.8) !important; /* White shadow/outline for contrast */
+  font-weight: 600 !important;
+}
+
+.masthead .site-subtitle {
+  color: #2a2a2a !important;
+  text-shadow: 1px 1px 2px rgba(255,255,255,0.7),
+               -1px -1px 2px rgba(255,255,255,0.7),
+               1px -1px 2px rgba(255,255,255,0.7),
+               -1px 1px 2px rgba(255,255,255,0.7) !important;
+}