style(docs): drop hero name text and enlarge headline under logo

Author: kryptonianson

docs/.vitepress/theme/custom.css

@@ -27,9 +27,6 @@
   --vp-c-brand-2: #3a3a3a;
   --vp-c-brand-3: #111111;
   --vp-c-brand-soft: rgba(17, 17, 17, 0.08);
-
-  --vp-home-hero-name-color: transparent;
-  --vp-home-hero-name-background: linear-gradient(120deg, #111111 30%, #8a8a8a);
 }
 
 .dark {
@@ -42,8 +39,6 @@
   --vp-button-brand-text: #111111;
   --vp-button-brand-hover-text: #111111;
   --vp-button-brand-active-text: #111111;
-
-  --vp-home-hero-name-background: linear-gradient(120deg, #ffffff 30%, #8a8a8a);
 }
 
 /* Tooltips from markdown-it-glossary render as plain <abbr title>. Make them discoverable. */
@@ -76,22 +71,13 @@ abbr[title] {
 
 /* Wordmark and titles: Film Noir. */
 .VPNavBarTitle .title,
-.VPHero .name,
 .vp-doc h1 {
   font-family: var(--bn-font-display);
   font-weight: 400;
   letter-spacing: 0.06em;
   text-transform: uppercase;
 }
 
-.VPHero .name {
-  font-size: clamp(48px, 7vw, 72px);
-  /* Film Noir is tall; a roomy line box keeps the gradient text from clipping. */
-  line-height: 1.3;
-  padding-block: 4px;
-  letter-spacing: 0.08em;
-}
-
 .vp-doc h1 {
   letter-spacing: 0.05em;
 }
@@ -115,6 +101,9 @@ abbr[title] {
 }
 
 .VPHero .text {
+  /* The logo is the brand, so the headline carries the hero. */
+  font-size: clamp(36px, 5vw, 52px);
+  line-height: 1.15;
   letter-spacing: -0.01em;
 }
 
@@ -139,6 +128,7 @@ abbr[title] {
 
 .VPHero .image {
   margin: 0 0 24px;
+  width: 100%;
 }
 
 @media (min-width: 640px) {
@@ -150,6 +140,7 @@ abbr[title] {
 @media (min-width: 960px) {
   .VPHero .image {
     margin: 0;
+    width: auto;
   }
 }
 
@@ -159,7 +150,9 @@ abbr[title] {
   height: auto;
   /* VitePress pulls the image up with negative margins on small screens, which
      slid the logo under the navbar and over the title. */
-  margin: 0;
+  margin: 0 auto;
+  /* Fixed width in VitePress on small screens; let it span so the logo centers. */
+  width: 100%;
   padding-block: 24px;
 }
 

docs/index.md

@@ -3,7 +3,6 @@ layout: home
 title: BinaryNoir
 
 hero:
-  name: BinaryNoir
   text: Quiet, sharp tools for developers
   tagline: Open-source VitePress plugins, Vite plugins and command-line apps. This site is the hub for all of them, and it is built with the plugins it documents.
   image: