fixed index.html for header image

changed index.html to use an overlay_image as opposed to an overlay_color. added an overlay_filter. updated main.scss to use .page__hero--overlay.

Author: mdcramer

assets/css/main.scss

@@ -18,24 +18,16 @@
 
 /* Custom header image override                                 */
 /* https://claude.ai/share/ea376385-c62a-4607-93a6-51cc03e81b1d */
-.page__hero {
-  background: url('/assets/images/cs229-notebook-header.jpg') center top/cover no-repeat !important;
-  min-height: 150px; /* Adjust as needed */
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.page__hero .page__title {
-  color: #1a1a1a !important; /* Dark text */
+.page__hero--overlay .page__title {
+  color: #1a1a1a !important;
   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;
   font-weight: 600 !important;
 }
 
-.page__hero .page__lead {
+.page__hero--overlay .page__lead {
   color: #2a2a2a !important;
   text-shadow: 1px 1px 2px rgba(255,255,255,0.7),
                -1px -1px 2px rgba(255,255,255,0.7),

index.html

@@ -3,5 +3,6 @@
 author_profile: true
 paginator: true
 header:
-  overlay_color: "#24292e"
----
+  overlay_image: /assets/images/cs229-notebook-header.jpg
+  overlay_filter: 0.3
+---