Fold the header menu into a button when its links do not fit

A long menu wrapped onto two or three lines on phones and narrow
windows. With the new Design switch the header menu folds into a ☰
button (an icon, the word Menu, or both) carried by the title or logo
block just above it, at the right end of its row, or by the menu bar
when nothing is above it; the button opens the links as a stacked list
with the search box on top.

The open/closed state is a hidden checkbox and the button its label,
so opening needs no script and works in old browsers. Whether to fold
is decided by a small inline script — any link on a second line means
the menu does not fit — re-checked on resize; without it blog.css folds
on phones only, and browsers too old for that keep the wrapping menu.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A

1 files changed, 8 insertions, 4 deletions

diff --git a/internal/i18n/el.go b/internal/i18n/el.go
index 2afef53..66446f1 100644
--- a/internal/i18n/el.go
+++ b/internal/i18n/el.go
@@ -397,10 +397,14 @@ var el = map[string]string{
 	"Underlined":                     "Υπογραμμισμένη",
 	"Boxed":                          "Σε πλαίσιο",
 	"Not marked":                     "Χωρίς σήμανση",
-	"Uppercase, spaced":              "Κεφαλαία, αραιά",
-	"Show the date on posts":         "Εμφάνιση ημερομηνίας στις δημοσιεύσεις",
-	"Show tags with a # in front":    "Εμφάνιση των ετικετών με # μπροστά",
-	"Rule under titles":              "Γραμμή κάτω από τους τίτλους",
+	"When the menu does not fit":     "Όταν το μενού δεν χωράει",
+	"Fold the header menu into a button when its links do not fit on one line": "Δίπλωμα του μενού της κεφαλίδας σε κουμπί όταν οι σύνδεσμοί του δεν χωρούν σε μία γραμμή",
+	"Button": "Κουμπί",
+	"The button sits at the right of the title or logo just above the menu, or in the menu bar itself when nothing is above it, and opens the links as a list. Readers whose browser runs no scripts get it on phones.": "Το κουμπί μπαίνει δεξιά από τον τίτλο ή το λογότυπο ακριβώς πάνω από το μενού, ή μέσα στη μπάρα του μενού όταν δεν υπάρχει τίποτα από πάνω, και ανοίγει τους συνδέσμους σε λίστα. Όσοι αναγνώστες έχουν πρόγραμμα περιήγησης χωρίς scripts το βλέπουν στα κινητά.",
+	"Uppercase, spaced":           "Κεφαλαία, αραιά",
+	"Show the date on posts":      "Εμφάνιση ημερομηνίας στις δημοσιεύσεις",
+	"Show tags with a # in front": "Εμφάνιση των ετικετών με # μπροστά",
+	"Rule under titles":           "Γραμμή κάτω από τους τίτλους",
 	"The rule goes under page and post titles, in the link colour.": "Η γραμμή μπαίνει κάτω από τους τίτλους σελίδων και δημοσιεύσεων, στο χρώμα των συνδέσμων.",
 	"Show announcements on post pages":                              "Εμφάνιση ανακοινώσεων στις σελίδες δημοσιεύσεων",
 	"each page has its own switch":                                  "κάθε σελίδα έχει τον δικό της διακόπτη",