Email obfuscation test

Developer
Corinne Winthrop
Size
3,078 Kb
Views
14,168
  1. Email obfuscation test Previews
  2. Email obfuscation test HTML Codes
  3. Email obfuscation test CSS Codes
  4. Email obfuscation test JS Codes

How do I make an email obfuscation test?

What is a email obfuscation test? How do you make a email obfuscation test? This script and codes were developed by Corinne Winthrop on 08 October 2022, Saturday.

Email obfuscation test Previews
IQ Test

Email obfuscation test - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Email obfuscation test</title> <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <p>Look at me, but no crawler can find me!</p>
<p><span class="js-fake-email contact__email" data-attribute="[email protected]">[email protected]</span></p>
<p>(in wordpress, I would let the user type in the email in the correct order, then reverse it <a href="http://php.net/manual/en/function.strrev.php">in PHP</a> for the DOM, and display it correctly with CSS)</p> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Email obfuscation test - Script Codes CSS Codes

/*------------------------------------*\ ::Body styling
\*------------------------------------*/
html, body { margin: 0; padding: 0;
}
*, *:before, *:after { box-sizing: border-box;
}
/*------------------------------------*\ ::Demo
\*------------------------------------*/
body { display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; line-height: 1.4; min-height: 100vh; background: #16161d; background: radial-gradient(circle, #859398, #283048); color: #fcfeff; padding: 20px; font-family: 'Roboto', 'Helvetica Neue', sans-serif;
}
body p { max-width: 500px;
}
a { color: #ede574; text-decoration: none; transition: 300ms;
}
a:hover { color: #e1f5c4;
}
.contact__email { display: block; margin: 40px 0; direction: rtl; unicode-bidi: bidi-override; font-size: 140%; transition: 300ms; cursor: pointer;
}
.contact__email:hover { color: #e1f5c4;
}

Email obfuscation test - Script Codes JS Codes

/*------------------------------------*\ ::Obfuscate Email
\*------------------------------------*/
var emailObfuscation = function(){ //for each email $(".js-fake-email").each(function(){ //cache some stuff var $this = $(this); $this.click( function(e) { var str = $this.data('attribute'); var splitString = str.split(""); // var splitString = "hello".split(""); var reverseArray = splitString.reverse(); // var reverseArray = ["h", "e", "l", "l", "o"].reverse(); var finishedEmail = reverseArray.join(""); // var joinArray = ["o", "l", "l", "e", "h"].join(""); window.location.href = "mailto:" + finishedEmail; } ); });
};
jQuery(function($){ emailObfuscation();
});
Email obfuscation test - Script Codes
Email obfuscation test - Script Codes
Home Page Home
Developer Corinne Winthrop
Username cwint
Uploaded October 08, 2022
Rating 3
Size 3,078 Kb
Views 14,168
Do you need developer help for Email obfuscation test?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Corinne Winthrop (cwint) Script Codes
Name
Another animated SVG sequence
A Pen by Corinne Winthrop
VUE
Image tiling
Crazy Cat Lady Application
Animated SVG sequence
Tic Tac Code
Pinned scrolling sections
Responsive Image Tiling
Zenman Front-End Dev interview homework
Create amazing Facebook ads with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!