JSFiddle - React, Tailwind, and code Playground

HTML

<div id="overlay"></div>
    <div id="page">
      <a onclick="document.getElementById('overlay').style.display = 'block';
                  window.location='/';
                  return false;" 
         href="/" 
         title="home" 
         alt="home">
         home
      </a>
    </div>

CSS

div#page {
    	position:absolute;
    	top: 0px;
    	left: 0px;
    	width:100%;
    }
    div#overlay {
    	display: none;
    	z-index: 10000;
    	background: #000;
    	position: fixed;
        opacity: .6;
    	width: 100%;
    	height: 100%;
    	top: 0px;
    	left: 0px;
    	background-image:url("http://www.melabev.org/images/spinner.gif");
    	background-repeat:no-repeat;
        background-position:center;
    }