themes: add classic theme (original default) and redesign default

The original default theme (checkered background, purple/blue palette,
rounded thick border) is preserved as the new 'classic' theme.

The default theme is replaced with a cleaner, more professional design:
indigo accent colour, top border bar, card shadow, better typography
and code block styling, wider at 1100px max-width.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

2 files changed, 109 insertions, 0 deletions

diff --git a/extras/html/themes/classic/style.css b/extras/html/themes/classic/style.css
new file mode 100644
index 0000000..4d42872
--- /dev/null
+++ b/extras/html/themes/classic/style.css
@@ -0,0 +1,101 @@
+@font-face {
+    font-family: 'text';
+    src: url("./text.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: 'heading';
+    src: url("./heading.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: 'code';
+    src: url("./code.ttf") format("truetype");
+}
+
+@font-face {
+    font-family: 'handnotes';
+    src: url("./handnotes.ttf") format("truetype");
+}
+
+html {
+    background-color: #f0f0f0;
+    background-image: linear-gradient(45deg, #e6e6e6 25%, transparent 25%, transparent 75%, #e6e6e6 75%, #e6e6e6),
+                      linear-gradient(45deg, #e6e6e6 25%, transparent 25%, transparent 75%, #e6e6e6 75%, #e6e6e6);
+    background-size: 20px 20px;
+    background-position: 0 0, 10px 10px;
+}
+
+body {
+    font-family: text, sans-serif;
+    background: #ffffff;
+    max-width: 1200px;
+    padding: 20px;
+    margin: 20px auto;
+    border: 5px solid #dddddd;
+    border-radius: 15px;
+    word-wrap: break-word;
+}
+
+h1, h2, h3 {
+    font-family: heading, serif;
+    color: #6ca0dc;
+}
+
+a {
+    font-family: code, monospace;
+    text-decoration: none;
+    color: #8e44ad;
+    padding: 0 0 0 0;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+a.textlink:before {
+    content: "⇒ ";
+}
+
+.quote {
+    font-style: italic;
+}
+
+.quote:before {
+    content: "« ";
+    padding-left: 2px;
+}
+
+.quote:after {
+    content: " »";
+    padding-right: 2px;
+}
+
+ul {
+    list-style: none;
+    margin: 0 0 0 0;
+    padding: 0 0 0 0;
+}
+
+li:before {
+    content: "★";
+    padding-right: 5px;
+    color: #9b59b6;
+}
+
+img {
+    max-width: 90%;
+}
+
+pre {
+    font-family: code, monospace;
+    padding: 20px;
+    border: 1px solid #dddddd;
+    border-radius: 15px;
+}
+
+span.inlinecode {
+    font-family: code, monospace;
+    border: 1px solid #999999;
+    border-radius: 2px;
+}
diff --git a/extras/html/themes/classic/theme.conf b/extras/html/themes/classic/theme.conf
new file mode 100644
index 0000000..9e06b30
--- /dev/null
+++ b/extras/html/themes/classic/theme.conf
@@ -0,0 +1,8 @@
+declare -xr HTML_HEADER=./extras/html/header.html.part
+declare -xr HTML_FOOTER=./extras/html/footer.html.part
+declare -xr HTML_CSS_STYLE=$HTML_THEME_DIR/style.css
+declare -xr HTML_WEBFONT_HEADING=./extras/html/fonts/Merriweather/Merriweather-Bold.ttf
+declare -xr HTML_WEBFONT_TEXT=./extras/html/fonts/Merriweather/Merriweather-Regular.ttf
+declare -xr HTML_WEBFONT_CODE=./extras/html/fonts/hack/Hack-Regular.ttf
+declare -xr HTML_WEBFONT_HANDNOTES=./extras/html/fonts/khand/khand.ttf
+declare -xr SOURCE_HIGHLIGHT_CSS=./extras/html/source-highlight-styles/mono.css