diff --git a/assets/css/main.css b/assets/css/main.css index dbbe04a..09de557 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -385,6 +385,15 @@ textarea { text-align: center; } +.course-cover { + max-width: 14rem; + width: 100%; + height: auto; + border-radius: 4px; + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); + margin: 0 auto var(--space-3); +} + .course-subhead { font-style: italic; color: var(--color-brass); diff --git a/content/gift-thanks/index.md b/content/gift-thanks/index.md index 4410aea..a8b7c0d 100644 --- a/content/gift-thanks/index.md +++ b/content/gift-thanks/index.md @@ -1,8 +1,12 @@ --- -title: "Thanks โ€” here's your story" -description: "Download your free short story." +title: "Thanks! Here's your story." +description: "Enjoy Neon Tan!" --- -Thanks for signing up โ€” here's your copy. +Here's your copy of *Neon Tan*. -[Download the story](https://downloads.michaelferrara.org/TODO-story-filename.epub) +[Download the story](https://downloads.michaelferrara.org/neon-tan/neon_tan.epub) + +Talk soon, + +Michael diff --git a/content/gift/index.md b/content/gift/index.md index fa3d85d..b1c5918 100644 --- a/content/gift/index.md +++ b/content/gift/index.md @@ -1,23 +1,30 @@ --- -title: "TODO: Story Title" -description: "TODO: one-line description of the free short story." +title: "Get A Story" +description: "An AI's trademark silver-blue suit isn't exactly beach-town vibes, but he's determined to land his song a spot on the weekly top 40 countdown anyway. After a string of failed attempts to get noticed by the countdown's enigmatic curator DJ, he and his wisecracking seagull sidekick stumble into an open mic night just as a malware glitch hits, forcing him to trade analysis for improvisation, rallying tourists into one spontaneous singalong to discover connection was never something you could calculate." type: "courses" eec_slug: "reader-magnet" # Optional italic line under the title, for handling an objection up front. -hero_subhead: "TODO: subhead for the landing page" +hero_subhead: "This story, occasional emails when something new comes out and other things you want in your inbox." # Label on the signup form's submit button. cta_text: "Send me the story" +# Cover image, hosted in the public downloads bucket alongside the epub. +# Used as the on-page hero image and for the og:image/Twitter card meta tags. +cover_image: "https://downloads.michaelferrara.org/neon-tan/neon_tan_cover.jpg" + # Direct link to the epub in the public downloads bucket โ€” shown as an # on-page button immediately after a successful signup, independent of the # welcome email (see layouts/partials/course-enroll-form.html). -download_url: "https://downloads.michaelferrara.org/TODO-story-filename.epub" +download_url: "https://downloads.michaelferrara.org/neon-tan/neon_tan.epub" download_text: "Download now" # Optional heading above the repeated signup form at the bottom of the page. repeat_cta_heading: "Want the story?" --- +The world is stranger than it looks and more meaningful than it lets on. -TODO: Michael's landing-page copy goes here. +You know this. + +Sign up to my mailing list and I'll send you a story about an AI, a wisecracking seagull, and a song that needs to be heard. diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 2a54d8c..2998504 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -4,7 +4,13 @@ {{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} ยท {{ .Site.Title }}{{ end }} - + + {{ with .Params.cover_image }} + + + + + {{ end }} {{ $css := resources.Get "css/main.css" }} {{ if hugo.IsProduction }} {{ $css = $css | minify | fingerprint }} diff --git a/layouts/courses/single.html b/layouts/courses/single.html index 08712f6..812a0bb 100644 --- a/layouts/courses/single.html +++ b/layouts/courses/single.html @@ -1,6 +1,7 @@ {{ define "main" }}

{{ .Title }}

+ {{ with .Params.cover_image }}{{ $.Title }} cover{{ end }} {{ with .Params.hero_subhead }}

{{ . }}

{{ end }} {{ partial "course-enroll-form.html" (dict "id" "top" "page" .) }}