Page recipe R3
Directory
A grouped list of people. Collection cards, letter groups of member cards, profile steps, FAQ. Build it in code.
- Page kind
- conversion
- Serves
- /featured-members, /scholarship-recipients-all
- Base page
- /featured-members
- Components
- Page head, Band and container, Heading, Eyebrow, Anchor nav, Card, Member card, Group heading, Avatar, Steps, FAQ, Fine print, Button, Text link, CTA band
- Markdown
- /recipes/r3-directory.md
Overview
Serves: /featured-members (nid 63796) and its 11 cluster pages /featured-members/
How to use this recipe: it shows a proven page shape, not a fixed template. Start from the closest recipe, choose the components that fit the content, combine them as needed and leave out what does not fit. Only the component rules are fixed: grounds, one gold element per viewport, heading order, marks and the rules on each component page.
Build it in code. The member cards are a copy of live user records (photo, handle, privacy). Generate the directory from user records; this recipe fixes the markup the code prints.
Sections of the base page (ground in brackets):
- Page head [soft]: H1 and lead. No button: the anchor nav follows.
- Anchor nav [white, compact band].
- Collections [soft]: link-card grid, one card per cluster page.
- Personal brand [white]: band head, one button, a fine-print line.
- Directory [soft]: band head, letter nav, then one group per initial: a group heading with its count, and a member-card grid.
- Build your profile [white]: steps (3), one button, a fine-print line.
- FAQ [soft]: accordion.
- CTA band [navy]: closing band with the disclaimer as its note.
Components: page-head, band, heading, eyebrow, anchor-nav, card (link), member-card (--links for two routes in a short list, --row in hs-member-rows for a long list), group-head, avatar --md, steps, qa --accordion, fine print, button, link, cta-band.
Rules:
- One member card = one
<a>to the profile. A row that needs a second route (a school page, a video) useshs-member-card--links: a basic card with two plain links. - A long list with two routes per member (about 20+ rows) uses the row list:
ul.hs-member-rowswithli.hs-member-card--row./scholarship-recipients-all(131 rows) uses it. - The avatar next to the member’s name takes
alt="": the name is right beside it. - Meta lines are values only (field of study, school). One or two lines; skip an empty field.
- No counts in copy (“106 profiles”) unless code computes them. The group heading count is computed in code.
- One button per band; every band has
data-section; every route has the two PostHog attributes. - Keep each card on one line: full_html turns a newline between inline elements into
<br>.
Live page
Copy everything inside the block. HTML comments mark what the template prints and what is a placeholder.
Honor Society Featured Members
Honor Society Featured Members is a directory of public member profiles on HonorSociety.org. Meet the people sharing their education, interests, accomplishments, and goals—and explore the stories behind their names.
Explore all 11 featured member collections
Find members sharing your field of interest or explore a different path. Each collection features member stories and links to public profiles, from nursing and technology to the arts and career transitions.
Nursing & healthcare
Meet members exploring nursing, medicine, nutrition, health information, and healthcare leadership.
Business, finance & entrepreneurship
Explore member stories about accounting, finance, entrepreneurship, business operations, and leadership.
Technology, AI & cybersecurity
Discover members interested in software, artificial intelligence, data science, and cybersecurity.
Arts, design & media
Meet members pursuing film, design, photography, writing, music, and communication.
Psychology, social work & social sciences
Explore member perspectives on psychology, social work, anthropology, and human development.
Returning to education & changing careers
Read stories of returning to education, learning while working, and preparing for a career change.
Let your personal brand shine.
A thoughtful profile helps people understand who you are, what you care about, and where you want to go. Add your photo, education, experiences, and goals to give your story a clear home online.
Keep your public profile complete and current for the opportunity to be considered as a featured member. Featuring is not guaranteed.
Meet the community
Explore featured member profiles
Browse 106 public profiles, organized alphabetically by first name. Select a member’s name to visit their profile and learn more about their background and ambitions.
Education and study details are drawn from members’ public profiles. They may include past or planned study; visit the linked profile for context.
A 13 members
B 2 members
Make your next introduction count
Build a profile that sounds like you.
Your personal brand starts with a clear, accurate picture of who you are. A complete Honor Society profile brings your education, experience, achievements, and ambitions together in one place you can share with your network.
Put a face to your name
Add a clear profile photo and a short introduction. Share your interests, what motivates you, and the direction you want to take.
Make your progress visible
Include your education, projects, work, service, leadership, and accomplishments. Specific examples make your story more useful and memorable.
Share where you’re going
Update your goals and recent milestones. If you want your profile to be considered for featuring, make it public and share only information you are comfortable making visible.
After signing in, open your profile to review its information and visibility settings.
Featured members and profile FAQs
What is the Honor Society Featured Members directory?
The Honor Society Featured Members directory introduces members through their public HonorSociety.org profiles. Explore their education, interests, experiences, and goals, then select a linked name to read the member’s own account. This page brings the full directory together; the subject collections offer more focused stories and connections.
How do I find featured members in my field of interest?
Choose a collection in Browse by interest to explore related studies and career goals, or use the alphabetical directory to find a member by first name. Collections include healthcare, business, technology, the arts, education, public service, and other fields. Members can appear in more than one collection when their public profiles connect several interests.
How can I be considered for a featured member profile?
Sign in to your Honor Society account and complete your profile with a clear photo, a useful introduction, education, relevant experiences, and current goals. Review its visibility and make it public if you want your story considered for a feature. Specific examples help readers understand your contribution and direction. Completing a profile creates an opportunity for consideration; a feature is not guaranteed.
Can returning students and people changing careers be featured?
Yes. The returning to education & changing careers collection includes members who describe further study, a return to education, or a new professional direction. Honor Society welcomes students and professionals across fields and does not require a minimum GPA to join; see the membership requirements. A useful profile can explain how earlier experience connects to what you want to do next.
Are private profiles included, and how can I correct an entry?
This directory includes public profiles only. Sign in to update your profile and review its visibility. If a featured entry needs a correction or removal, contact Honor Society with the profile link and the change needed. Updating the source profile and requesting a directory correction helps keep both places accurate.
Does being featured mean a member has won a scholarship or holds a verified credential?
A feature introduces a member and their self-reported background; it is not an academic ranking, scholarship award, professional license, or school endorsement. Honor Society scholarship opportunities have their own requirements and selection processes. Read each member’s profile for the context behind their education, accomplishments, and goals.
Keep building your next chapter
Explore opportunities and resources alongside the stories of our members.
Honor Society® is an independent membership organization and is not affiliated with any other honor society. School names identify members’ self-reported educational backgrounds and do not imply institutional endorsement.
Page HTML (161 lines)
<!-- PAGE HEAD: printed by the template (hs_core_page_head). H1 = node title. -->
<section class="hs-band hs-band--soft hs-page-head" data-section="hero">
<div class="hs-container">
<h1 class="hs-heading hs-heading--h1 hs-heading--rule">Honor Society Featured Members</h1>
<p class="hs-lead hs-page-head__lead">Honor Society Featured Members is a directory of public member profiles on HonorSociety.org. Meet the people sharing their education, interests, accomplishments, and goals—and explore the stories behind their names.</p>
</div>
</section>
<!-- BODY FIELD START (or: the code-built page body) -->
<section class="hs-band hs-band--compact" data-section="on-this-page">
<div class="hs-container">
<nav class="hs-anchor-nav" aria-labelledby="hs-on-this-page">
<p class="hs-anchor-nav__label" id="hs-on-this-page">On this page</p>
<ul class="hs-anchor-nav__list">
<li><a class="hs-anchor-nav__link" href="#hs-interest-collections">All 11 featured collections</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-directory">Member directory</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-build-profile">Build a stronger profile</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-profile-questions">Profile questions</a></li>
</ul>
</nav>
</div>
</section>
<section class="hs-band hs-band--soft" id="hs-interest-collections" data-section="collections" aria-labelledby="hs-interest-heading">
<div class="hs-container">
<div class="hs-band__head">
<h2 class="hs-heading hs-heading--h2 hs-heading--rule" id="hs-interest-heading">Explore all 11 featured member collections</h2>
<p class="hs-lead">Find members sharing your field of interest or explore a different path. Each collection features member stories and links to public profiles, from nursing and technology to the arts and career transitions.</p>
</div>
<!-- 6 of 11 collections shown. Omitted: law-public-service, education, engineering-science,
veterinary-animal-science, environment-sustainability. The count line under each card is computed in code. -->
<ul class="hs-card-grid hs-card-grid--3">
<li><a class="hs-card hs-card--link" href="/featured-members/nursing-healthcare" data-ph-capture-attribute-cta="collection" data-ph-capture-attribute-cta-loc="collections"><h3 class="hs-card__title">Nursing & healthcare</h3><p class="hs-card__text">Meet members exploring nursing, medicine, nutrition, health information, and healthcare leadership.</p><p class="hs-card__meta">24 public member profiles</p></a></li>
<li><a class="hs-card hs-card--link" href="/featured-members/business-finance" data-ph-capture-attribute-cta="collection" data-ph-capture-attribute-cta-loc="collections"><h3 class="hs-card__title">Business, finance & entrepreneurship</h3><p class="hs-card__text">Explore member stories about accounting, finance, entrepreneurship, business operations, and leadership.</p><p class="hs-card__meta">21 public member profiles</p></a></li>
<li><a class="hs-card hs-card--link" href="/featured-members/technology" data-ph-capture-attribute-cta="collection" data-ph-capture-attribute-cta-loc="collections"><h3 class="hs-card__title">Technology, AI & cybersecurity</h3><p class="hs-card__text">Discover members interested in software, artificial intelligence, data science, and cybersecurity.</p><p class="hs-card__meta">10 public member profiles</p></a></li>
<li><a class="hs-card hs-card--link" href="/featured-members/arts-design-media" data-ph-capture-attribute-cta="collection" data-ph-capture-attribute-cta-loc="collections"><h3 class="hs-card__title">Arts, design & media</h3><p class="hs-card__text">Meet members pursuing film, design, photography, writing, music, and communication.</p><p class="hs-card__meta">8 public member profiles</p></a></li>
<li><a class="hs-card hs-card--link" href="/featured-members/social-sciences" data-ph-capture-attribute-cta="collection" data-ph-capture-attribute-cta-loc="collections"><h3 class="hs-card__title">Psychology, social work & social sciences</h3><p class="hs-card__text">Explore member perspectives on psychology, social work, anthropology, and human development.</p><p class="hs-card__meta">8 public member profiles</p></a></li>
<li><a class="hs-card hs-card--link" href="/featured-members/career-transitions" data-ph-capture-attribute-cta="collection" data-ph-capture-attribute-cta-loc="collections"><h3 class="hs-card__title">Returning to education & changing careers</h3><p class="hs-card__text">Read stories of returning to education, learning while working, and preparing for a career change.</p><p class="hs-card__meta">7 public member profiles</p></a></li>
</ul>
</div>
</section>
<section class="hs-band" data-section="personal-brand" aria-labelledby="hs-personal-brand">
<div class="hs-container">
<div class="hs-band__head">
<h2 class="hs-heading hs-heading--h2 hs-heading--rule" id="hs-personal-brand">Let your personal brand shine.</h2>
<p class="hs-lead">A thoughtful profile helps people understand who you are, what you care about, and where you want to go. Add your photo, education, experiences, and goals to give your story a clear home online.</p>
</div>
<div class="hs-actions">
<a class="hs-button" href="/user/login" data-ph-capture-attribute-cta="complete-profile" data-ph-capture-attribute-cta-loc="personal-brand">Complete your profile</a>
</div>
<div class="hs-band__foot">
<p class="hs-fine-print">Keep your public profile complete and current for the opportunity to be considered as a featured member. Featuring is not guaranteed.</p>
</div>
</div>
</section>
<section class="hs-band hs-band--soft" id="hs-directory" data-section="directory" aria-labelledby="hs-directory-title">
<div class="hs-container">
<div class="hs-band__head">
<p class="hs-eyebrow">Meet the community</p>
<h2 class="hs-heading hs-heading--h2 hs-heading--rule" id="hs-directory-title">Explore featured member profiles</h2>
<p class="hs-lead">Browse 106 public profiles, organized alphabetically by first name. Select a member’s name to visit their profile and learn more about their background and ambitions.</p>
<p class="hs-lead">Education and study details are drawn from members’ public profiles. They may include past or planned study; visit the linked profile for context.</p>
</div>
<!-- Letter nav: one link per initial that has members. Code prints only the letters that exist. -->
<nav class="hs-anchor-nav" aria-label="Browse members by first-name initial">
<ul class="hs-anchor-nav__list">
<li><a class="hs-anchor-nav__link" href="#hs-letter-a">A</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-b">B</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-c">C</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-d">D</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-e">E</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-g">G</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-h">H</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-j">J</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-m">M</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-s">S</a></li>
<li><a class="hs-anchor-nav__link" href="#hs-letter-w">W</a></li>
</ul>
</nav>
<!-- Group pattern. 2 of 19 groups shown (A, B), 4 + 2 of 15 members.
Sample rows are fictional members. Never copy real profiles here:
a member can turn a profile private at any time. -->
<!-- Each group: .hs-group with the letter anchor, a group heading with the count, then the card grid.
The count comes from code: it drifts when a profile turns private. -->
<div class="hs-band__foot">
<div class="hs-group" id="hs-letter-a">
<h3 class="hs-group-head"><span class="hs-group-head__title">A</span> <span class="hs-group-head__count">13 members</span></h3>
<ul class="hs-card-grid hs-card-grid--3">
<li><a class="hs-card hs-card--link hs-member-card" href="/members/addison-example" data-ph-capture-attribute-cta="member-profile" data-ph-capture-attribute-cta-loc="directory"><img class="hs-avatar hs-avatar--md" src="/placeholders/avatar.svg" width="64" height="64" alt="" loading="lazy"><span class="hs-member-card__body"><span class="hs-member-card__name">Addison Example</span><span class="hs-member-card__meta">Neuroscience</span><span class="hs-member-card__meta">Example State University</span></span></a></li>
<li><a class="hs-card hs-card--link hs-member-card" href="/members/ainsley-sample" data-ph-capture-attribute-cta="member-profile" data-ph-capture-attribute-cta-loc="directory"><img class="hs-avatar hs-avatar--md" src="/placeholders/avatar.svg" width="64" height="64" alt="" loading="lazy"><span class="hs-member-card__body"><span class="hs-member-card__name">Ainsley Sample</span><span class="hs-member-card__meta">Sample College</span></span></a></li>
<li><a class="hs-card hs-card--link hs-member-card" href="/members/arden-placeholder" data-ph-capture-attribute-cta="member-profile" data-ph-capture-attribute-cta-loc="directory"><img class="hs-avatar hs-avatar--md" src="/placeholders/avatar.svg" width="64" height="64" alt="" loading="lazy"><span class="hs-member-card__body"><span class="hs-member-card__name">Arden Placeholder</span><span class="hs-member-card__meta">Biomedical Sciences</span><span class="hs-member-card__meta">Placeholder University</span></span></a></li>
<li><a class="hs-card hs-card--link hs-member-card" href="/members/aubrey-example" data-ph-capture-attribute-cta="member-profile" data-ph-capture-attribute-cta-loc="directory"><img class="hs-avatar hs-avatar--md" src="/placeholders/avatar.svg" width="64" height="64" alt="" loading="lazy"><span class="hs-member-card__body"><span class="hs-member-card__name">Aubrey Example</span><span class="hs-member-card__meta">Exercise Science</span><span class="hs-member-card__meta">Example College</span></span></a></li>
</ul>
</div>
<div class="hs-group" id="hs-letter-b">
<h3 class="hs-group-head"><span class="hs-group-head__title">B</span> <span class="hs-group-head__count">2 members</span></h3>
<ul class="hs-card-grid hs-card-grid--3">
<li><a class="hs-card hs-card--link hs-member-card" href="/members/bailey-sample" data-ph-capture-attribute-cta="member-profile" data-ph-capture-attribute-cta-loc="directory"><img class="hs-avatar hs-avatar--md" src="/placeholders/avatar.svg" width="64" height="64" alt="" loading="lazy"><span class="hs-member-card__body"><span class="hs-member-card__name">Bailey Sample</span><span class="hs-member-card__meta">Journalism, Photojournalism, Creative Writing</span><span class="hs-member-card__meta">Example High School</span></span></a></li>
<li><a class="hs-card hs-card--link hs-member-card" href="/members/brooke-placeholder" data-ph-capture-attribute-cta="member-profile" data-ph-capture-attribute-cta-loc="directory"><img class="hs-avatar hs-avatar--md" src="/placeholders/avatar.svg" width="64" height="64" alt="" loading="lazy"><span class="hs-member-card__body"><span class="hs-member-card__name">Brooke Placeholder</span><span class="hs-member-card__meta">civil engineering</span><span class="hs-member-card__meta">Sample University</span></span></a></li>
</ul>
</div>
</div>
</div>
</section>
<section class="hs-band" id="hs-build-profile" data-section="build-profile" aria-labelledby="hs-build-heading">
<div class="hs-container">
<div class="hs-band__head">
<p class="hs-eyebrow">Make your next introduction count</p>
<h2 class="hs-heading hs-heading--h2 hs-heading--rule" id="hs-build-heading">Build a profile that sounds like you.</h2>
<p class="hs-lead">Your personal brand starts with a clear, accurate picture of who you are. A complete Honor Society profile brings your education, experience, achievements, and ambitions together in one place you can share with your network.</p>
</div>
<ol class="hs-steps">
<li class="hs-steps__item"><h3 class="hs-steps__title">Put a face to your name</h3><p class="hs-steps__text">Add a clear profile photo and a short introduction. Share your interests, what motivates you, and the direction you want to take.</p></li>
<li class="hs-steps__item"><h3 class="hs-steps__title">Make your progress visible</h3><p class="hs-steps__text">Include your education, projects, work, service, leadership, and accomplishments. Specific examples make your story more useful and memorable.</p></li>
<li class="hs-steps__item"><h3 class="hs-steps__title">Share where you’re going</h3><p class="hs-steps__text">Update your goals and recent milestones. If you want your profile to be considered for featuring, make it public and share only information you are comfortable making visible.</p></li>
</ol>
<div class="hs-band__foot">
<div class="hs-actions">
<a class="hs-button" href="/user/login" data-ph-capture-attribute-cta="update-profile" data-ph-capture-attribute-cta-loc="build-profile">Sign in and update your profile</a>
</div>
<p class="hs-fine-print">After signing in, open your profile to review its information and visibility settings.</p>
</div>
</div>
</section>
<section class="hs-band hs-band--soft" id="hs-profile-questions" data-section="faq" aria-labelledby="hs-questions-heading">
<div class="hs-container">
<div class="hs-band__head">
<h2 class="hs-heading hs-heading--h2 hs-heading--rule" id="hs-questions-heading">Featured members and profile FAQs</h2>
</div>
<!-- 6 of 8 questions shown. Omitted: "What should I include in a strong personal branding profile?",
"How can I use my Honor Society profile to support my personal brand?". -->
<div class="hs-qa hs-qa--accordion">
<details class="hs-qa__item"><summary class="hs-qa__question">What is the Honor Society Featured Members directory?</summary><div class="hs-qa__answer hs-prose"><p>The Honor Society Featured Members directory introduces members through their public HonorSociety.org profiles. Explore their education, interests, experiences, and goals, then select a linked name to read the member’s own account. This page brings the full directory together; the subject collections offer more focused stories and connections.</p></div></details>
<details class="hs-qa__item"><summary class="hs-qa__question">How do I find featured members in my field of interest?</summary><div class="hs-qa__answer hs-prose"><p>Choose a collection in <a href="#hs-interest-collections">Browse by interest</a> to explore related studies and career goals, or use the <a href="#hs-directory">alphabetical directory</a> to find a member by first name. Collections include healthcare, business, technology, the arts, education, public service, and other fields. Members can appear in more than one collection when their public profiles connect several interests.</p></div></details>
<details class="hs-qa__item"><summary class="hs-qa__question">How can I be considered for a featured member profile?</summary><div class="hs-qa__answer hs-prose"><p><a href="/user/login">Sign in to your Honor Society account</a> and complete your profile with a clear photo, a useful introduction, education, relevant experiences, and current goals. Review its visibility and make it public if you want your story considered for a feature. Specific examples help readers understand your contribution and direction. Completing a profile creates an opportunity for consideration; a feature is not guaranteed.</p></div></details>
<details class="hs-qa__item"><summary class="hs-qa__question">Can returning students and people changing careers be featured?</summary><div class="hs-qa__answer hs-prose"><p>Yes. The <a href="/featured-members/career-transitions">returning to education & changing careers</a> collection includes members who describe further study, a return to education, or a new professional direction. Honor Society welcomes students and professionals across fields and does not require a minimum GPA to join; see the <a href="/requirements">membership requirements</a>. A useful profile can explain how earlier experience connects to what you want to do next.</p></div></details>
<details class="hs-qa__item"><summary class="hs-qa__question">Are private profiles included, and how can I correct an entry?</summary><div class="hs-qa__answer hs-prose"><p>This directory includes public profiles only. <a href="/user/login">Sign in</a> to update your profile and review its visibility. If a featured entry needs a correction or removal, <a href="/contact">contact Honor Society</a> with the profile link and the change needed. Updating the source profile and requesting a directory correction helps keep both places accurate.</p></div></details>
<details class="hs-qa__item"><summary class="hs-qa__question">Does being featured mean a member has won a scholarship or holds a verified credential?</summary><div class="hs-qa__answer hs-prose"><p>A feature introduces a member and their self-reported background; it is not an academic ranking, scholarship award, professional license, or school endorsement. <a href="/scholarships">Honor Society scholarship opportunities</a> have their own requirements and selection processes. Read each member’s profile for the context behind their education, accomplishments, and goals.</p></div></details>
</div>
</div>
</section>
<section class="hs-band hs-band--navy hs-cta-band" data-section="next-chapter" aria-labelledby="hs-next-heading">
<div class="hs-container hs-cta-band__inner">
<h2 class="hs-heading hs-heading--h2" id="hs-next-heading">Keep building your next chapter</h2>
<p class="hs-lead">Explore opportunities and resources alongside the stories of our members.</p>
<div class="hs-actions hs-cta-band__actions">
<a class="hs-button" href="/scholarships" data-ph-capture-attribute-cta="scholarships" data-ph-capture-attribute-cta-loc="next-chapter">Scholarship opportunities</a>
<a class="hs-link" href="/about" data-ph-capture-attribute-cta="about" data-ph-capture-attribute-cta-loc="next-chapter">About Honor Society</a>
</div>
<p class="hs-cta-band__note">Honor Society® is an independent membership organization and is not affiliated with any other honor society. School names identify members’ self-reported educational backgrounds and do not imply institutional endorsement.</p>
</div>
</section>
<!-- BODY FIELD END -->Recipients page
The award bands of /scholarship-recipients-all: one band per award, two groups per band, a row list in each group. The page head, the anchor nav by award and the recipient-story cards come before them, as in the overview.
Study Abroad Scholarship
Scholarship recipients 3 recipients
Historical finalists 2 finalists
Page HTML (27 lines)
<!-- AWARD BAND: one per award (8 on prod). Code prints the bands, the groups, the counts and the rows.
1 of 8 bands shown, 3 + 2 rows. Sample rows are fictional; print a row only for a public profile.
Alternate the ground per band: white, soft, white. -->
<section class="hs-band" id="hs-study-abroad-scholarship" data-section="study-abroad-scholarship" aria-labelledby="hs-study-abroad-heading">
<div class="hs-container">
<div class="hs-band__head">
<h2 class="hs-heading hs-heading--h2 hs-heading--rule" id="hs-study-abroad-heading">Study Abroad Scholarship</h2>
</div>
<div class="hs-band__foot">
<div class="hs-group">
<h3 class="hs-group-head"><span class="hs-group-head__title">Scholarship recipients</span> <span class="hs-group-head__count">3 recipients</span></h3>
<ul class="hs-member-rows">
<li class="hs-member-card hs-member-card--row"><a class="hs-member-card__link" href="/members/elliot-example" data-ph-capture-attribute-cta="recipient-profile" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Elliot Example</a><a class="hs-member-card__meta-link" href="/university/placeholder-university" data-ph-capture-attribute-cta="university" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Placeholder University</a></li>
<li class="hs-member-card hs-member-card--row"><a class="hs-member-card__link" href="/members/jamie-sample" data-ph-capture-attribute-cta="recipient-profile" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Jamie Sample</a><a class="hs-member-card__meta-link" href="/university/example-college" data-ph-capture-attribute-cta="university" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Example College</a></li>
<li class="hs-member-card hs-member-card--row"><a class="hs-member-card__link" href="/members/casey-placeholder" data-ph-capture-attribute-cta="recipient-profile" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Casey Placeholder</a><a class="hs-member-card__meta-link" href="/university/sample-university" data-ph-capture-attribute-cta="university" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Sample University</a></li>
</ul>
</div>
<div class="hs-group">
<h3 class="hs-group-head"><span class="hs-group-head__title">Historical finalists</span> <span class="hs-group-head__count">2 finalists</span></h3>
<ul class="hs-member-rows">
<li class="hs-member-card hs-member-card--row"><a class="hs-member-card__link" href="/members/avery-example" data-ph-capture-attribute-cta="recipient-profile" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Avery Example</a><a class="hs-member-card__meta-link" href="/university/example-state-university" data-ph-capture-attribute-cta="university" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Example State University</a></li>
<li class="hs-member-card hs-member-card--row"><a class="hs-member-card__link" href="/members/riley-sample" data-ph-capture-attribute-cta="recipient-profile" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Riley Sample</a><a class="hs-member-card__meta-link" href="/university/sample-institute" data-ph-capture-attribute-cta="university" data-ph-capture-attribute-cta-loc="study-abroad-scholarship">Sample Institute</a></li>
</ul>
</div>
</div>
</div>
</section>Notes
Changes from the prod page (structure, not copy):
- The hero h2 “Real people. Ambition in every profile.” has no place in the page head; the H1 is the node title.
- The second hero paragraph and its two buttons (“Explore all 11 featured collections”, “View all 106 public profiles”) left the page head: the anchor nav carries both routes, and the counts drift.
- The letter-group headings keep their counts in the group heading (“A”, “13 members”); code computes them. The step labels “01 / Introduce yourself” left the steps: the component draws the number.
- Member cards lost the “Study / interests:” and “Education:” labels and the “Public member profile” line.
- The related-links box (4 links) became the closing CTA band: one button and one link. “Member resources” and “Profile support” were left out. “Back to the member directory” was left out.
- The letter nav in this sample lists 11 initials; prod has 19 (A–W).
Copy issues (kept as written):
- H1 “Honor Society Featured Members” is the first reference and has no ®.
- Banned nouns: “opportunity”, “opportunities”, “resources” (personal-brand note, CTA band, FAQ), “more” (“learn more”, “more focused”).
- Counts in copy: “11 featured member collections” (anchor nav, h2), “106 public profiles” (directory lead). They drift; code must compute them or the copy drops them.
- “Scholarship opportunities” as a button label is not verb + noun (“See scholarships”).
- User data is not normalised: lower-case fields (“civil engineering”) and raw school names on prod (“georgia institute of technology-main campus”, “Asu”).
Dynamic parts that need code:
- The whole directory: member cards (picture image-style URL with
itok, name, handle, field, school), the letter nav (only initials that have members), and every count. Same for the 11 cluster pages. - /scholarship-recipients-all: 131 rows with two links each (name to the profile, school to /university/
). 44 of 126 profile links fail for a visitor. Generate from the 45 scholarship_recipients nodes.
/scholarship-recipients-all on this recipe: page head, anchor nav by award (8 links), recipient-story cards (hs-member-card--recipient, as in R1), then one band per award with two groups (“Scholarship recipients”, “Historical finalists”), each a group heading with its count and a row list (ul.hs-member-rows, li.hs-member-card--row): the name links to the profile, the school to /university/<slug>. See Recipients page. FAQ, CTA band. Remove the pasted <meta>, <title>, <main> and the 1023 empty paragraphs first.
The hs_mcp validator must allow (only if this ships as hs_html_page, not code): <nav>; data-section with a slug value; class-based styling. Drop decoding and the data-hs-member, data-hs-group, data-hs-cluster-navigation, data-recipient-name, data-record-status attributes: none is needed.
Missing components:
- Letter index: the anchor nav works, but a single-letter link is a narrow tap target (40px tall, about 10px wide).