From 07a76c9abc17018ffd1d23de46b4e3ff6e32a996 Mon Sep 17 00:00:00 2001 From: greg Date: Thu, 24 Apr 2025 00:22:18 +0200 Subject: [PATCH] Alternative page --- alt-styles.css | 76 ++++++++++++++++++++++++++++++++++++++++++++++++++ alt.html | 23 +++++++++++++++ 2 files changed, 99 insertions(+) create mode 100644 alt-styles.css create mode 100644 alt.html diff --git a/alt-styles.css b/alt-styles.css new file mode 100644 index 0000000..c3fd65e --- /dev/null +++ b/alt-styles.css @@ -0,0 +1,76 @@ +/* Alternate minimalist, modern style for ReflectOnAI */ + +body { + margin: 0; + font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif; + background: #232946; + color: #fff; + min-height: 100vh; + box-sizing: border-box; +} + +.alt-container { + width: 92%; + max-width: 600px; + margin: 0 auto; + padding: 0 1.2rem; +} + +.alt-hero { + background: #121629; + color: #fffffe; + padding: 70px 0 36px 0; + text-align: left; + display: flex; + align-items: center; + min-height: 45vh; + border-bottom: 2px solid #eebbc3; + box-shadow: 0 2px 18px rgba(35, 41, 70, 0.09); +} + +.alt-headline { + font-size: 2.3rem; + font-weight: 800; + margin-bottom: 0.5rem; + letter-spacing: 0.5px; + color: #eebbc3; +} + +.alt-subtitle { + font-size: 1.1rem; + color: #b8c1ec; + margin-bottom: 0.7rem; + line-height: 1.7; +} + +.alt-footer { + background: #232946; + color: #b8c1ec; + padding: 30px 0 14px 0; + text-align: right; + font-size: 1rem; + margin-top: 40px; + border-top: 1px solid #eebbc3; +} + +@media (max-width: 700px) { + .alt-container { + max-width: 97vw; + padding: 0 4vw; + } + .alt-hero { + text-align: center; + padding: 44px 0 20px 0; + min-height: 28vh; + } + .alt-footer { + text-align: center; + font-size: 0.98rem; + } + .alt-headline { + font-size: 1.3rem; + } + .alt-subtitle { + font-size: 0.97rem; + } +} diff --git a/alt.html b/alt.html new file mode 100644 index 0000000..522b9c9 --- /dev/null +++ b/alt.html @@ -0,0 +1,23 @@ + + + + + + ReflectOnAI + + + + +
+
+

ReflectOnAI

+

A space to reflect on the use of AI: the good, the bad, and the ugly.

+
+
+ + +