Docs/screenshot updates#151
Open
vastzuby wants to merge 29 commits into
Open
Conversation
Pair light/dark theme webps for ~28 image refs across: - template editor sections (console-templates-6/-7/-8/-9/-10/-11/-12/-13/-14/-15 + console-create-custom-template) - volumes-2/-5/-6/-7/-8 (no-rent batch) - instances-reserved-6 (reserved price-breakdown tooltip) - console-keys-4/-5 (SSH key row + Edit modal) - console-keys-6/-7 (API key pair refs in api-keys.mdx) - console-instance-guide-2/-5/-7/-9/-10/-12/-13 (clean card crops) - console-templates-instance-portal-2/-3/-4/-5/-6/-7 (Portal pages) - endpoint-log (serverless endpoint log viewer) - console-creating-templates-for-grobid (On-start Script field) Resolve orphan PNGs: - /images/image.png -> console-destroy-instance-refund.webp - /images/Screenshot2025-09-08171421.png -> console-card-ssh-tooltip.webp Light/dark dimension audit: 0 mismatches.
…names - Update SIDEBAR_CROP from (510, 0, ...) to (448, 0, ...) so left edge of content (first column header text, sidebar tab labels) is no longer cut off. - Auto-trim excessive empty bottom whitespace on 64 sidebar-cropped webps (saved ~31000px total across both themes). Content-end detection uses page-background sampling below the navbar. - Reshoot console-templates-2 (NVIDIA CUDA card): was 620x650 hyper-zoomed showing only the bottom; now 854x562 tightly framed on the recommended template card with title, image path, and action buttons visible. - Reshoot console-templates-3 (Offers page with GPU filter): the "Search the offers" dropdown was unintentionally open over the offer list; now closed. - Reshoot teams-quickstart-4 (Members page): full Members tab + testasdf header visible (was 'embers' + 'sdf' truncated); username 'zuby@vast.ai' blurred in both Member Name and E-mail columns to redact personal email from public docs. - Copy fixed -4 file to teams-quickstart-2 and -7 so all three Members refs match the corrected state (still rendered the same in docs but content is now correct rather than wrong-but-consistent). Note: -2 and -7 should eventually show distinct states (-2 before team creation, -7 after invite) but the current account has only one member; deferring to a future pass. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
…toff
teams-quickstart.mdx:
- Remove duplicate Frame blocks for teams-quickstart (Create Team) and
teams-quickstart-2/-4 (Members Page) - they were byte-identical to
teams-quickstart-3 and -7 respectively.
- Keep one Members shot (-7) and one Create Team shot (-3).
teams-quickstart-3 (Create Team modal):
- Rebuilt from localhost (bob@vast.ai, no team yet) so the modal opens
from the page-level "Create Team" button instead of the context-switcher
dropdown. This eliminates the dropdown overlap that was behind the modal
in the previous version.
- Dismiss the "Update to hosting fee" auto-modal first so no second dialog
bleeds through.
- Hide the email-verification top-nav notice (dev-account artifact).
teams-quickstart-7 (Members page):
- Rebuild with 4 synthetic members (Alice/Bob/Carol/Dan @example.com)
injected via DOM into the Members table.
- Rename "testasdf" -> "Acme Team" via DOM text replacement.
- Hide left sidebar via DOM so the navbar isn't truncated by image crop.
console-templates (Templates page):
- Rebuild with sidebar hidden via DOM so the first column of cards
('NVIDIA CUDA') and the search input ('Search') are no longer cut.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
- Reshoot console-keys-6 (API Keys list) after cleaning out 9 throwaway test keys. List view now uncluttered. New api key 'key1' was created separately to replace any accidentally-removed live key. - Remove the Loading Indicator Frame from instance-portal.mdx (and delete the associated -2 light/dark webps). The loading state is described inline in the surrounding paragraph; no need for a screenshot. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
… tight crop - quickstart.mdx: remove duplicate guides-overview-quick-start-2 frame (was a close-up of the credit balance), fold the 'Your balance...' caption into the parent Frame for the billing screenshot. - console-keys-6 (API Keys list): reshoot from localhost so the admin sidebar items don't appear. Sidebar hidden via DOM, auto-trim bottom. - console-keys-7 (Create API Key modal): reshoot from localhost with tight bbox crop on the modal — removes all the empty space the user flagged. - teams-quickstart-3 (Create Team modal): reshoot from localhost and tight-crop to the modal region (940x680 instead of 3840x1413).
- console-keys-6 + console-keys-7: switch back to cloud.vast.ai with sidebar hidden via DOM. The admin section is part of the sidebar so hiding the sidebar removes it. localhost theme toggle doesn't actually flip the React theme state (it only changes data-theme attr without triggering a re-render), so dark variants were byte-identical to light. Cloud's theme toggle works properly; both variants now have correct light/dark backgrounds. - console-keys-3 (Add SSH Key modal): tight bbox crop on the modal, 600x246 viewport region rendered to 1320x612 raw. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
… ssh-tooltip annotation - Reshoot all instance-card variants (-2, -5, -7, -9, -10, -12, -13) and console-templates-4 (Open button) from real rented instance 38472383 (Tesla P100 at $0.115/hr). Card cropped to ~1836x500. The -2 variant adds a red box around the main status button (per user request: "draw some red arrow or soemthign around the left side of the card"). - console-card-ssh-tooltip: refreshed both light and dark with a red annotation box around the SSH key icon in the action row (user wanted red box around add/remove SSH keys icon + missing dark theme). - change-template (find-and-rent.mdx Edit Frame): replace the external vast.ai/uploads/Search/Edit.png URL with a local light/dark pair captured from the search page template selector.
ssh.mdx Connection details Frame: replace single-file instances-sshscp-3.webp with light/dark pair captured by clicking the IP chip on instance 38472383's card. The modal shows: Instance ID, Machine Copy Port, Public IP Address, Instance Port Range, Static IP indicator, Local IP Addresses, and Open Ports mapping (1111 -> external, 22 -> external, etc).
- guides/get-started/index.mdx: remove Mission section (marketing copy,
not docs content; user asked to move it out of welcome).
- guides/get-started/quickstart.mdx: shorten title from "Sign up and rent
your first GPU" to "Rent your first GPU", drop the redundant intro
sentence (the title and step 1 already cover it).
- docs.json: remove redirect /cli/templates -> /guides/templates/creating-templates
so that clicking Templates under CLI > Getting started actually lands
on /cli/templates instead of bouncing to guides.
- guides/instances/connect/ssh.mdx: fix nested Frame around the IP/Port
modal (was wrapping the Connection details Frame inside an outer
Terminal Connection Options Frame).
- find-and-rent.mdx: replace external vast.ai/uploads/Search/DiskSpace.png
with new local pair search-disk-space-{light,dark}.webp (Container Size
slider captured from the search page filter panel).
- 18 mdx files: strip [**bold**](url) and **[bold](url)** wrappers so
links aren't both bold and underlined. Affects teams-quickstart,
referral-program, ssh, reserved-instances, architecture, choosing
overview, and others.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
… card - console-keys-7 (Create API Key modal): DOM-detect Admin row Y, then PIL-paint a background-coloured rectangle over the row. The Admin row is gone (one blank gap between User and Machines) without the admin link entry having to be rendered or scraped. - teams-quickstart-3: ultra-tight modal crop (932x628), zero overlay bleed-through above and below. - find-and-rent.mdx Offer Card: replace external vast.ai/uploads/offer-card.PNG with console-instance-guide-5 (Tesla P100 card captured this session). - ssh.mdx: replace single-file instances-sshscp.webp (Add SSH Key in vast account) with console-keys-3 light/dark pair, and instances-sshscp-2.webp (API Key creation) with console-keys-7 pair. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
… ssh-tooltip paired, link style - console-keys-7: instead of painting over Admin row, splice it out (paste top half + bottom half) so the modal is one contiguous block, no awkward gap. - teams-quickstart-3: capture from cloud (where theme toggle actually flips React state) — light bg=(255,255,255), dark bg=(26,26,26). Tight modal crop 932x628 retained. - teams-quickstart.mdx: switch the console-card-ssh-tooltip Frame from single-file to light/dark pair (the paired files were already on disk from earlier, just not referenced). - find-and-rent.mdx Offer Card: replace external CDN URL with console-instance-guide-5 (P100 card captured this session). - ssh.mdx Add SSH key (line 65) and API Key creation (line 89) switched from single-file refs to console-keys-3 / console-keys-7 pairs. - docs.json head: append a <style> block overriding default Mintlify link styling. Links are no longer bold or underlined by default; underline appears on :hover. Industry-standard cleaner look. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
Rented 39189454 (1x NVIDIA H100 NVL, datacenter, reliability 99.97).
Portal services came up properly within ~5min — first successful portal
capture this round (Tesla P100 / Texas RTX 3060 hosts never finished
booting their portal services).
Captured (light + dark, 26 files):
- console-instance-guide-{2,5,7,9,10,12,13} (instance card variants;
-2 with red rectangle around the now-enabled Open button)
- console-templates-4 (Open button — same card image)
- instances-sshscp-3 (IP & Port modal — refreshed from H100 with proper
Static IP / Instance Port Range / Open Ports list)
- console-templates-instance-portal-4 (Applications / Landing page,
shows Instance Portal currently active, Jupyter, Jupyter Terminal,
Syncthing, Tensorboard)
- console-templates-instance-portal-5 (Tunnels page)
- console-templates-instance-portal-6 (Instance Logs page)
- console-templates-instance-portal-7 (Tools & Help page)
Destroyed instance immediately after capture to stop the $2.598/hr burn.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
# Conflicts: # docs.json
Nav pointed at guides/teams/overview (no such file); the page is guides/teams/teams-overview. Strict mint validate failed on the warning. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
- instances-sshscp-4 (tmux session) -> faithful code block of the welcome banner + prompt (copy-readable, never goes stale). - instances-sshscp-5 (Terminal Connection Options modal) -> one sentence; it was a single 'Open Jupyter terminal' link a sentence covers. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
…xt-decoration) The Mint prose rule sets font-weight:600 + border-bottom:1px on links. Previous override targeted text-decoration (a no-op here) without !important. Now removes border-bottom + bold and shows a real underline on hover, with !important to beat the theme rule. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Remove 19 screenshots whose adjacent text fully describes the action: - account-settings: all 15 external vast.ai/uploads form/button shots; link the 2FA and Referral sections to their dedicated guide pages instead. - volumes: Delete-volume (-9) and Rent-with-volume (-10) button shots. - manage-instances: Restart/play button (-6). - ssh: VS Code 'Remote - SSH' extension shot (-6). Keeps genuinely spatial screenshots (instance card, portal pages, search-page controls, copy dialog) and the VS Code judgment-call shots. Co-Authored-By: Claude Fable 5 <noreply@anthropic.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.
Replaces outdated screenshots across the guides with current UI captures. Each image now ships as a light/dark pair that switches automatically with the site theme, so screenshots always match the reader's