Have you ever been annoyed when you've found a website disables text selection or right clicking in an attempt to prevent you from copying it's contents? Well here's something even more annoying. Sorry, I just had the idea and wanted to play around with it.
If you try copying the text of this website, when you paste it you'll get something different and jumbled. Right now what happens is just a permutation of the english letters. Then the page generates a font that reverses that permutation when rendering the text. It's also possible to make the substitution more complicated with ligatures, though I don't implement that here
Try the demo below and check out the source code for this page.
| Permutation | ||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Renders as | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |
| Copies as | A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z |
| Renders as | a | b | c | d | e | f | g | h | i | j | k | l | m | n | o | p | q | r | s | t | u | v | w | x | y | z |
| Copies as | a | b | c | d | e | f | g | h | i | j | k | l | m | n | o | p | q | r | s | t | u | v | w | x | y | z |