132 lines
2.9 KiB
CSS
132 lines
2.9 KiB
CSS
/* Atomaste Reveal.js theme (v1)
|
|
Keep it minimal: reuse existing site look.
|
|
*/
|
|
|
|
:root {
|
|
--atomaste-bg: #0b0f14;
|
|
--atomaste-fg: #e8eef7;
|
|
--atomaste-muted: #a8b3c2;
|
|
--atomaste-accent: #7dd3fc; /* light cyan */
|
|
--atomaste-accent-2: #a78bfa; /* violet */
|
|
}
|
|
|
|
.reveal {
|
|
font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
|
|
color: var(--atomaste-fg);
|
|
}
|
|
|
|
.reveal .slides {
|
|
text-align: left;
|
|
}
|
|
|
|
.reveal-viewport {
|
|
background: radial-gradient(1200px 800px at 15% 10%, rgba(125,211,252,0.14), transparent 55%),
|
|
radial-gradient(900px 600px at 85% 30%, rgba(167,139,250,0.12), transparent 60%),
|
|
linear-gradient(180deg, #070a0f 0%, #0b0f14 100%);
|
|
}
|
|
|
|
/* subtle moving sheen (keep it classy) */
|
|
.reveal-viewport::before {
|
|
content: "";
|
|
position: fixed;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
background:
|
|
radial-gradient(500px 320px at 10% 20%, rgba(125,211,252,0.10), transparent 60%),
|
|
radial-gradient(420px 280px at 90% 40%, rgba(167,139,250,0.08), transparent 62%),
|
|
radial-gradient(520px 360px at 40% 95%, rgba(125,211,252,0.06), transparent 65%);
|
|
filter: blur(0px);
|
|
opacity: 0.9;
|
|
transform: translate3d(0,0,0);
|
|
animation: atomasteFloat 18s ease-in-out infinite;
|
|
}
|
|
|
|
@keyframes atomasteFloat {
|
|
0% { transform: translate3d(0,0,0); }
|
|
50% { transform: translate3d(18px,-10px,0); }
|
|
100% { transform: translate3d(0,0,0); }
|
|
}
|
|
|
|
.reveal h1, .reveal h2, .reveal h3 {
|
|
letter-spacing: -0.02em;
|
|
margin-bottom: 0.35em;
|
|
}
|
|
|
|
.reveal h1 { font-size: 2.25em; }
|
|
.reveal h2 { font-size: 1.65em; }
|
|
.reveal h3 { font-size: 1.15em; color: var(--atomaste-muted); font-weight: 600; }
|
|
|
|
.reveal p, .reveal li {
|
|
font-size: 0.95em;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.reveal a { color: var(--atomaste-accent); }
|
|
|
|
/* footer */
|
|
.atomaste-footer {
|
|
position: absolute;
|
|
left: 36px;
|
|
right: 36px;
|
|
bottom: 22px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 16px;
|
|
font-size: 14px;
|
|
color: rgba(232,238,247,0.65);
|
|
pointer-events: none;
|
|
}
|
|
|
|
.atomaste-footer img {
|
|
height: 22px;
|
|
opacity: 0.9;
|
|
}
|
|
|
|
.atomaste-chip {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
padding: 6px 10px;
|
|
border: 1px solid rgba(232,238,247,0.14);
|
|
border-radius: 999px;
|
|
background: rgba(255,255,255,0.03);
|
|
}
|
|
|
|
/* nicer lists */
|
|
.reveal ul { margin-left: 1.1em; }
|
|
.reveal li { margin: 0.35em 0; }
|
|
|
|
/* images */
|
|
.reveal img {
|
|
max-height: 62vh;
|
|
border-radius: 10px;
|
|
}
|
|
|
|
/* section divider style */
|
|
.section-divider {
|
|
display: grid;
|
|
gap: 18px;
|
|
}
|
|
|
|
.section-divider .kicker {
|
|
font-size: 0.9em;
|
|
color: var(--atomaste-muted);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.12em;
|
|
}
|
|
|
|
.section-divider .title {
|
|
font-size: 2.1em;
|
|
line-height: 1.1;
|
|
}
|
|
|
|
/* fragments */
|
|
.reveal .fragment.fade-up { transform: translateY(6px); }
|
|
|
|
/* code blocks (if any) */
|
|
.reveal pre code {
|
|
font-size: 0.8em;
|
|
line-height: 1.3;
|
|
}
|