Skip to content

Improve docs landing page layout and hero section#3794

Merged
mattleibow merged 2 commits into
mainfrom
mattleibow/fix-docs-index-card-layout
Apr 28, 2026
Merged

Improve docs landing page layout and hero section#3794
mattleibow merged 2 commits into
mainfrom
mattleibow/fix-docs-index-card-layout

Conversation

@mattleibow

Copy link
Copy Markdown
Contributor

Changes

Card grid layout

  • Reorganized the "Documentation, APIs, and source" section from 2 cramped rows (4+3) into 2 balanced rows of 3 cards each (3+3)
  • Removed duplicate NuGet/Source Code/Report Issues row

Hero button redesign

  • Made "Try SkiaFiddle in your browser" the primary hero CTA (large button)
  • Second row: "Browse the Docs →", "Install via NuGet ↓", and dotnet add package SkiaSharp inline
  • All icons moved to the right side of button text

Spacing improvements

  • Increased spacing above the title, between title and subtitle, and between subtitle and buttons
  • Widened hero content area from 680px to 900px to prevent button row wrapping

mattleibow and others added 2 commits April 29, 2026 00:10
Split the 'Documentation, APIs, and source' section from two rows
(4+3) into three balanced rows of 3 cards each:

- Row 1 (Learn): Documentation, API Reference, Release Notes
- Row 2 (Get & Contribute): NuGet Package, Source Code, Report Issues
- Row 3 (Frameworks): Blazor, .NET MAUI, Uno Platform

Added two new cards: NuGet Package (links to nuget.org) and
Report Issues (links to GitHub Issues).

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@github-actions

Copy link
Copy Markdown
Contributor

📦 Try the packages from this PR

Warning

Do not run these scripts without first reviewing the code in this PR.

Step 1 — Download the packages

bash / macOS / Linux:

curl -fsSL https://raw.githubusercontent.com/mono/SkiaSharp/main/scripts/get-skiasharp-pr.sh | bash -s -- 3794

PowerShell / Windows:

iex "& { $(irm https://raw.githubusercontent.com/mono/SkiaSharp/main/scripts/get-skiasharp-pr.ps1) } 3794"

Step 2 — Add the local NuGet source

dotnet nuget add source ~/.skiasharp/hives/pr-3794/packages --name skiasharp-pr-3794
More options
Option Description
--successful-only / -SuccessfulOnly Only use successful builds
--force / -Force Overwrite previously downloaded packages
--list / -List List available artifacts without downloading
--build-id ID / -BuildId ID Download from a specific build

Or download manually from Azure Pipelines — look for the nuget artifact on the build for this PR.

Remove the source when you're done:

dotnet nuget remove source skiasharp-pr-3794

@mattleibow
mattleibow merged commit 27a8de5 into main Apr 28, 2026
3 of 4 checks passed
@mattleibow
mattleibow deleted the mattleibow/fix-docs-index-card-layout branch April 28, 2026 22:27
@github-actions github-actions Bot mentioned this pull request Apr 28, 2026
@github-actions

Copy link
Copy Markdown
Contributor

📖 Documentation Preview

The documentation for this PR has been deployed and is available at:

🔗 View Staging Site
🔗 View Staging Docs
🔗 View Staging Gallery (Blazor)
🔗 View Staging Gallery (Uno Platform)
🔗 View Staging SkiaFiddle

This preview will be updated automatically when you push new commits to this PR.


This comment is automatically updated by the documentation staging workflow.

github-actions Bot added a commit that referenced this pull request Apr 29, 2026
Add docs landing page improvement (#3794), note CI and workflow
automation improvements (#3755, #3787, #3802, #3805, #3808, #3811,
#3812, #3813), and expand highlights paragraph.

Community sample fixes by @ramezgerges (#3785, #3790) were already
present.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

1 participant