will
c80f51f865
Same markdown now also builds a PowerPoint deck (make slides / make template.pptx) alongside the existing PDF, for recording walkthrough videos. Styling comes from reference.pptx since pandoc's pptx writer ignores style.css; its theme was hand-tuned to match the PDF's dark palette and fonts. Restructure the closing block into a two-column div so the author photo survives in slide exports (pandoc drops images sharing a plain div with paragraph text), with a CSS override so the PDF keeps its original centered layout. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
105 lines
1.9 KiB
CSS
105 lines
1.9 KiB
CSS
/* Matches reground.org's dark theme tokens, read from
|
|
reground-site/assets/css/main.css + extended/custom.css */
|
|
|
|
@page {
|
|
size: Letter;
|
|
margin: 0.75in;
|
|
background: #1c1917;
|
|
}
|
|
|
|
html, body {
|
|
background: #1c1917;
|
|
color: #f0ebe3;
|
|
font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
|
line-height: 1.6;
|
|
margin: 0;
|
|
}
|
|
|
|
h1, h2, h3 {
|
|
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
|
color: #8fa8d1;
|
|
line-height: 1.25;
|
|
}
|
|
|
|
a {
|
|
color: #8fa8d1;
|
|
}
|
|
|
|
/* Cover block, generated by template.html from the document title/author */
|
|
.cover {
|
|
background: #4a6fa5;
|
|
color: #f0ebe3;
|
|
margin: -0.75in -0.75in 0;
|
|
padding: 2in 0.75in 1in;
|
|
page-break-after: always;
|
|
}
|
|
|
|
.cover-title {
|
|
color: #ffffff;
|
|
font-size: 2.4rem;
|
|
margin: 0 0 1rem;
|
|
}
|
|
|
|
.cover-byline {
|
|
color: #f0ebe3;
|
|
opacity: 0.9;
|
|
font-size: 1.1rem;
|
|
}
|
|
|
|
.cover .author-photo {
|
|
width: 90px;
|
|
border-radius: 50%;
|
|
margin: 1.5rem 0 0;
|
|
}
|
|
|
|
/* One Step per page, like the original PDF */
|
|
h2 {
|
|
page-break-before: always;
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
h2:first-of-type {
|
|
page-break-before: avoid;
|
|
}
|
|
|
|
img {
|
|
max-width: 100%;
|
|
border-radius: 0.5rem;
|
|
display: block;
|
|
margin: 1.5rem 0;
|
|
}
|
|
|
|
.closing {
|
|
page-break-before: always;
|
|
text-align: center;
|
|
}
|
|
|
|
/* .closing is also a pandoc "columns" div (photo | text) so its image
|
|
survives in slide exports -- neutralize the side-by-side layout here so
|
|
the PDF still renders it as a centered stack. */
|
|
.closing .column {
|
|
width: auto !important;
|
|
}
|
|
|
|
.closing .author-photo {
|
|
width: 100px;
|
|
border-radius: 50%;
|
|
margin: 0 auto 1rem;
|
|
}
|
|
|
|
.closing p {
|
|
margin: 0.5rem 0;
|
|
}
|
|
|
|
/* CTA link styled as a button, matching the site's .btn */
|
|
.cta-button {
|
|
display: inline-block;
|
|
margin-top: 1.5rem;
|
|
padding: 0.75rem 1.5rem;
|
|
border-radius: 0.5rem;
|
|
background: #2dd4c4;
|
|
color: #0f1115;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
}
|