will
26fec2fa9d
The guide previously leaned on generic stock photos of strangers for each step, which didn't match reground.org's actual visual identity (color, type, and voice carry the brand everywhere else on the site — no stock imagery appears anywhere but the author's own photo). Removed all stock photos; the only photo left is the real author headshot on the cover and closing page, which also got a real cleanup (tighter crop, better contrast, reduced glasses glare) and a bug fix (it was rendering as an oval instead of a circle since width/height were never equal). Since nothing forces per-step pages anymore, the PDF's h2 sections now flow continuously instead of each getting its own page-break — a short guide with no photos to fill a page reads better as continuous pamphlet-style prose than as a sparse slide-per-page export. Each step keeps a short pull-quote (verbatim line from its own paragraph, styled in the brand blue/teal) for visual rhythm instead. Net effect: 6 pages -> 3 pages, no blank/orphaned space. The pptx keeps one section per slide, since that format is for narrated screen-share recordings where the presenter's voice fills the space a printed page can't. Also rewrote the closing CTA: "Get a Free Strategy Session" was generic coaching-industry boilerplate that could belong to anyone's funnel. The new copy and button use the guide's own vocabulary instead.
114 lines
2.1 KiB
CSS
114 lines
2.1 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;
|
|
height: 90px;
|
|
object-fit: cover;
|
|
border-radius: 50%;
|
|
margin: 1.5rem 0 0;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.5rem;
|
|
}
|
|
|
|
.pull-quote {
|
|
font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
|
|
font-size: 1.9rem;
|
|
font-weight: 700;
|
|
line-height: 1.35;
|
|
color: #8fa8d1;
|
|
border-left: 4px solid #2dd4c4;
|
|
padding-left: 1.25rem;
|
|
margin: 2.5rem 0;
|
|
}
|
|
|
|
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;
|
|
height: 100px;
|
|
object-fit: cover;
|
|
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;
|
|
}
|