###Report###
**Steps to replicate the issue** (include links if applicable):
* Disable Javascript
* Load https://mismatch-finder.toolforge.org/
*
**What happens?**:
The page is blank.
**What should have happened instead?**:
At the very least, there should be a message saying that Javascript is required.
Ideally Javascript shouldn't be required to only view the page, e.g. it should be possible to see what the tool is and what it does before deciding if you're interested enough to enable Javascript for it.
**Software version** (skip for WMF-hosted wikis like Wikipedia):###Solution###
We'll display a clarifying message with some helpful links, and some introductory information about the tool:
{F37711467}
**Other information** (browser name/versionNote: We'll use the Codex [[ https://doc.wikimedia.org/codex/main/components/demos/message.html#css-only-version | CSS-only version of Message ]], screenshots,and Codex tokens to style texts and define breakpoints. etc.):We'll have to create custom variables in `rem` for spacing (these are not available in Codex).
| [[ https://www.figma.com/file/2Sarzaww3tZQiLrVOXj7iE/SPA-consolidation?type=design&node-id=1306-3603&mode=design&t=f58NNe97W05IFV2u-0 | Full specification on Figma ]] |
Desktop logo (above 640px):
{F37711463}
Mobile logo (below 640px):
{F37711464}
**Related task:** {https://phabricator.wikimedia.org/T345066}