+1 -2

src/components/Definitions/Definitions.css

Reviewed

··· 39 39 } 40 40 41 41 .definitions-page p { 42 42 - margin: 15px 0; 43 42 line-height: 1.5; 44 43 } 45 44 ··· 68 67 } 69 68 70 69 .definitions-section { 71 71 - margin-bottom: 40px; 70 70 + margin-bottom: 20px; 72 71 } 73 72 74 73 /* Definition accordion styles */

+3 -8

src/components/Definitions/Definitions.js

Reviewed

··· 73 73 id: "bluesky-eras", 74 74 term: "Bluesky Eras", 75 75 definition: "Ever since Bluesky was first incubated from within Twitter in 2019, it has been through numerous different defining eras. Each of these eras has had distinct qualities and even cultures. The main eras are as follows: 1. pre-history (staff, advisors, friends), 2. invite-only (the introduction of the invite system), 3. public release (anyone could create an account)", 76 76 - learnMoreLink: "https://atproto.com/guides/account-migration#updating-identity" 77 76 }, 78 77 { 79 78 id: "alt-text", ··· 139 138 This page provides explanations for key terms related to Bluesky, the AT Protocol, and how the cred.blue scoring system works. 140 139 </p> 141 140 142 142 - <div className="back-to-methodology"> 143 143 - <Link to="/methodology">← Back to Scoring Methodology</Link> 144 144 - </div> 145 145 - 146 141 <section className="definitions-section"> 147 147 - <h2>Social Status Definitions</h2> 142 142 + <h2>Social Statuses</h2> 148 143 <p> 149 149 - Rather than displaying follower counts on profiles, the cred.blue analysis categorizes each identity into one of five social statuses based on its follower count, social graph ratio, engagement rate, and age. There are additional labels placed before the social status to indicate how engaging the account actually is. 144 144 + Rather than displaying follower counts on profiles, the cred.blue analysis categorizes each identity into one of five social statuses based on its follower count, social graph ratio, engagement rate, and age. 150 145 </p> 151 146 <div className="social-statuses-container definitions-container"> 152 147 {socialStatuses.map((status) => ( ··· 186 181 </section> 187 182 188 183 <section className="definitions-section"> 189 189 - <h2>AT Protocol & Bluesky Terms</h2> 184 184 + <h2>Bluesky & ATProto Terms</h2> 190 185 <p> 191 186 Understanding these terms will help you better navigate the Bluesky ecosystem and interpret your cred.blue score. 192 187 </p>

+6

src/components/ScoringMethodology/ScoringMethodology.css

Reviewed

··· 79 79 text-align: center; 80 80 border-top: 1px solid var(--card-border, #e2e8f0); 81 81 } 82 82 + 83 83 + .related-page-content p { 84 84 + font-size: .9em; 85 85 + margin: 0; 86 86 + opacity: .8; 87 87 + } 82 88 83 89 .definitions-link:hover { 84 90 background-color: var(--background, #f8f9fa);

+10 -2

src/components/common/RelatedPagesNav.css

Reviewed

··· 1 1 /* src/components/common/RelatedPagesNav.css */ 2 2 3 3 .related-pages-container { 4 4 - margin-top: 50px; 5 5 - margin-bottom: 20px; 6 4 border-radius: 6px; 7 5 background-color: var(--navbar-bg, #fff); 8 6 overflow: hidden; ··· 16 14 font-weight: 600; 17 15 color: var(--text); 18 16 border-bottom: 1px solid var(--card-border, #e2e8f0); 17 17 + background-color: var(--background); 18 18 + } 19 19 + 20 20 + .related-pages-title h3 { 21 21 + padding: 15px; 22 22 + margin: 0; 23 23 + font-weight: 600; 24 24 + color: var(--text); 25 25 + border-bottom: 1px solid var(--card-border, #e2e8f0); 26 26 + background-color: var(--background); 19 27 } 20 28 21 29 .related-pages-links {