diff --git a/core/views.py b/core/views.py index ebfdd5f87..cf7116a44 100644 --- a/core/views.py +++ b/core/views.py @@ -1773,8 +1773,9 @@ def get_context_data(self, **kwargs): {"label": "Visit the FAQ", "url": "https://www.example.com"}, ], "url": "https://www.example.com", - "label": "Learn more about Boost", - "image_src": "/static/img/v3/examples/Learn Card Image.png", + "label": "Get started with Boost", + "image_src": f"{settings.STATIC_URL}img/v3/examples/Learn_Card_Image.png", + "mobile_image_src": f"{settings.STATIC_URL}img/v3/examples/Cheetah_Mobile.png", } context["testimonial_data"] = { @@ -1998,7 +1999,7 @@ def get_context_data(self, **kwargs): deps = lv.dependencies.order_by("name") context["dependencies_card_data"] = [ { - "name": dep.display_name_short, + "name": dep.name, "url": reverse( "library-detail", kwargs={ diff --git a/static/css/v3/account-connections.css b/static/css/v3/account-connections.css index 81dbd3094..a1b497e1c 100644 --- a/static/css/v3/account-connections.css +++ b/static/css/v3/account-connections.css @@ -46,7 +46,7 @@ } .account-connections__platform-name { - font-family: var(--font-sans, 'Mona Sans VF'), sans-serif; + font-family: var(--font-sans); font-size: var(--font-size-base, 16px); font-weight: var(--font-weight-medium, 500); line-height: var(--line-height-default, 1.2); @@ -57,7 +57,7 @@ .account-connections__status { flex: 1 1 0; - font-family: var(--font-sans, 'Mona Sans VF'), sans-serif; + font-family: var(--font-sans); font-size: var(--font-size-base, 16px); font-weight: var(--font-weight-regular, 400); line-height: var(--line-height-default, 1.2); diff --git a/static/css/v3/banner.css b/static/css/v3/banner.css index 38044d8a3..73fcc2b3d 100644 --- a/static/css/v3/banner.css +++ b/static/css/v3/banner.css @@ -14,7 +14,7 @@ color: var(--color-text-on-accent, #050816); /* Sans/Desktop/Regular/XS/Tight */ - font-family: var(--font-sans, "Mona Sans VF"); + font-family: var(--font-sans); font-size: var(--font-size-xs, 12px); font-weight: var(--font-weight-regular); line-height: var(--line-height-tight); diff --git a/static/css/v3/calendar.css b/static/css/v3/calendar.css index d209a47d7..6c0141c9c 100644 --- a/static/css/v3/calendar.css +++ b/static/css/v3/calendar.css @@ -12,7 +12,7 @@ color: var(--color-text-primary, #050816); /* Sans/Desktop/Regular/2XL */ - font-family: var(--font-sans, "Mona Sans VF"); + font-family: var(--font-sans); font-size: var(--font-size-2xl, 40px); font-style: normal; font-weight: var(--font-weight-regular); @@ -26,7 +26,7 @@ color: var(--color-text-secondary, #585A64); /* Sans/Desktop/Regular/M */ - font-family: var(--font-sans, "Mona Sans VF"); + font-family: var(--font-sans); font-size: var(--font-size-medium, 18px); font-style: normal; font-weight: var(--font-weight-regular); diff --git a/static/css/v3/card.css b/static/css/v3/card.css index afe652211..a8186b8a3 100644 --- a/static/css/v3/card.css +++ b/static/css/v3/card.css @@ -52,11 +52,14 @@ } .card__column { - display: flex; - flex-direction: column; - align-items: flex-start; - gap: var(--space-large); - width: 100%; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: var(--space-large); + width: 100%; + color: var(--color-text-secondary); + font-size: var(--font-size-medium); + letter-spacing: var(--letter-spacing-tight); } .card__header { @@ -126,7 +129,7 @@ flex: 1 0 0; padding: 0; color: var(--color-text-secondary, #585a64); - font-family: var(--font-sans, 'Mona Sans VF'), sans-serif; + font-family: var(--font-sans); font-size: var(--font-size-base, 16px); font-weight: var(--font-weight-regular, 400); line-height: var(--line-height-default, 1.2); diff --git a/static/css/v3/carousel-buttons.css b/static/css/v3/carousel-buttons.css index 79ebc1e19..42bc30136 100644 --- a/static/css/v3/carousel-buttons.css +++ b/static/css/v3/carousel-buttons.css @@ -26,13 +26,13 @@ } .carousel-buttons .btn-carousel .btn-icon { - width: 12px; - height: 12px; + width: 16px; + height: 16px; } .carousel-buttons .btn-carousel .btn-icon svg { - width: 12px; - height: 12px; + width: 16px; + height: 16px; } .carousel-buttons .btn-carousel:hover:not(:disabled) { diff --git a/static/css/v3/category-tags.css b/static/css/v3/category-tags.css index 0f29215c8..0ce22a15a 100644 --- a/static/css/v3/category-tags.css +++ b/static/css/v3/category-tags.css @@ -5,6 +5,7 @@ font-family: var(--font-sans); font-size: var(--font-size-xs); line-height: var(--line-height-tight); + letter-spacing: var(--letter-spacing-tight); font-weight: var(--font-weight-regular); border-radius: var(--border-radius-s); text-decoration: none; diff --git a/static/css/v3/code-block.css b/static/css/v3/code-block.css index 6eead36b5..b9193062b 100644 --- a/static/css/v3/code-block.css +++ b/static/css/v3/code-block.css @@ -39,7 +39,7 @@ border-radius: var(--border-radius-l); overflow: auto; font-family: var(--font-code); - font-size: var(--font-size-small); + font-size: var(--font-size-xs); line-height: var(--line-height-code); color: var(--code-block-text); box-sizing: border-box; @@ -68,6 +68,8 @@ font-weight: 500; color: var(--color-syntax-cpp-text) !important; white-space: break-spaces !important; + font-size: inherit; + line-height: var(--line-height-code); } /* CTA button in card */ @@ -136,11 +138,6 @@ html.dark .code-block-card--grey { .code-block-card__heading { margin: 0; padding: 0 var(--space-card) var(--space-card) var(--space-card); - font-size: var(--font-size-large); - font-weight: var(--font-weight-medium); - line-height: var(--line-height-tight); - font-family: var(--font-display); - color: var(--color-text-primary); } .code-block-card__description { @@ -148,7 +145,8 @@ html.dark .code-block-card--grey { var(--space-card); margin: 0 0 var(--space-medium); font-size: var(--font-size-medium); - line-height: var(--line-height-relaxed); + line-height: var(--line-height-default); + letter-spacing: var(--letter-spacing-tight); color: var(--color-text-secondary); } @@ -163,12 +161,14 @@ html.dark .code-block-card--grey { white-space: pre; min-height: 1em; overflow: hidden; + font-size: inherit; + line-height: inherit; } .code-block__copy { position: absolute; - top: var(--space-default); - right: var(--space-default); + top: var(--space-card); + right: var(--space-card); width: var(--code-block-copy-icon-size); height: var(--code-block-copy-icon-size); padding: 0; diff --git a/static/css/v3/content.css b/static/css/v3/content.css index 06308048c..f71099ab1 100644 --- a/static/css/v3/content.css +++ b/static/css/v3/content.css @@ -83,6 +83,7 @@ a:hover .content-detail-icon:not(.content-detail-icon--contained) { margin: 0; font-size: var(--font-size-small); line-height: var(--line-height-relaxed); + letter-spacing: var(--letter-spacing-tight); color: var(--color-text-secondary); padding: 0; } diff --git a/static/css/v3/dialog.css b/static/css/v3/dialog.css index 50283f8a8..a36554e81 100644 --- a/static/css/v3/dialog.css +++ b/static/css/v3/dialog.css @@ -99,7 +99,7 @@ font-size: var(--font-size-large); font-weight: var(--font-weight-medium); line-height: var(--line-height-tight); - letter-spacing: var(--letter-spacing-display-regular); + letter-spacing: var(--letter-spacing-tight); color: var(--color-text-primary); display: block !important; } diff --git a/static/css/v3/fonts.css b/static/css/v3/fonts.css index be85f4690..8e80ab3e3 100644 --- a/static/css/v3/fonts.css +++ b/static/css/v3/fonts.css @@ -1,14 +1,14 @@ /** * V3 typography fonts. - * Reuses v2 fonts from /static/font/ where same (Monaspace); v3-only (Mona Sans, Space Mono) in /static/font/v3/ + * Reuses v2 fonts from /static/font/ where same (Monaspace); v3-only (Mona Sans) in /static/font/v3/ */ /* Mona Sans – v3 only */ @font-face { font-family: 'Mona Sans VF'; font-style: normal; - font-weight: 200 900; - font-stretch: 75% 125%; + font-weight: 400 500; + font-stretch: 95%; font-display: swap; src: url('/static/font/v3/mona-sans/mona-sans-vf.ttf') format('truetype'); } @@ -16,8 +16,8 @@ @font-face { font-family: 'Mona Sans VF'; font-style: italic; - font-weight: 200 900; - font-stretch: 75% 125%; + font-weight: 400 500; + font-stretch: 95%; font-display: swap; src: url('/static/font/v3/mona-sans/mona-sans-vf-italic.ttf') format('truetype'); } @@ -44,7 +44,7 @@ @font-face { font-family: 'Monaspace Neon'; font-style: normal; - font-weight: 100 900; + font-weight: 400; font-stretch: 100%; font-display: swap; src: url('/static/font/MonaspaceNeon-Var.woff2') format('woff2'); @@ -63,7 +63,7 @@ @font-face { font-family: 'Monaspace Xenon'; font-style: normal; - font-weight: 100 900; + font-weight: 400; font-stretch: 100%; font-display: swap; src: url('/static/font/MonaspaceXenon-Var.woff2') format('woff2'); @@ -77,39 +77,3 @@ font-display: swap; src: url('/static/font/MonaspaceXenon-Italic.woff2') format('woff2'); } - -@font-face { - font-family: 'Space Mono'; - font-style: normal; - font-weight: 400; - font-stretch: 100%; - font-display: swap; - src: url('/static/font/v3/space-mono/SpaceMono-Regular.ttf') format('truetype'); -} - -@font-face { - font-family: 'Space Mono'; - font-style: italic; - font-weight: 400; - font-stretch: 100%; - font-display: swap; - src: url('/static/font/v3/space-mono/SpaceMono-Italic.ttf') format('truetype'); -} - -@font-face { - font-family: 'Space Mono'; - font-style: normal; - font-weight: 700; - font-stretch: 100%; - font-display: swap; - src: url('/static/font/v3/space-mono/SpaceMono-Bold.ttf') format('truetype'); -} - -@font-face { - font-family: 'Space Mono'; - font-style: italic; - font-weight: 700; - font-stretch: 100%; - font-display: swap; - src: url('/static/font/v3/space-mono/SpaceMono-BoldItalic.ttf') format('truetype'); -} diff --git a/static/css/v3/footer.css b/static/css/v3/footer.css index 6f6698487..e34df0709 100644 --- a/static/css/v3/footer.css +++ b/static/css/v3/footer.css @@ -1,9 +1,9 @@ .footer { - --footer-text: var(--Text-Primary, var(--color-text-primary, #050816)); + --footer-text: var(--color-text-primary); padding: var(--space-large) var(--space-large); color: var(--footer-text); - font-family: var(--Typefaces-Sans, var(--font-sans, "Mona Sans VF")); - font-size: var(--Sizes-XS, 12px); + font-family: var(--font-sans); + font-size: var(--font-size-xs); font-style: normal; font-weight: 400; line-height: 120%; @@ -15,8 +15,8 @@ .footer a, .footer p { color: var(--footer-text); - font-family: var(--Typefaces-Sans, var(--font-sans, "Mona Sans VF")); - font-size: var(--Sizes-XS, 12px); + font-family: var(--font-sans); + font-size: var(--font-size-xs); font-style: normal; font-weight: 400; line-height: 120%; diff --git a/static/css/v3/forms.css b/static/css/v3/forms.css index ce56d2f48..e4553b95c 100644 --- a/static/css/v3/forms.css +++ b/static/css/v3/forms.css @@ -15,7 +15,7 @@ font-family: var(--font-sans); font-size: var(--font-size-xs); font-weight: var(--font-weight-medium); - line-height: var(--line-height-relaxed); + line-height: var(--line-height-default); letter-spacing: var(--letter-spacing-tight); color: var(--color-text-primary); } diff --git a/static/css/v3/learn-cards.css b/static/css/v3/learn-cards.css index 10a80005f..0f1a90bd6 100644 --- a/static/css/v3/learn-cards.css +++ b/static/css/v3/learn-cards.css @@ -15,7 +15,7 @@ } .learn-card__link-column { - gap: var(--space-s); + gap: var(--space-default); } @media (max-width: 1280px) { @@ -44,7 +44,6 @@ .learn-card__title { color: var(--color-text-primary); - font-family: var(--font-display); font-size: var(--font-size-large); font-weight: var(--font-weight-medium); @@ -53,11 +52,8 @@ } .learn-card__text { - color: var(--color-text-secondary); - font-family: var(--font-sans); font-size: var(--font-size-base); - font-weight: var(--font-weight-medium); letter-spacing: -0.16px; } @@ -90,7 +86,12 @@ text-decoration-skip-ink: auto; text-decoration-thickness: 7.5%; text-underline-offset: 15.2%; - text-underline-position: from-font; + text-underline-position: auto; + color: var(--color-text-primary); +} + +.learn-card__link:hover { + color: var(--color-text-link-accent); } diff --git a/static/css/v3/library-intro-card.css b/static/css/v3/library-intro-card.css index f897a128e..726fe5b2b 100644 --- a/static/css/v3/library-intro-card.css +++ b/static/css/v3/library-intro-card.css @@ -1,7 +1,7 @@ /* Library Intro Card Component */ .library-intro-card { - font-family: var(--font-sans, "Mona Sans VF"), sans-serif; + font-family: var(--font-sans); display: flex; flex-direction: column; max-width: 458px; @@ -42,6 +42,10 @@ color: var(--color-text-primary, #050816); } +.library-intro-card__description { + color: var(--color-text-secondary); +} + .library-intro-card__title-pill { display: inline-flex; align-items: center; diff --git a/static/css/v3/markdown-card.css b/static/css/v3/markdown-card.css index 6418e8cee..274095f5e 100644 --- a/static/css/v3/markdown-card.css +++ b/static/css/v3/markdown-card.css @@ -13,7 +13,6 @@ } .markdown-content { - color: var(--color-text-secondary); padding: 0 var(--space-large); font-size: var(--font-size-small); font-weight: var(--font-weight-regular); diff --git a/static/css/v3/post-card.css b/static/css/v3/post-card.css index 2f8e48d2e..e59209140 100644 --- a/static/css/v3/post-card.css +++ b/static/css/v3/post-card.css @@ -42,12 +42,10 @@ font-weight: var(--font-weight-regular); line-height: var(--line-height-default); letter-spacing: -0.12px; - color: var(--color-text-secondary); } .post-card__meta > :not(:first-child)::before { content: "•"; - color: var(--color-text-secondary); user-select: none; margin-right: 6px; } diff --git a/static/css/v3/post-filter.css b/static/css/v3/post-filter.css index 9c29f2cad..3880f0ace 100644 --- a/static/css/v3/post-filter.css +++ b/static/css/v3/post-filter.css @@ -33,6 +33,7 @@ font-family: var(--font-sans); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); + letter-spacing: var(--letter-spacing-tight); color: var(--color-text-primary); background: var(--color-surface-weak); border: 1px solid var(--color-stroke-weak); diff --git a/static/css/v3/search-card.css b/static/css/v3/search-card.css index 11ce21d8e..e8f26d886 100644 --- a/static/css/v3/search-card.css +++ b/static/css/v3/search-card.css @@ -1,7 +1,7 @@ /* Search Card Component */ .search-card { - font-family: var(--font-sans, 'Mona Sans VF'), sans-serif; + font-family: var(--font-sans); display: flex; flex-direction: column; gap: var(--space-large, 16px); @@ -16,7 +16,7 @@ .search-card__heading { margin: 0; - font-family: var(--font-display, 'Mona Sans Display SemiCondensed'), sans-serif; + font-family: var(--font-display); font-size: var(--font-size-large, 24px); font-weight: var(--font-weight-medium, 500); line-height: var(--line-height-tight, 1); @@ -35,7 +35,7 @@ .search-card__popular-label { margin: 0; padding: 0; - font-family: var(--font-sans, 'Mona Sans VF'), sans-serif; + font-family: var(--font-sans); font-size: var(--font-size-xs, 12px); font-weight: var(--font-weight-regular, 400); line-height: var(--line-height-default, 1.2); @@ -59,7 +59,7 @@ background: var(--color-surface-strong-accent-green-default, #caca62); border: none; border-radius: var(--border-radius-s, 4px); - font-family: var(--font-sans, 'Mona Sans VF'), sans-serif; + font-family: var(--font-sans); font-size: var(--font-size-xs, 12px); font-weight: var(--font-weight-regular, 400); line-height: var(--line-height-tight, 1); diff --git a/static/css/v3/spacing.css b/static/css/v3/spacing.css index 0da61038d..fcfaabb4f 100644 --- a/static/css/v3/spacing.css +++ b/static/css/v3/spacing.css @@ -34,7 +34,6 @@ --space-xxl: 48px; --space-avatar: 40px; --space-card: 12px; - --space-icon-copy: 20px; /* xs, s unchanged on mobile */ } } diff --git a/static/css/v3/tab.css b/static/css/v3/tab.css index 598229fed..ebed7d55a 100644 --- a/static/css/v3/tab.css +++ b/static/css/v3/tab.css @@ -29,8 +29,9 @@ font-family: var(--font-sans); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); - color: var(--color-text-secondary); + color: var(--color-text-tertiary); line-height: var(--line-height-default); + letter-spacing: var(--letter-spacing-tight); transition: color 0.1s ease, border-color 0.1s ease; diff --git a/static/css/v3/testimonial-card.css b/static/css/v3/testimonial-card.css index c05183fec..fbbd803b5 100644 --- a/static/css/v3/testimonial-card.css +++ b/static/css/v3/testimonial-card.css @@ -20,11 +20,11 @@ .testimonial-card__text { color: var(--color-text-primary, #050816); - font-family: var(--font-sans, "Mona Sans VF"); + font-family: var(--font-sans); font-size: var(--font-size-xl, 32px); font-weight: var(--font-weight-regular); line-height: var(--line-height-tight); - letter-spacing: var(--letter-spacing-display-regular); + letter-spacing: var(--letter-spacing-tight); } .testimonial-card__text-tail { @@ -55,7 +55,7 @@ /* Sans/Desktop/Regular/XS/Default */ - font-family: var(--font-sans, "Mona Sans VF"); + font-family: var(--font-sans); font-size: var(--font-size-xs, 12px); font-style: normal; font-weight: 400; diff --git a/static/css/v3/typography.css b/static/css/v3/typography.css index e87b11af7..1eb587689 100644 --- a/static/css/v3/typography.css +++ b/static/css/v3/typography.css @@ -12,8 +12,8 @@ /* Typeface */ --font-sans: 'Mona Sans VF', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-display: 'Mona Sans Display SemiCondensed', 'Mona Sans VF', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; - --font-code: 'Monaspace Neon', 'Space Mono', 'Monaco', 'Courier New', monospace; - --font-comments: 'Monaspace Xenon', 'Space Mono', 'Monaco', 'Courier New', monospace; + --font-code: 'Monaspace Neon', 'Monaco', 'Courier New', monospace; + --font-comments: 'Monaspace Xenon', 'Monaco', 'Courier New', monospace; /* Weight */ --font-weight-regular: 400; diff --git a/static/css/v3/user-profile.css b/static/css/v3/user-profile.css index 038799276..054519b99 100644 --- a/static/css/v3/user-profile.css +++ b/static/css/v3/user-profile.css @@ -14,8 +14,8 @@ font-family: var(--font-sans); font-size: var(--font-size-xs); font-weight: var(--font-weight-regular); - line-height: 1.2; - letter-spacing: -0.01em; + line-height: var(--line-height-default); + letter-spacing: var(--letter-spacing-tight); color: var(--color-text-primary); } @@ -57,18 +57,13 @@ gap: var(--space-default); min-width: 0; width: 100%; + text-decoration: none; } .user-profile--has-bio .user-profile__name-group { width: auto; } -/* ── Text styles ────────────────────────────── */ - -.user-profile__name { - text-decoration: none; -} - .user-profile__role { color: var(--color-text-secondary); } diff --git a/static/css/v3/wysiwyg-editor.css b/static/css/v3/wysiwyg-editor.css index f053bef78..3d08df26b 100644 --- a/static/css/v3/wysiwyg-editor.css +++ b/static/css/v3/wysiwyg-editor.css @@ -445,7 +445,7 @@ background-color: var(--color-surface-brand-accent-default, #f7f7f8) !important; /* Inline code – visible on-brand highlight */ .wysiwyg-editor__prose code { padding: 0.2em 0.45em; - font-family: var(--font-code, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace); + font-family: var(--font-code); font-size: 0.85em; background: rgba(255, 160, 0, 0.15); border: 1px solid rgba(255, 160, 0, 0.3); @@ -462,7 +462,7 @@ background-color: var(--color-surface-brand-accent-default, #f7f7f8) !important; background: var(--code-block-bg, #f6f8fa); border: 1px solid var(--color-stroke-weak, rgba(5, 8, 22, 0.1)); border-radius: var(--border-radius-l, 8px); - font-family: var(--font-code, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace); + font-family: var(--font-code); font-size: var(--font-size-small, 14px); line-height: var(--line-height-code, 1.5); } @@ -589,7 +589,7 @@ background-color: var(--color-surface-brand-accent-default, #f7f7f8) !important; border: none; border-right: 1px solid var(--color-stroke-weak, rgba(5, 8, 22, 0.1)); padding: var(--space-medium, 12px) var(--space-large, 16px); - font-family: var(--font-code, ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace); + font-family: var(--font-code); font-size: var(--font-size-small, 14px); line-height: 1.5; color: var(--color-text-primary, #050816); diff --git a/static/font/v3/space-mono/SpaceMono-Bold.ttf b/static/font/v3/space-mono/SpaceMono-Bold.ttf deleted file mode 100644 index 7c38f236f..000000000 Binary files a/static/font/v3/space-mono/SpaceMono-Bold.ttf and /dev/null differ diff --git a/static/font/v3/space-mono/SpaceMono-BoldItalic.ttf b/static/font/v3/space-mono/SpaceMono-BoldItalic.ttf deleted file mode 100644 index b2f1e0d6d..000000000 Binary files a/static/font/v3/space-mono/SpaceMono-BoldItalic.ttf and /dev/null differ diff --git a/static/font/v3/space-mono/SpaceMono-Italic.ttf b/static/font/v3/space-mono/SpaceMono-Italic.ttf deleted file mode 100644 index 3845e1717..000000000 Binary files a/static/font/v3/space-mono/SpaceMono-Italic.ttf and /dev/null differ diff --git a/static/font/v3/space-mono/SpaceMono-Regular.ttf b/static/font/v3/space-mono/SpaceMono-Regular.ttf deleted file mode 100644 index 8bf82cece..000000000 Binary files a/static/font/v3/space-mono/SpaceMono-Regular.ttf and /dev/null differ diff --git a/templates/v3/includes/_carousel_buttons.html b/templates/v3/includes/_carousel_buttons.html index e677fc379..234c68cc3 100644 --- a/templates/v3/includes/_carousel_buttons.html +++ b/templates/v3/includes/_carousel_buttons.html @@ -5,9 +5,9 @@ {% endcomment %} diff --git a/templates/v3/includes/_code_block.html b/templates/v3/includes/_code_block.html index a73c8739a..e2be3046c 100644 --- a/templates/v3/includes/_code_block.html +++ b/templates/v3/includes/_code_block.html @@ -18,7 +18,7 @@ {% endcomment %}
{% if code_html %}{{ code_html|safe }}{% else %}{{ code }}{% endif %}
diff --git a/templates/v3/includes/_code_block_card.html b/templates/v3/includes/_code_block_card.html index e9a70bf0b..51cc37b22 100644 --- a/templates/v3/includes/_code_block_card.html +++ b/templates/v3/includes/_code_block_card.html @@ -13,7 +13,7 @@ button_aria_label (optional) — accessible name for the button; defaults to button_text if omitted {% endcomment %}
-

{{ heading }}

+

{{ heading }}

{% if description %}

{{ description }}

{% endif %} {% if code or code_html %}{% include "v3/includes/_code_block.html" with code=code code_html=code_html language=language variant=block_variant|default:"grey-bg" %}{% endif %} {% if button_text %} diff --git a/templates/v3/includes/_library_intro_card.html b/templates/v3/includes/_library_intro_card.html index 25f3c59dd..a16ad2334 100644 --- a/templates/v3/includes/_library_intro_card.html +++ b/templates/v3/includes/_library_intro_card.html @@ -19,7 +19,7 @@

{{ description }}

{% for author in authors %} -
+
{% include "v3/includes/_user_profile.html" with author=author %}
diff --git a/templates/v3/includes/_thread_archive_card.html b/templates/v3/includes/_thread_archive_card.html index e46c2d31d..8b543f716 100644 --- a/templates/v3/includes/_thread_archive_card.html +++ b/templates/v3/includes/_thread_archive_card.html @@ -2,4 +2,4 @@ Thread archive card. Links to the latest mailing list threads, as well as the archive. {% endcomment %} {% load static %} -{% include "v3/includes/_vertical_card.html" with title="Explore The Boost Developers Mailing List" image_url="/static/img/v3/community-page/community-mailing-list-preview.png" image_alt="Preview of recent threads on the Boost developers mailing list" primary_button_url="https://lists.boost.org/archives/list/boost@lists.boost.org/latest" primary_button_label="Recent Threads" secondary_button_url="https://lists.boost.org/archives/list/boost@lists.boost.org/" secondary_button_label="View Archive" only %} +{% include "v3/includes/_vertical_card.html" with title="Explore the Boost Developers Mailing List" image_url="/static/img/v3/community-page/community-mailing-list-preview.png" image_alt="Preview of recent threads on the Boost developers mailing list" primary_button_url="https://lists.boost.org/archives/list/boost@lists.boost.org/latest" primary_button_label="Recent Threads" secondary_button_url="https://lists.boost.org/archives/list/boost@lists.boost.org/" secondary_button_label="View Archive" only %}