Homepage: Difference between revisions
No edit summary |
No edit summary |
||
| Line 211: | Line 211: | ||
font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase; | font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase; | ||
padding:3px 9px;border-radius:999px; | padding:3px 9px;border-radius:999px; | ||
background:rgba(255,106,33,.12);border:1px solid rgba(255,106,33,.25);color: | background:rgba(255,106,33,.12);border:1px solid rgba(255,106,33,.25);color:#fff; | ||
} | } | ||
.mock-badge-g { | .mock-badge-g { | ||
| Line 442: | Line 442: | ||
style="display:inline-flex;align-items:center;gap:8px;background:rgba(255,106,33,.08);border:1px solid rgba(255,106,33,.22);border-radius:999px;padding:6px 14px 6px 8px;text-decoration:none;margin-bottom:2.5rem;transition:background .2s" | style="display:inline-flex;align-items:center;gap:8px;background:rgba(255,106,33,.08);border:1px solid rgba(255,106,33,.22);border-radius:999px;padding:6px 14px 6px 8px;text-decoration:none;margin-bottom:2.5rem;transition:background .2s" | ||
onmouseover="this.style.background='rgba(255,106,33,.14)'" onmouseout="this.style.background='rgba(255,106,33,.08)'" | onmouseover="this.style.background='rgba(255,106,33,.14)'" onmouseout="this.style.background='rgba(255,106,33,.08)'" | ||
aria-label="New: | aria-label="New: Understanding PrEP: Role, Impact, and Considerations"> | ||
<span style="background:var(--grad);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:3px 10px;border-radius:999px">New</span> | <span style="background:var(--grad);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:3px 10px;border-radius:999px">New</span> | ||
<span style="font-size:.82rem;color:var(--text-2)"> | <span style="font-size:.82rem;color:var(--text-2)">Understanding PrEP: Role, Impact, and Considerations — just published</span> | ||
<svg width="13" height="13" fill="none" stroke="var(--text-3)" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg> | <svg width="13" height="13" fill="none" stroke="var(--text-3)" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"/></svg> | ||
</a> | </a> | ||
| Line 511: | Line 511: | ||
<svg width="15" height="15" fill="none" stroke="var(--orange)" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg> | <svg width="15" height="15" fill="none" stroke="var(--orange)" viewBox="0 0 24 24" aria-hidden="true"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg> | ||
</div> | </div> | ||
<div><div class="mock-title"> | <div><div class="mock-title">Understanding PrEP: Role, Impact, and Considerations</div><div class="mock-sub">12 min · Health & Safety</div></div> | ||
<div class="mock-badge-g">Life-Saving</div> | <div class="mock-badge-g">Life-Saving</div> | ||
</div> | </div> | ||