Inclui faixa de 'versão de homologacao'

homologacao.js

  document.addEventListener("DOMContentLoaded", function(event) {
    const faixa = document.createElement('div');
    const estilo = document.createElement('style');

    faixa.id='faixa-homologacao';
    faixa.textContent = 'Versão de Homologação';

    estilo.textContent = `
      #${faixa.id} {
        margin: 0;
        padding: 0;

        background: linear-gradient(to top right, #ccc, #7a1c1c);
        border: 1px dashed white;
        outline: 2px solid #7a1c1c;

        color: white;
        font: small-caps 20px 'MS Trebuchet', Helvetica, sans-serif;
        text-align: center;

        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform-origin: right;

        box-sizing: border-box;
        width: 500px;
        padding: 4px 100px;
        position: fixed;
        top: 260px;
        right: -80px;      
        
        transition: all 0.3s;
        opacity: 0.9;
        z-index: 10000;
      }
      #${faixa.id}:hover {
        opacity: 0.3;
      }
    `;

    document.head.appendChild(estilo);
    document.body.appendChild(faixa);
})