JSFiddle - React, Tailwind, and code Playground

work in progress with crypted link titles v13 forked from making public_v01 - AES Page Encryption v125 https://www.ipnoid.com/members/index.php?page=top_records&pidm=21535&type=mostActive&pget=12469 Link Web statistics https://www.freecounterstat.com/geozoom.php?c=4smq1jdqafsay5j7737p3ge4nwf6n79n&base=counter10

by dledle2

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://gistcdn.githack.com/victornpb/f639f37373be0f6e82e1/raw/5d8f7ee8b32ae04de087d2377d8086e3389ee411/AES.js"></script>
<!-- <a href="http://www.movable-type.co.uk/scripts/aes.html">http://www.movable-type.co.uk/scripts/aes.html</a> 
<br>
// -->

<font size="+3">
<a href="#" aes-linktextinnerhtml="XwGsBnHjr11DR+XdhPu6or/u" aes-href="RwJnrr/epF3woghtYxirQghFIUirpV9HmHNj4Sgye3n8rCiy2xchTerHjYnKxDz8W2NCw3QHpbn3EQb2sUW/RcofQil9Zk0izTmvpoOBd2g=" data-enc="AES-256" target="_new">HomeVideos</a>
    
<br>
<a href="#" style="display:none;" aes-linktextinnerhtml="pgOLt5Xjr135JR2s09F53TGYiuwDW2g=" aes-href="bAFi2qPepF0jRp35J+XcgI/DqNOgIoLNFgko7sNCIoSt0zG6828mG7LZnLWHzdU3zhi2KDa+Hs9Apgz0Fh89u0xWaUMrXiIhkm/1HsfAqXA=" data-enc="AES-256" target="_blank">Not Visible Link 2</a>

<br>
<a href="#" style="display:none;" aes-linktextinnerhtml="MgDiV6Hjr11dkoOPj4/mm2keDoo+FNk=" aes-href="hQEviuLepF00Nl/kYjsxFC1IAy/bEyhgGfNrIV0EbzJAA40Wkd8DEy2fwWuWJ4WfQzHnDukL/wH7M972v8A2qdHj7DBfHlUXIEcJ7zYeVu0=" data-enc="AES-256" target="_blank">Not Visible Link 3</a>

</font>

<div id="decryptionModal" class="overlay">
    <div class="col-sm-6 col-center">
        <form>
            <div class="panel panel-default">
                <div class="panel-heading">Restricted Area
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span>

                    </button>
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        
                        <p class="help-block text-center">The link you are trying to open is part of a restricted area. A password is required to access it.</p>
                        <label label-default="" for="inputPassword1" class="col-lg-2 control-label ">Password</label>
                        <div...

CSS

a[data-enc="AES-256"]:after {
    /* locked */
    content:'\1f512';
    font-size: 1em;
    opacity: 1;
}
a[data-enc="none"]:after {
    /* unlocked */
    content:'\1f513';
    font-size: 0.85em;
    opacity: 0.5;
}
/* CSS used here will be applied after bootstrap.css */
 .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    float: none;
}
.col-center {
    float: none;
    margin: 0 auto;
}
.overlay > div {
    margin-top: 1em;
}

JavaScript

if (location.protocol != 'http:') {
  
try{location.href = 'http:' + window.location.href.substring(window.location.protocol.length);    }catch(e){}}




/* myStrURL= */
/* try{window.open(myStrURL , '' , '');    }catch(e){} */
window.boolWindowOpenedSuccessfullyAlready = false;

function inIframe () {
    try {
        /* below command will cause a permissions error when using iframes */ 
        /* and will break into the catch part for error handling           */
        return window.self !== window.top;
    } catch (e) {
        return true;
    }
}

function isURLjsfiddleshowlight () {
   if (       document.location.href.toLowerCase().contains('/show/light/')       )
      {return true;}
   else
      {return false;}
   /* below end bracket: end of function: isURLjsfiddleshowlight*/
}


try{
if (inIframe() === true){
   if (window.open(window.location.href)){window.boolWindowOpenedSuccessfullyAlready=true;}  
}
/* if (isURLjsfiddleshowlight() != true){window.open(window.location.href);    }  */
}catch(e){}
/* alert(window.boolWindowOpenedSuccessfullyAlready);    */




function myFuncinIframeAndAlsoWindowOpenSameFunction() {

if (typeof window.boolWindowOpenedSuccessfullyAlready == 'undefined')
{ window.boolWindowOpenedSuccessfullyAlready=false; }

console.log(window.boolWindowOpenedSuccessfullyAlready);
if (window.boolWindowOpenedSuccessfullyAlready ===false) {
   try {
      if(window.self !== window.top){
         if (window.open(window.location.href)){window.boolWindowOpenedSuccessfullyAlready=true;}
         /*   */ 
      }
   }catch(e){}
}
console.log(window.boolWindowOpenedSuccessfullyAlready);
   /* below end bracket: end of function: myFuncinIframeAndAlsoWindowOpenSameFunction */
}


myFuncinIframeAndAlsoWindowOpenSameFunction();

/* myStrURL=window.location.href;  */
/* try{window.open(myStrURL , '' , '');    }catch(e){}  */








// Write JavaScript here window.onload = initSecurity;
window.onload = initSecurity;

function initSecurity() {

 ...