Rebrand site for podcast, add admin CMS, social metadata, and platform links
This commit is contained in:
nmemmert
+21
-206
@@ -1,218 +1,33 @@
|
||||
:root {
|
||||
--bg: #f6f0e8;
|
||||
--ink: #1f1d1a;
|
||||
--ink-muted: #5d584f;
|
||||
--line: #d8cdbf;
|
||||
--accent: #b04a1f;
|
||||
--hero-glow: #f7d8a6;
|
||||
--bg-radial: #fff5de;
|
||||
--bg-bottom: #efe4d6;
|
||||
--surface: #fff;
|
||||
--surface-soft: #fffcf7;
|
||||
--chip-bg: #f6f3ef;
|
||||
--pill-bg: #f1e7da;
|
||||
--pill-ink: #694627;
|
||||
--input-bg: #fffdf9;
|
||||
--display: 'Rockwell', 'Bookman Old Style', 'Georgia', serif;
|
||||
--body: 'Trebuchet MS', 'Segoe UI', Tahoma, sans-serif;
|
||||
--radius-card: 18px;
|
||||
--radius-tile: 14px;
|
||||
--radius-panel: 24px;
|
||||
--radius-note: 12px;
|
||||
--radius-input: 10px;
|
||||
--radius-chip: 8px;
|
||||
--shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.04);
|
||||
--shadow-elevated: 0 4px 16px rgba(0, 0, 0, 0.10), 0 8px 24px rgba(0, 0, 0, 0.06);
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
font-family: var(--body);
|
||||
line-height: 1.45;
|
||||
color: var(--ink);
|
||||
:root {
|
||||
font-family: 'Barlow Condensed', 'Trebuchet MS', sans-serif;
|
||||
line-height: 1.5;
|
||||
color: #f0e6d0;
|
||||
background: #0a0a0a;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
:root[data-theme='ocean'] {
|
||||
--bg: #eaf4f5;
|
||||
--ink: #122227;
|
||||
--ink-muted: #3d5b64;
|
||||
--line: #b7d4d9;
|
||||
--accent: #0f7f8c;
|
||||
--hero-glow: #8ed6df;
|
||||
--bg-radial: #d7eef2;
|
||||
--bg-bottom: #d8e9ec;
|
||||
--surface: #ffffff;
|
||||
--surface-soft: #f4fbfc;
|
||||
--chip-bg: #ecf5f7;
|
||||
--pill-bg: #dceef1;
|
||||
--pill-ink: #1f5a63;
|
||||
--input-bg: #f8fcfd;
|
||||
}
|
||||
|
||||
:root[data-theme='midnight'] {
|
||||
--bg: #0f1722;
|
||||
--ink: #ecf0f6;
|
||||
--ink-muted: #a6b4c6;
|
||||
--line: #2a3a4d;
|
||||
--accent: #e06c2f;
|
||||
--hero-glow: #2f4663;
|
||||
--bg-radial: #1b2939;
|
||||
--bg-bottom: #111d2c;
|
||||
--surface: #172332;
|
||||
--surface-soft: #1a2737;
|
||||
--chip-bg: #26384c;
|
||||
--pill-bg: #31445b;
|
||||
--pill-ink: #d9e5f3;
|
||||
--input-bg: #121d2b;
|
||||
--shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
|
||||
--shadow-elevated: 0 6px 24px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
|
||||
:root[data-theme='forest'] {
|
||||
--bg: #edf4ee;
|
||||
--ink: #1a2a20;
|
||||
--ink-muted: #446051;
|
||||
--line: #bfd6c4;
|
||||
--accent: #2f7a4e;
|
||||
--hero-glow: #9ad3ac;
|
||||
--bg-radial: #dceedd;
|
||||
--bg-bottom: #d9eadc;
|
||||
--surface: #ffffff;
|
||||
--surface-soft: #f6fbf7;
|
||||
--chip-bg: #edf6ef;
|
||||
--pill-bg: #dff0e3;
|
||||
--pill-ink: #24593a;
|
||||
--input-bg: #f8fcf8;
|
||||
}
|
||||
|
||||
:root[data-theme='sunset'] {
|
||||
--bg: #fff1e8;
|
||||
--ink: #3d1f1a;
|
||||
--ink-muted: #7d4a3d;
|
||||
--line: #f0c8b5;
|
||||
--accent: #d85b34;
|
||||
--hero-glow: #ffc08f;
|
||||
--bg-radial: #ffe1cc;
|
||||
--bg-bottom: #ffd8bf;
|
||||
--surface: #fffaf7;
|
||||
--surface-soft: #fff5ef;
|
||||
--chip-bg: #ffece0;
|
||||
--pill-bg: #ffe2d1;
|
||||
--pill-ink: #8a3f2a;
|
||||
--input-bg: #fff9f4;
|
||||
}
|
||||
|
||||
:root[data-theme='rose'] {
|
||||
--bg: #fcf0f4;
|
||||
--ink: #2d1825;
|
||||
--ink-muted: #7d4b63;
|
||||
--line: #f0c4d8;
|
||||
--accent: #b8325a;
|
||||
--hero-glow: #f4aec8;
|
||||
--bg-radial: #fde3ec;
|
||||
--bg-bottom: #f8dde8;
|
||||
--surface: #ffffff;
|
||||
--surface-soft: #fff7fa;
|
||||
--chip-bg: #fdeef3;
|
||||
--pill-bg: #fbd6e5;
|
||||
--pill-ink: #8a2444;
|
||||
--input-bg: #fffcfd;
|
||||
--radius-card: 22px;
|
||||
--radius-tile: 18px;
|
||||
--radius-panel: 32px;
|
||||
--radius-note: 16px;
|
||||
--radius-input: 12px;
|
||||
--radius-chip: 10px;
|
||||
--shadow: 0 2px 10px rgba(184, 50, 90, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
|
||||
--shadow-elevated: 0 6px 28px rgba(184, 50, 90, 0.14), 0 2px 8px rgba(0, 0, 0, 0.06);
|
||||
--display: 'Georgia', 'Book Antiqua', 'Palatino', serif;
|
||||
}
|
||||
|
||||
:root[data-theme='slate'] {
|
||||
--bg: #f0f2f6;
|
||||
--ink: #181d28;
|
||||
--ink-muted: #49556e;
|
||||
--line: #cdd3e0;
|
||||
--accent: #3455e0;
|
||||
--hero-glow: #b5c1f5;
|
||||
--bg-radial: #e2e7f4;
|
||||
--bg-bottom: #e4e8f0;
|
||||
--surface: #ffffff;
|
||||
--surface-soft: #f5f7fb;
|
||||
--chip-bg: #edf0f8;
|
||||
--pill-bg: #dce2f8;
|
||||
--pill-ink: #1e38be;
|
||||
--input-bg: #f9fafc;
|
||||
--radius-card: 8px;
|
||||
--radius-tile: 6px;
|
||||
--radius-panel: 12px;
|
||||
--radius-note: 8px;
|
||||
--radius-input: 6px;
|
||||
--radius-chip: 4px;
|
||||
--shadow: 0 1px 6px rgba(0, 0, 0, 0.08), 0 3px 10px rgba(52, 85, 224, 0.06);
|
||||
--shadow-elevated: 0 4px 20px rgba(0, 0, 0, 0.12), 0 8px 20px rgba(52, 85, 224, 0.08);
|
||||
--display: 'Trebuchet MS', 'Segoe UI', Tahoma, sans-serif;
|
||||
}
|
||||
|
||||
:root[data-theme='aurora'] {
|
||||
--bg: #0c1220;
|
||||
--ink: #e5edf8;
|
||||
--ink-muted: #8096bb;
|
||||
--line: #263050;
|
||||
--accent: #00c9a7;
|
||||
--hero-glow: #0a4040;
|
||||
--bg-radial: #121d38;
|
||||
--bg-bottom: #090f1c;
|
||||
--surface: #131e34;
|
||||
--surface-soft: #192438;
|
||||
--chip-bg: #1e2e50;
|
||||
--pill-bg: #0e3040;
|
||||
--pill-ink: #7ef0d8;
|
||||
--input-bg: #0c1625;
|
||||
--shadow: 0 2px 12px rgba(0, 0, 0, 0.45), 0 0 20px rgba(0, 201, 167, 0.06);
|
||||
--shadow-elevated: 0 6px 28px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 201, 167, 0.12);
|
||||
--display: 'Courier New', Courier, monospace;
|
||||
}
|
||||
|
||||
:root[data-theme='amethyst'] {
|
||||
--bg: #f2eff9;
|
||||
--ink: #1c1435;
|
||||
--ink-muted: #5e4e90;
|
||||
--line: #d4c8f0;
|
||||
--accent: #7c3aed;
|
||||
--hero-glow: #c4b0e8;
|
||||
--bg-radial: #e8e1f8;
|
||||
--bg-bottom: #e2d9f5;
|
||||
--surface: #ffffff;
|
||||
--surface-soft: #f8f6fc;
|
||||
--chip-bg: #f0ecfa;
|
||||
--pill-bg: #e6dbf8;
|
||||
--pill-ink: #5a28b5;
|
||||
--input-bg: #fbfafe;
|
||||
--radius-card: 24px;
|
||||
--radius-tile: 18px;
|
||||
--radius-panel: 32px;
|
||||
--radius-note: 18px;
|
||||
--radius-input: 14px;
|
||||
--radius-chip: 10px;
|
||||
--shadow: 0 2px 10px rgba(124, 58, 237, 0.10), 0 1px 4px rgba(0, 0, 0, 0.04);
|
||||
--shadow-elevated: 0 6px 28px rgba(124, 58, 237, 0.16), 0 2px 8px rgba(0, 0, 0, 0.06);
|
||||
--display: 'Georgia', 'Book Antiqua', 'Palatino', serif;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background:
|
||||
radial-gradient(circle at 20% 0%, var(--bg-radial) 0%, rgba(255, 245, 222, 0) 38%),
|
||||
linear-gradient(180deg, var(--bg) 0%, var(--bg-bottom) 100%);
|
||||
min-height: 100vh;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#root {
|
||||
min-height: 100vh;
|
||||
img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
p, h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user