fix: Header sizing for smaller screens

Author: codingconcepts

docs/content/index.md

@@ -6,11 +6,13 @@ template: "home"
 
 ## Websites that look like terminals
 
-Shellscape is a static site generator that produces interactive terminal-themed websites. Visitors can type real commands (`ls`, `cd`, `cat`) to navigate your content, or just click around like a normal site.
+Shellscape is a static site generator that produces interactive terminal-themed websites. Visitors can type real commands (`ls`, `cd`, `open`, `find`, `tree` etc.) to navigate your content, or just click around like a normal site.
 
 Write your content in YAML + Markdown. No frontend skills required.
 
-### Quick links
+### Getting started
 
-- Type `cd docs/install` to get started
-- Type `ls docs` to see all documentation
+Either:
+
+* Click on Docs at the top
+* Type `open docs/getting-started` below

embed/static/main.css

@@ -168,6 +168,7 @@ a:hover {
   color: var(--ss-accent);
   line-height: 1.2;
   text-align: center;
+  font-size: clamp(0.15rem, 1.2vw, 1rem);
 }
 
 .banner,
@@ -180,6 +181,7 @@ a:hover {
   background: none;
   border: none;
   overflow-x: auto;
+  font-size: clamp(0.15rem, 1.2vw, 1rem);
 }
 
 .terminal__line--system {