move from twitter to bluesky in examples#1815
Merged
Merged
Conversation
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
Member
|
@cderv Yes, I think we need to redo the screenshots. In addition to:
I think we should redo:
These other ones can probably remain since they are in sections that aren't as clearly linked to default template:
|
Member
Author
Ok. Probably a good opportunity to create a script to help us redo screenshots quickly. |
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
cderv
force-pushed
the
twitter-to-bluesky
branch
from
92e5a81 to
3fd8f09
Compare
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
cderv
force-pushed
the
twitter-to-bluesky
branch
from
3fd8f09 to
01ba64f
Compare
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
cderv
added a commit
that referenced
this pull request
Mar 11, 2026
- Add .include-dark to tools.png, myblog.png, and 4 about-page images (trestles, solana, marquee, broadside) so dark variants render - Replace Twitter references with Bluesky in alt text - Use concise alt text matching manifest descriptions - jolla and navbar-tools already updated in prior commits
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
Captured from https://quarto-dev.github.io/quarto-demo/ with GitHub dropdown open, showing sidebar title, tools, search, and navigation. # Conflicts: # docs/websites/images/tools-dark.png # docs/websites/images/tools.png
- Add .include-dark to tools.png, myblog.png, and 4 about-page images (trestles, solana, marquee, broadside) so dark variants render - Replace Twitter references with Bluesky in alt text - Use concise alt text matching manifest descriptions - jolla and navbar-tools already updated in prior commits
Switch from quarto.org URL to local breadcrumbs example with matching sidebar structure (Tutorials > Tutorial Landing). Uses darkly + custom SCSS to make breadcrumb background transparent in dark mode. # Conflicts: # docs/websites/images/nav-breadcrumbs-dark.png # docs/websites/images/nav-breadcrumbs.png
Replace anchored and floating sidebar screenshots with new captures from screenshot tooling. Add dark variants and .include-dark class.
Navbar-only element capture at 1000px viewport from navbar-basic example.
nav-bar-hybrid, nav-bar-hybrid-sidebar, nav-bar-hybrid-dropdown with dark mode variants.
Enables dark mode variants for nav-bar-hybrid, nav-bar-hybrid-sidebar, and nav-bar-hybrid-dropdown screenshots.
The dark variant (nav-breadcrumbs-dark.png) was already in the PR but the .qmd reference was missing the .include-dark class.
cderv
force-pushed
the
twitter-to-bluesky
branch
from
0fa3cf7 to
0be9e78
Compare
Contributor
📝 Preview Deployment🔍 Full site preview: https://deploy-preview-1815.quarto.org 🔄 Modified Documents |
github-actions Bot
pushed a commit
that referenced
this pull request
Mar 23, 2026
Replace Twitter with Bluesky in examples and recapture website screenshots with dark mode variants - Update social media references from Twitter to Bluesky across blog posts, website docs, footer, and example projects - Recapture website navigation screenshots (sidebar-tools, breadcrumbs, navbar, hybrid-nav, reader-mode, repo-actions, about pages, myblog) with dark mode variants using `.include-dark` class - Fix fig-alt typos in website-navigation.qmd (cherry picked from commit 1cf3f47)
Contributor
|
Successfully created backport PR for |
cderv
added a commit
that referenced
this pull request
Mar 24, 2026
Documents the .qmd changes needed in PR #1815 to use the dark mode screenshots: add .include-dark class to image references, update alt text from Twitter to Bluesky.
cderv
added a commit
that referenced
this pull request
Mar 24, 2026
…enshots Refactor about-pages to use Quarto profiles (one shared about.qmd, five _quarto-<template>.yml configs). Add sidebar-tools and myblog example projects. Add manifest entries for about-trestles, about-solana, about-marquee, about-broadside, sidebar-tools, and myblog.
cderv
added a commit
that referenced
this pull request
Mar 24, 2026
cderv
added a commit
that referenced
this pull request
Mar 24, 2026
- Add .include-dark to tools.png, myblog.png, and 4 about-page images (trestles, solana, marquee, broadside) so dark variants render - Replace Twitter references with Bluesky in alt text - Use concise alt text matching manifest descriptions - jolla and navbar-tools already updated in prior commits
cderv
added a commit
that referenced
this pull request
Mar 27, 2026
Add developer tooling for capturing and maintaining documentation screenshots on quarto.org using Playwright. Screenshots are defined declaratively in a JSON manifest, then captured automatically — no manual screenshotting needed. The tooling lives under _tools/screenshots/ and includes: - capture.js: Playwright-based replay engine that renders pages, executes interactions (clicks, hovers, toggles), and captures screenshots with automatic light/dark variants - manifest.json: Declarative definitions for 17 screenshots (34 images with dark variants) covering about pages, navbar configs, sidebar layouts, breadcrumbs, reader mode, and repo action links - JSON Schema validation for manifest entries - Content-aware trim, crop, and clip-union post-processing via sharp - Spotlight effect for highlighting specific elements - Quarto profile support for rendering different configurations - Example projects under examples/ as minimal screenshot sources (includes quarto-demo as a git subtree) - CI compression workflow (.github/workflows/optimize-images.yml) for oxipng optimization after merge - /screenshot Claude Code skill for interactive screenshot authoring Developed alongside PR #1815 (Twitter → Bluesky migration), which served as real-world validation — all 19 screenshots in that PR were produced by this tool.
github-actions Bot
pushed a commit
that referenced
this pull request
Mar 27, 2026
Add developer tooling for capturing and maintaining documentation screenshots on quarto.org using Playwright. Screenshots are defined declaratively in a JSON manifest, then captured automatically — no manual screenshotting needed. The tooling lives under _tools/screenshots/ and includes: - capture.js: Playwright-based replay engine that renders pages, executes interactions (clicks, hovers, toggles), and captures screenshots with automatic light/dark variants - manifest.json: Declarative definitions for 17 screenshots (34 images with dark variants) covering about pages, navbar configs, sidebar layouts, breadcrumbs, reader mode, and repo action links - JSON Schema validation for manifest entries - Content-aware trim, crop, and clip-union post-processing via sharp - Spotlight effect for highlighting specific elements - Quarto profile support for rendering different configurations - Example projects under examples/ as minimal screenshot sources (includes quarto-demo as a git subtree) - CI compression workflow (.github/workflows/optimize-images.yml) for oxipng optimization after merge - /screenshot Claude Code skill for interactive screenshot authoring Developed alongside PR #1815 (Twitter → Bluesky migration), which served as real-world validation — all 19 screenshots in that PR were produced by this tool. (cherry picked from commit b184c08)
cderv
added a commit
that referenced
this pull request
Mar 27, 2026
…1976) Add developer tooling for capturing and maintaining documentation screenshots on quarto.org using Playwright. Screenshots are defined declaratively in a JSON manifest, then captured automatically — no manual screenshotting needed. The tooling lives under _tools/screenshots/ and includes: - capture.js: Playwright-based replay engine that renders pages, executes interactions (clicks, hovers, toggles), and captures screenshots with automatic light/dark variants - manifest.json: Declarative definitions for 17 screenshots (34 images with dark variants) covering about pages, navbar configs, sidebar layouts, breadcrumbs, reader mode, and repo action links - JSON Schema validation for manifest entries - Content-aware trim, crop, and clip-union post-processing via sharp - Spotlight effect for highlighting specific elements - Quarto profile support for rendering different configurations - Example projects under examples/ as minimal screenshot sources (includes quarto-demo as a git subtree) - CI compression workflow (.github/workflows/optimize-images.yml) for oxipng optimization after merge - /screenshot Claude Code skill for interactive screenshot authoring Developed alongside PR #1815 (Twitter → Bluesky migration), which served as real-world validation — all 19 screenshots in that PR were produced by this tool. (cherry picked from commit b184c08) Co-authored-by: Christophe Dervieux <christophe.dervieux@gmail.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This follows switch to bluesky in
We have a PR to move from twitter to bluesky in
This closes quarto-dev/quarto-cli#13204 too
We'll have more work for other support
Question
@cwickham we have several screenshot that will show result with past options:
quarto-web/docs/websites/website-navigation.qmd
Line 112 in 1559c73
Should we redo those screenshot and adapt the alt text too ?