From ebe24c6976ac541dbe39cd47a57bcb51fc734e20 Mon Sep 17 00:00:00 2001
From: Vijay Janapa Reddi <vj@eecs.harvard.edu>
Date: Sun, 3 Aug 2025 22:36:55 -0400
Subject: [PATCH] feat(branding): use full 'Machine Learning Systems' title
 with responsive sizing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Change from 'ML Systems' to full 'Machine Learning Systems' as default
- Use progressive sizing: smaller fonts on smaller screens but keep full title
- Better branding: descriptive name when space allows, not always abbreviated
- Responsive approach: 1rem desktop → 0.95rem tablet → 0.9rem mobile
- More professional and SEO-friendly than permanent abbreviation
---
 book/assets/styles/style.scss | 14 ++++++++++----
 book/config/_quarto-html.yml  |  2 +-
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/book/assets/styles/style.scss b/book/assets/styles/style.scss
index bea7266cc..bfbc0f20f 100644
--- a/book/assets/styles/style.scss
+++ b/book/assets/styles/style.scss
@@ -969,11 +969,17 @@ figcaption.quarto-float-caption-top {
   }
 }
 
-// Extra small screens (phones in portrait)
-@media (max-width: 576px) {
-  // Keep "ML Systems" even on very small screens - it's short enough
+// Responsive title sizing - "Machine Learning Systems" fits on most screens
+@media (max-width: 768px) {
   .navbar-brand {
-    font-size: 0.9rem !important; // Slightly smaller but still visible
+    font-size: 0.95rem !important;
+  }
+}
+
+// Extra small screens - optimize for space
+@media (max-width: 576px) {
+  .navbar-brand {
+    font-size: 0.9rem !important;
     font-weight: 500 !important;
     
     img {
diff --git a/book/config/_quarto-html.yml b/book/config/_quarto-html.yml
index 25c6a7cbd..5cb965c09 100644
--- a/book/config/_quarto-html.yml
+++ b/book/config/_quarto-html.yml
@@ -66,7 +66,7 @@ website:
     pinned: true
     collapse: true
     collapse-below: "md"
-    title: "ML Systems"
+    title: "Machine Learning Systems"
     right:
       - icon: code
         text: "Labs"