JSFiddle - React, Tailwind, and code Playground

HTML

<noscript>
    <div class="overlay"></div>
    <a href="#" class="information">Click here to go to the non-javascript version.</a>
</noscript>

Normal javascript-supporting page...

CSS

.overlay{
    opacity:0.5;
    background-color:#000;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;    
}
.information{
    border:2px solid #fff;
    color:#fff;
    width:200px;
    height:50px;
    padding:25px;
    text-align:center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    background-color:#000;
    position:fixed;
    z-index:10;
    left:50%;
    top:50%;
    margin-left:-125px;
    margin-top:-50px;
}