Skip to content

Instantly share code, notes, and snippets.

@y0n1
Created December 11, 2023 13:16
Show Gist options
  • Save y0n1/9edf3f259adbe6615b1fa4d09f588bd4 to your computer and use it in GitHub Desktop.
Save y0n1/9edf3f259adbe6615b1fa4d09f588bd4 to your computer and use it in GitHub Desktop.
A BSOD for when JS is not enabled
<noscript>
<style>
noscript section,
noscript section * {
box-sizing: border-box;
text-align: center;
font-size: 2rem;
}
noscript > section {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
display: flex;
flex-direction: column;
justify-content: center;
background-color: tomato;
color: rgb(34, 29, 24);
font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
</style>
<section>
<h1 style="font-size: 8rem;">&#128558;</h1>
<h2>You will need to enable JavaScript in order to use this application</h1>
</section>
</noscript>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment