Skip to content

feat(reader): integrate precise footer across landing pages #72

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
sarthakagrawal927 wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

feat(reader): integrate precise footer across landing pages #72

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
38db9dc
feat(reader): integrate precise footer across landing pages
sarthakagrawal927 Oct 4, 2026
8c9038f
fix(reader): integrate FAQ footer slots
sarthakagrawal927 Oct 4, 2026
7cf1a38
fix(reader): keep host-only layout lint-clean
sarthakagrawal927 Oct 4, 2026
b5b018b
Merge branch 'main' into agent/footer-reader-71-20261005
sarthakagrawal927 Oct 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,3 +73,6 @@ dist/
.agent-logs/
.codevetter/
*.agent.log

# Private Fleet task evidence
.fleet-local/
111 changes: 89 additions & 22 deletions dist/index.html
View file
Open in desktop

Large diffs are not rendered by default.

Binary file added landing-astro/public/footer-art/reader-precise-original-v1.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
72 changes: 69 additions & 3 deletions landing-astro/src/layouts/Layout.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@ interface Props {
title: string;
description: string;
canonicalPath?: string;
showStandaloneProjectStrip?: boolean;
useAuthoredFooterHost?: boolean;
}

const { title, canonicalPath = '/' } = Astro.props;
Expand Down Expand Up @@ -87,20 +89,84 @@ const SITE_URL = 'https://read.significanthobbies.com';
data-identity="persistent"
></script>
<slot />
<portfolio-project-strip current-project="reader"></portfolio-project-strip>
{Astro.props.showStandaloneProjectStrip !== false && <portfolio-project-strip current-project="reader"></portfolio-project-strip>}
<script
is:inline
src="https://sassmaker.com/project-strip.js"
src="https://sassmaker.com/project-strip.js?v=precise-b0adaa67"
data-project="reader"
data-host-only={Astro.props.useAuthoredFooterHost === true ? 'true' : undefined}
data-theme="light"
defer
></script>
<script
is:inline
src="https://sassmaker.com/ai-chat-footer.js"
src="https://sassmaker.com/ai-chat-footer.js?v=precise-b0adaa67"
data-name="Reader"
data-project="reader"
data-host-only={Astro.props.useAuthoredFooterHost === true ? 'true' : undefined}
data-theme="light"
data-art-src="/footer-art/reader-precise-original-v1.webp"
defer
></script>
<script is:inline type="module" src="https://sassmaker.com/newsletter-capture.js"></script>
<style is:inline>
fleet-footer-extension[data-fleet-footer-project="reader"] [data-fleet-footer-cta].closing {
padding: 0;
background: transparent;
color: var(--ink);
text-align: left;
}
fleet-footer-extension[data-fleet-footer-project="reader"] .closing-inner {
max-width: none;
margin: 0;
}
fleet-footer-extension[data-fleet-footer-project="reader"] .closing .section-index {
color: var(--rust-dark);
}
fleet-footer-extension[data-fleet-footer-project="reader"] .closing h2 {
margin: 0.35rem 0 0;
font-size: clamp(1.2rem, 1.8vw, 1.65rem);
line-height: 1.2;
}
fleet-footer-extension[data-fleet-footer-project="reader"] .closing p:not(.section-index) {
margin: 0.65rem 0 0;
color: var(--ink-soft);
}
fleet-footer-extension[data-fleet-footer-project="reader"] .closing .cta-row {
justify-content: flex-start;
margin-top: 1rem;
}
fleet-footer-extension[data-fleet-footer-project="reader"] .closing .btn-secondary {
border-color: var(--ink);
color: var(--ink);
}
fleet-footer-extension[data-fleet-footer-project="reader"] .closing .btn-secondary:hover {
background: var(--night);
color: var(--paper-light);
}
fleet-footer-extension[data-fleet-footer-project="reader"] .site-footer {
display: flex;
width: 100%;
max-width: none;
margin: 0;
padding: 0;
flex-direction: column;
gap: 1rem;
}
fleet-footer-extension[data-fleet-footer-project="reader"] .site-footer > div {
min-width: 0;
}
fleet-footer-extension[data-fleet-footer-project="reader"] .site-footer nav {
display: flex;
width: 100%;
flex-wrap: wrap;
gap: 0.7rem 1rem;
}
fleet-footer-extension[data-fleet-footer-project="reader"] .site-footer nav a {
max-width: 100%;
overflow-wrap: anywhere;
}
</style>
<script is:inline>
document.addEventListener('click', (event) => {
const target = event.target;
Expand Down
20 changes: 17 additions & 3 deletions landing-astro/src/pages/changelog/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,6 +42,8 @@ const releases = [
title="Reader changelog — meaningful product improvements"
description="Verified improvements to Reader’s capture, reading, annotation, retrieval, and reliability workflows."
canonicalPath="/changelog"
showStandaloneProjectStrip={false}
useAuthoredFooterHost={true}
>
<div class="page">
<header class="header">
Expand Down Expand Up @@ -107,7 +109,19 @@ const releases = [
</ol>
</main>

<footer class="site-footer">
<fleet-footer-extension
data-fleet-footer-project="reader"
product-name="Reader"
art-src="/footer-art/reader-precise-original-v1.webp"
art-width="2172"
art-height="724"
art-position="50% 50%"
art-credit="Original illustration for Reader"
theme="light"
font-base="https://sassmaker.com/fonts/fleet-footer-precise-v1/"
>
<saas-maker-newsletter-capture slot="capture" catalog-id="reader" product-name="Reader" kind="newsletter" source="footer" privacy-url="https://read.significanthobbies.com/privacy"></saas-maker-newsletter-capture>
<footer slot="navigation" data-fleet-footer-navigation class="site-footer">
<div>
<a class="brand footer-brand" href="/"><span class="brand-mark" aria-hidden="true">R</span><span>Reader</span></a>
<p>A maintained personal research library for turning saved sources into working knowledge.</p>
Expand All @@ -116,7 +130,6 @@ const releases = [
<span>Current state</span>
<p>Personal-use · maintenance-first · no public checkout</p>
</div>
<saas-maker-newsletter-capture catalog-id="reader" product-name="Reader" kind="newsletter" source="footer" privacy-url="https://read.significanthobbies.com/privacy"></saas-maker-newsletter-capture>
<nav aria-label="Footer">
<a href="/about">About</a>
<a href="/privacy">Privacy</a>
Expand All @@ -135,6 +148,7 @@ const releases = [
></a
>
</nav>
</footer>
</footer>
</fleet-footer-extension>
</div>
</Layout>
20 changes: 16 additions & 4 deletions landing-astro/src/pages/faq.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ const faqJsonLd = {
};
---

<Layout title={TITLE} description={DESCRIPTION} canonicalPath="/faq">
<Layout title={TITLE} description={DESCRIPTION} canonicalPath="/faq" showStandaloneProjectStrip={false} useAuthoredFooterHost={true}>
<div class="page">
<header class="header">
<div class="header-inner">
Expand Down Expand Up @@ -107,7 +107,19 @@ const faqJsonLd = {
</div>
</main>

<footer class="site-footer">
<fleet-footer-extension
data-fleet-footer-project="reader"
product-name="Reader"
art-src="/footer-art/reader-precise-original-v1.webp"
art-width="2172"
art-height="724"
art-position="50% 50%"
art-credit="Original illustration for Reader"
theme="light"
font-base="https://sassmaker.com/fonts/fleet-footer-precise-v1/"
>
<saas-maker-newsletter-capture slot="capture" catalog-id="reader" product-name="Reader" kind="newsletter" source="footer" privacy-url="https://read.significanthobbies.com/privacy"></saas-maker-newsletter-capture>
<footer slot="navigation" data-fleet-footer-navigation class="site-footer">
<div>
<a class="brand footer-brand" href="/"><span class="brand-mark" aria-hidden="true">R</span><span>Reader</span></a>
<p>A maintained personal research library for turning saved sources into working knowledge.</p>
Expand All @@ -116,7 +128,6 @@ const faqJsonLd = {
<span>Current state</span>
<p>Personal-use · maintenance-first · no public checkout</p>
</div>
<saas-maker-newsletter-capture catalog-id="reader" product-name="Reader" kind="newsletter" source="footer" privacy-url="https://read.significanthobbies.com/privacy"></saas-maker-newsletter-capture>
<nav aria-label="Footer">
<a href="/about">About</a>
<a href="/privacy">Privacy</a>
Expand All @@ -135,7 +146,8 @@ const faqJsonLd = {
></a
>
</nav>
</footer>
</footer>
</fleet-footer-extension>
</div>

<script type="application/ld+json" set:html={JSON.stringify(faqJsonLd)} />
Expand Down
26 changes: 19 additions & 7 deletions landing-astro/src/pages/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ const capabilities = [
];
---

<Layout title={TITLE} description={DESCRIPTION}>
<Layout title={TITLE} description={DESCRIPTION} showStandaloneProjectStrip={false} useAuthoredFooterHost={true}>
<div class="page">
<header class="header">
<div class="header-inner">
Expand Down Expand Up @@ -260,7 +260,20 @@ const capabilities = [
<a class="text-link" href="/faq">Read the complete FAQ <span aria-hidden="true">→</span></a>
</section>

<section class="closing">
</main>

<fleet-footer-extension
data-fleet-footer-project="reader"
product-name="Reader"
art-src="/footer-art/reader-precise-original-v1.webp"
art-width="2172"
art-height="724"
art-position="50% 50%"
art-credit="Original illustration for Reader"
theme="light"
font-base="https://sassmaker.com/fonts/fleet-footer-precise-v1/"
>
<section class="closing" slot="cta" data-fleet-footer-cta>
<div class="closing-inner">
<p class="section-index">OPEN THE LIBRARY</p>
<h2>Bring one source you mean to understand.</h2>
Expand All @@ -271,9 +284,8 @@ const capabilities = [
</div>
</div>
</section>
</main>

<footer class="site-footer">
<saas-maker-newsletter-capture slot="capture" catalog-id="reader" product-name="Reader" kind="newsletter" source="footer" privacy-url="https://read.significanthobbies.com/privacy"></saas-maker-newsletter-capture>
<footer slot="navigation" data-fleet-footer-navigation class="site-footer">
<div>
<a class="brand footer-brand" href="/"><span class="brand-mark" aria-hidden="true">R</span><span>Reader</span></a>
<p>A maintained personal research library for turning saved sources into working knowledge.</p>
Expand All @@ -282,7 +294,6 @@ const capabilities = [
<span>Current state</span>
<p>Personal-use · maintenance-first · no public checkout</p>
</div>
<saas-maker-newsletter-capture catalog-id="reader" product-name="Reader" kind="newsletter" source="footer" privacy-url="https://read.significanthobbies.com/privacy"></saas-maker-newsletter-capture>
<nav aria-label="Footer">
<a href="/about">About</a>
<a href="/privacy">Privacy</a>
Expand All @@ -301,6 +312,7 @@ const capabilities = [
></a
>
</nav>
</footer>
</footer>
</fleet-footer-extension>
</div>
</Layout>
Loading