Skip to content

feat(#94): add creator attribution + update footer socials#95

Merged
atlas-apex merged 1 commit into
mainfrom
feature/GH-94-attribution-and-footer
Apr 19, 2026
Merged

feat(#94): add creator attribution + update footer socials#95
atlas-apex merged 1 commit into
mainfrom
feature/GH-94-attribution-and-footer

Conversation

@atlas-apex

@atlas-apex atlas-apex commented Apr 19, 2026

Copy link
Copy Markdown
Collaborator

Summary

Gives apexyard a human face:

  1. Hero attribution line directly under the tagline — small uppercase monospace "Built by me2resh". Subtle but visible at first glance, with the subdued underline style that signals "this is clickable" without competing with the hero CTA.
  2. Footer refresh — left span swaps the generic brand line for "Built by me2resh · MIT · plain markdown · zero dependencies". Right span adds twitter + blog to the existing github link (drops the issues + prs links that are already in the "final" CTA block just above).

Tagline bottom margin tightened (1rem → 0.4rem) so the attribution sits visually glued to the tagline rather than floating as a separate paragraph.

Testing

  1. Load the deploy preview. Hero shows: Where projects get forged. → BUILT BY ME2RESH in small monospace caps with an underline on "me2resh". Hover turns it red (--accent).
  2. Scroll to bottom. Footer reads: Built by me2resh · MIT · plain markdown · zero dependencies on the left; github · twitter · blog on the right. All four links open in a new tab.
  3. DevTools → Console: no CSP violations (these are navigation targets, not resource fetches).
  4. Mobile (320px): hero attribution wraps cleanly; footer stacks onto two rows without overlap.
  5. Dark mode (macOS Appearance: Dark): both attribution and footer remain readable.

Closes #94

Glossary

Term Definition
Hero attribution A short "Built by [creator]" line placed inside the hero region — positioned where first-time visitors look, unlike a footer-only attribution which few readers reach.
role="contentinfo" ARIA landmark role for a page's footer. Signals to assistive tech that this region contains information about the parent document (copyright, author, related links) rather than primary content.
target="_blank" rel="noopener" Pairing that opens a link in a new tab while severing the window.opener reference, preventing the new tab's page from manipulating the opener's window.location. Standard hygiene for any outbound link.
Navigation target vs resource fetch CSP's connect-src / script-src / etc. govern resource fetches (XHR, script loads, stylesheet loads). Plain <a href> navigation that leaves the page is outside CSP's remit — no policy update needed when adding outbound links.
Tagline vs sub Two distinct hero paragraphs: the tagline is the 3-word brand promise; the sub is a multi-sentence elaboration. The attribution line sits between them now.

@me2resh
feat(#94): add creator attribution + update footer socials
62e64d3 
Two additions to the landing so apexyard has a human face and a
discoverable trail back to the creator's other work.

1. Hero attribution line immediately under the tagline: "Built by
   me2resh" where "me2resh" links to me2resh.com. Small uppercase
   monospace (12px, --ink-faint), accent-coloured on hover. Tagline
   margin tightened from 1rem to 0.4rem so the new line sits visually
   joined to the tagline rather than floating.

2. Footer refresh. Left span swaps the generic
   "apexyard v1.0 · MIT · plain markdown · zero dependencies" brand
   line for the attribution: "Built by me2resh · MIT · plain
   markdown · zero dependencies" (drops v1.0 - already shown in the
   hero eyebrow + version badge). Right span adds twitter + blog to
   the existing github link: "github · twitter · blog". Removed the
   issues + prs links because they're duplicated in the "final" CTA
   block just above the footer and the social-style footer reads
   cleaner without them.

   Footer link styling now has an explicit 1px underline so anchors
   look clickable; existing hover-to-accent behaviour kept. role
   contentinfo landmark added for a11y.

No CSP change needed - me2resh.com, github.com, twitter.com are
navigation targets not resource fetches, outside CSP's remit. All
external links carry target="_blank" rel="noopener".

Closes #94
@netlify

netlify Bot commented Apr 19, 2026 •
edited
Loading

Copy link
Copy Markdown

✅ Deploy Preview for apexyard ready!

Name Link
🔨 Latest commit 62e64d3
🔍 Latest deploy log https://app.netlify.com/projects/apexyard/deploys/69e4967d9ce91c0008c1cf73
😎 Deploy Preview https://deploy-preview-95--apexyard.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

atlas-apex
atlas-apex commented Apr 19, 2026
View reviewed changes

@atlas-apex atlas-apex left a comment

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review: PR #95

Commit: 62e64d3c1e808ab3ecc2ab194475a6e545a664e1

Summary

Small UI-only change to site/index.html: adds a hero attribution line under the tagline ("Built by me2resh", monospace caps, --ink-faint) and refreshes the footer (swapped brand line, replaced issues/prs links with twitter/blog, added role="contentinfo", explicit 1px underline on footer links). Tagline margin-bottom tightened from 1rem → 0.4rem so the new attribution sits visually glued to the tagline.

Checklist Results

  • Architecture & Design: N/A (single-file static landing)
  • Code Quality: Pass
  • Testing: N/A (UI-only; Netlify preview is the verification surface)
  • Security: Pass
  • Performance: Pass (+38 lines of inline CSS/HTML, no new fetches)
  • PR Description & Glossary: Pass (5 substantive terms)
  • Technical Decisions (AgDR): N/A (no new libraries, frameworks, patterns, or architectural decisions — a content + presentation diff)

Issues Found

None.

Verification Notes

  • CSP: Triple-checked. The netlify.toml CSP covers script-src, style-src, font-src, img-src, connect-src, frame-ancestors, base-uri, form-action. None of these govern <a href> navigation targets — CSP intentionally does not gate outbound navigation (no navigate-to directive is in effect here). The three new external href hosts (me2resh.com, twitter.com/me2resh, github.com/me2resh) are navigation targets, not resource fetches. No CSP update required. The PR body and ticket #94 call this out correctly.
  • Tabnabbing hygiene: All four outbound links have target="_blank" rel="noopener" — hero attribution, footer left "me2resh", and footer right github/twitter/blog. ✓
  • Mobile render: Hero attribution is 12px monospace caps with letter-spacing: 0.08em; the text "BUILT BY ME2RESH" is ~15 characters, well inside the 60ch parent width even on 320px. The .rise-3 class matches the existing hero__sub reveal stagger, so the new line animates in on the same beat as the sub. Layout-safe.
  • role="contentinfo": Correctly placed on the <footer> element. Technically redundant since a <footer> as a direct child of <body> already exposes an implicit contentinfo landmark, but harmless and matches the AC from #94.
  • Link styling consistency: New hero attribution and updated footer links both use the same 1px border-bottom underline + hover-swap-to---accent pattern already established elsewhere on the page. Good brand consistency.
  • CI: Netlify preview + Header rules + Redirect rules + Verify Ticket ID + lychee all green. "Pages changed" skipped (expected — no markdown mutation).
  • Ticket: #94 is open, labeled enhancement, and the PR delivers exactly what the ACs asked for including the CSP and role="contentinfo" notes.

Suggestions (non-blocking)

  • If you ever want to suppress the redundant role="contentinfo" on a future a11y-lint pass, it's safe to drop — but equally safe to keep as a belt-and-braces signal. Not worth changing now.

Verdict

APPROVED

Reviewed by Rex (Code Reviewer Agent)
Reviewed commit: 62e64d3c1e808ab3ecc2ab194475a6e545a664e1

@atlas-apex atlas-apex merged commit e5c0f83 into main Apr 19, 2026
6 checks passed
@atlas-apex atlas-apex deleted the feature/GH-94-attribution-and-footer branch April 19, 2026 08:55
osama-abu-baker pushed a commit to osama-abu-baker/apexyard that referenced this pull request Jun 3, 2026
@atlas-apex @me2resh
feat(me2resh#94): add creator attribution + update footer socials (me…
dd97e74 
…2resh#95)

Two additions to the landing so apexyard has a human face and a
discoverable trail back to the creator's other work.

1. Hero attribution line immediately under the tagline: "Built by
   me2resh" where "me2resh" links to me2resh.com. Small uppercase
   monospace (12px, --ink-faint), accent-coloured on hover. Tagline
   margin tightened from 1rem to 0.4rem so the new line sits visually
   joined to the tagline rather than floating.

2. Footer refresh. Left span swaps the generic
   "apexyard v1.0 · MIT · plain markdown · zero dependencies" brand
   line for the attribution: "Built by me2resh · MIT · plain
   markdown · zero dependencies" (drops v1.0 - already shown in the
   hero eyebrow + version badge). Right span adds twitter + blog to
   the existing github link: "github · twitter · blog". Removed the
   issues + prs links because they're duplicated in the "final" CTA
   block just above the footer and the social-style footer reads
   cleaner without them.

   Footer link styling now has an explicit 1px underline so anchors
   look clickable; existing hover-to-accent behaviour kept. role
   contentinfo landmark added for a11y.

No CSP change needed - me2resh.com, github.com, twitter.com are
navigation targets not resource fetches, outside CSP's remit. All
external links carry target="_blank" rel="noopener".

Closes me2resh#94

Co-authored-by: me2resh <ahmed.abdelaliem@gmail.com>
mosta7il pushed a commit to mosta7il/apexyard that referenced this pull request Jun 8, 2026
@atlas-apex @me2resh
feat(me2resh#94): add creator attribution + update footer socials (me…
e189f7c 
…2resh#95)

Two additions to the landing so apexyard has a human face and a
discoverable trail back to the creator's other work.

1. Hero attribution line immediately under the tagline: "Built by
   me2resh" where "me2resh" links to me2resh.com. Small uppercase
   monospace (12px, --ink-faint), accent-coloured on hover. Tagline
   margin tightened from 1rem to 0.4rem so the new line sits visually
   joined to the tagline rather than floating.

2. Footer refresh. Left span swaps the generic
   "apexyard v1.0 · MIT · plain markdown · zero dependencies" brand
   line for the attribution: "Built by me2resh · MIT · plain
   markdown · zero dependencies" (drops v1.0 - already shown in the
   hero eyebrow + version badge). Right span adds twitter + blog to
   the existing github link: "github · twitter · blog". Removed the
   issues + prs links because they're duplicated in the "final" CTA
   block just above the footer and the social-style footer reads
   cleaner without them.

   Footer link styling now has an explicit 1px underline so anchors
   look clickable; existing hover-to-accent behaviour kept. role
   contentinfo landmark added for a11y.

No CSP change needed - me2resh.com, github.com, twitter.com are
navigation targets not resource fetches, outside CSP's remit. All
external links carry target="_blank" rel="noopener".

Closes me2resh#94

Co-authored-by: me2resh <ahmed.abdelaliem@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@me2resh me2resh me2resh approved these changes

Assignees

No one assigned

Labels

github-issue has-ticket

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[Task] Add creator attribution + social footer to landing

2 participants

@atlas-apex @me2resh