Broken YAML rendering with NoScript

[tripleee]

Description

The YAML snippets on https://circleci.com/docs/migrating-from-github/ are completely broken. I cannot copy/paste the code, or easily guess how to correct the syntax if I copy/paste anything off that page.

Bottom line, it is unfortunate that the page requires Javascript to render what should be trivial plain text. There is no indication as to what might be wrong when this happens.

Location

For example, https://circleci.com/docs/migrating-from-github/#jobs-and-workflows renders like this with NoScript:

(Chrome on a Mac)

Steps to Reproduce

Install and activate the NoScript extension. Visit the page. Struggle to figure out why the formatting is broken (the sources on Github look fine).

Workaround

Once you understand what's wrong, the workaround is trivial: Permit Javascript from circleci.com on the page (perhaps temporarily, if you are paranoid).