123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- <html lang="en">
- <head>
- <title>Kvos.dev - Homepage</title>
- <link rel="stylesheet" href="style.css" type="text/css"/>
- </head>
- <body>
- <div>
- <h1>Kvos.dev</h1<br/>
- <h3>Work in progress</h3>
- <a href="https://git.kvos.dev">Git projects</a>
- <p>
- <span>Contact me:</span>
- <button onclick="reveal()" id="reveal-button">Reveal</button>
- </p>
- </div>
- <script>
- const chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@.+".split("");
- const secret = "YM926LY926MRS9";
- const shift = string => {
- return string
- .split("")
- .map(character => chars[
- (
- chars.indexOf(character) !== -1 &&
- chars.indexOf(character) + 1 < chars.length
- )
- ? chars.indexOf(character) + 1
- : 0
- ])
- .join("");
- }
-
- const reveal = () => {
- const revealButton = document.getElementById("reveal-button");
- const anchor = document.createElement("a");
- const paragraph = document.createElement("p");
-
- let decrypted = secret;
- revealButton.insertAdjacentElement("afterEnd", paragraph);
- revealButton.remove();
-
- let index = 0;
- const interval = setInterval(() => {
- index++;
-
- decrypted = shift(decrypted);
- paragraph.textContent = decrypted;
-
- if (index === 25) {
- anchor.href = `mailto:${decrypted}`;
- anchor.text = decrypted;
- paragraph.replaceWith(anchor);
-
- clearInterval(interval);
- }
- }, 5);
- }
- </script>
- </body>
- </html>
|