example_obfuscated.html

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8"/>
  <title>
   Obf‌uscat‌e ‍Me
  </title>
  <style>
   #main {
            max-width: 610px;
        }
   <span class="inv">
    (U.S. 41 condition. In the aftermath of the city?
    <span class="inv">
     Kneading, or Minister Lynden Pindling, officially declaring the country's population. As of December 2014. The Chicago Transit
    </span>
   </span>
  </style>
 </head>
 <body>
  <div id="main">
   <p>
    Loo‌k i‍nto ‍d​evToo‌l‌s​. It‍ ‍is‍ magical ​ho‍w‍ ‌s‌ome in​visible​ zero-​wid‌t​h cha​racters ca‍n​ change‌ the‌ tex‌t f‌or a co‌mputer‌ ‍o‌r ‍bot but‌,​ ​it loo‌ks​ ‌same​ for‌ hu‌m​a​n eys!
   </p>
   <p>
    T‍his‍ Python s‌cr‌ip​t can i‌nse‍r​t‌ th‍os‌e‌ z‍e‍ro-wi​dth‌ ch​a‌r‍act‌ers rand‌omly​ ‌i​nto H‌TML conte‌nt accordi​ng to ‌given proba‍bi‌lity th​at ‍means ​each chara​cter ‍in HTML con‍t‍ent wi‍l‍l hav‍e‌ an‍ ​extr‌a z‍ero​-w‌idth ​character with given pro​babili‍ty. Fo‌r‍ example ‍i‌f probability is 0.5​ then ‍half of ‍the HTML‌ ​cont​ent i‍s g​o‌i‍ng to ‌be zero‌-​wid​th cha​racte‍rs‌.
   </p>
   <p>
    Thi‍s ‍P​y​tho‌n sc‍ript a‍lso ins‍erts some ra‌ndom span tag‍s w‌i​th ​som‌e r‍andom sent​ence​s a‍c‌cordi‌ng to‍ ​g‍ive​n pr‌obabi​lit‌y an‌d​ word coun‌t.
   </p>
   <span class="inv">
    Nation. According typically fed from chalk aquifers which recharge from winter rainfall. In England and Wales, the
   </span>
   <p>
    <span class="css" d="This P‍ython s‍cript ‌a‌l​so‍ hi​d‍es​ so‍m​e ‍co‌ntent‍ into h‍tml‌ ‍attr​i‌but‍e and C‌SS‍ ‍i​nsert‍s​ ‌i​t u‌sing ::af‍ter acco‍rdin‌g‍ ‍t​o given pr‌o‌babi​lit‌y.">
    </span>
   </p>
   <span class="inv">
    Level areas
    <span class="inv">
     Her vote, Portugal, Argentina), J.D. holders in
    </span>
   </span>
   <p>
    Ex​ampl‍e: ​p‍ython mai​n‌.py -i ​.‍\example.‍h‌tml​ -o .\exa‌mple​_obf‍usc‍ated‍.html
   </p>
   <span class="inv">
    Mayor, sometimes
   </span>
  </div>
  <style>
   .inv {
            display: none;
        }

        .css::after {
            content: attr(d);
        }
  </style>
 </body>
</html>
<span class="inv">
 Cooler months genetic studies have suggested that if implicit egotism stems from its strong colonial ties with
</span>