Nrichers/sc 15539/integrate beta test sandbox into quarto and

[nrichers]

Pull Request Description

What and why?

This PR makes some improvements to how we embed the test sandbox so that it looks more like an integral part of our docs site.

Relates to:

• sc-15539
• https://github.com/validmind/test-sandbox/pull/1

Before/After

Summary of changes

• Drops title with the beta <sup> and date: last-modified.
• Sets pagetitle: "Test sandbox", title-block-style: none, bread-crumbs: false, page-layout: full
• Switches the wrapper from {.column-screen-right} to {.column-screen} for more screen real estate.
• Removes the intro paragraph.
• Adds a page-scoped {=html} <style> block that:
  • Hides the title block and tightens top spacing so the iframe sits under the pink banner.
  • Hides .quarto-secondary-nav from 992px up (keeps it on smaller screens).
  • Hides #quarto-sidebarnav-toggle for a clean look.

How to test

You can

• either try the live preview with the current test sandbox; OR

• also check out #TODO and replace the iframed test sandbox with localhost and quarto preview locally:

  

What needs special review?

Dependencies, breaking changes, and deployment notes

Release notes

Checklist

• What and why
• Screenshots or videos (Frontend)
• How to test
• What needs special review
• Dependencies, breaking changes, and deployment notes
• Labels applied
• PR linked to Shortcut
• Unit tests added (Backend)
• Tested locally
• Documentation updated (if required)
• Environment variable additions/changes documented (if required)

[github-actions]

PR Summary

This PR updates the test sandbox page to improve its layout and user interface. The changes include:

• Replacing the old title format with a simpler title presentation using a pagetitle and disabling the title-block-style.
• Removing breadcrumbs and setting the page layout to full width to utilize more screen real estate.
• Updating URL aliases to ensure consistent navigation paths.
• Embedding custom CSS directly in the file to improve the user interface elements:
  • Hiding unnecessary elements such as the pink banner, title block header, and sidebar toggle on desktop devices.
  • Adjusting the spacing and margins around the iframe embedding the test sandbox to create a more streamlined appearance.
  • Ensuring the sidebar remains accessible on mobile/tablet devices by keeping the secondary-nav toggle bar visible on smaller screens.

These changes focus on frontend display and styling adjustments, resulting in a cleaner and more user-friendly interface for the test sandbox page.

Test Suggestions

• Verify that the test sandbox page renders correctly on both desktop and mobile devices.
• Check that the title, breadcrumb, and layout changes are correctly applied and that the old elements are hidden as expected.
• Ensure that the CSS adjustments (margins, padding, hiding of elements) do not adversely affect other pages.
• Validate the iframe content displays properly without unexpected layout shifts.

[github-actions]

Validate docs site

✓ INFO: A live preview of the docs site is available — Open the preview

[github-actions]

Lighthouse check results

⚠️ WARN: Average accessibility score is 0.87 (required: >0.9) — Check the workflow run

Show Lighthouse scores

Folder depth level checked: 0

Commit SHA: 8f93a7c

Modify the workflow to check a different depth:

• 0: Top-level navigation only — /index.html, /guide/guides.html, ...
• 1: All first-level subdirectories — /guide/.html, /developer/.html, ...
• 2: All second-level subdirectories — /guide/attestation/*.html, ...

Page	Accessibility	Performance	Best Practices	SEO
/developer/validmind-library.html	0.85	0.68	1.00	0.82
/get-started/get-started.html	0.85	0.70	1.00	0.73
/guide/guides.html	0.85	0.70	1.00	0.82
/index.html	0.93	0.69	1.00	0.82
/releases/all-releases.html	0.86	0.69	1.00	0.73
/support/support.html	0.91	0.68	1.00	0.82
/training/training.html	0.85	0.66	0.96	0.73