128 lines
4.1 KiB
HTML
128 lines
4.1 KiB
HTML
<script type="text/javascript">
|
|
|
|
/*****************************************/
|
|
/******** obfuscate email*****************/
|
|
/*****************************************/
|
|
|
|
function decodeEmail(encodedString) {
|
|
// Holds the final output
|
|
var email = "";
|
|
|
|
// Extract the first 2 letters
|
|
var keyInHex = encodedString.substr(0, 2);
|
|
|
|
// Convert the hex-encoded key into decimal
|
|
var key = parseInt(keyInHex, 16);
|
|
|
|
// Loop through the remaining encoded characters in steps of 2
|
|
for (var n = 2; n < encodedString.length; n += 2) {
|
|
|
|
// Get the next pair of characters
|
|
var charInHex = encodedString.substr(n, 2)
|
|
|
|
// Convert hex to decimal
|
|
var char = parseInt(charInHex, 16);
|
|
|
|
// XOR the character with the key to get the original character
|
|
var output = char ^ key;
|
|
|
|
// Append the decoded character to the output
|
|
email += String.fromCharCode(output);
|
|
}
|
|
return email;
|
|
}
|
|
|
|
// Find all the elements on the page that use class="eml-protected"
|
|
var allElements = document.getElementsByClassName("eml-protected");
|
|
|
|
// Loop through all the elements, and update them
|
|
for (var i = 0; i < allElements.length; i++) {
|
|
updateAnchor(allElements[i])
|
|
}
|
|
|
|
function updateAnchor(el) {
|
|
// fetch the hex-encoded string
|
|
var encoded = el.innerHTML;
|
|
|
|
// decode the email, using the decodeEmail() function from before
|
|
var decoded = decodeEmail(encoded);
|
|
|
|
// Replace the text (displayed) content
|
|
el.textContent = decoded;
|
|
|
|
// Set the link to be a "mailto:" link
|
|
el.href = 'mailto:' + decoded + '?subject=Inscription à KAZ';
|
|
}
|
|
|
|
</script>
|
|
|
|
|
|
<!-- HelloAsso -->
|
|
<div id="main">
|
|
<div class="inner">
|
|
<div class="col-6 col-12-medium">
|
|
<ul class="actions fit">
|
|
<li><a href="https://www.helloasso.com/associations/kaz/adhesions/cotisations" target="_blank" class="button primary fit">Adhérer</a></li>
|
|
<li><a href="https://www.helloasso.com/associations/kaz/formulaires/1/widget" target="_blank" class="button fit">Faire un don</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<div class="inner">
|
|
|
|
<section>
|
|
|
|
<h2>Nous contacter</h2>
|
|
Vous êtes du Morbihan (ou à coté) et vous souhaitez obtenir un <b>compte gratuit</b> chez kaz?
|
|
</br>
|
|
Rien de plus simple, envoyez un mail à
|
|
<a class="eml-protected" href="#">9cfff3f2e8fdffe8dcf7fde6b2fee6f4</a>
|
|
|
|
en précisant le mail souhaité, vos nom, prénom et commune ou code postal. Si vous nous laissez un téléphone, c'est encore mieux.
|
|
</br>
|
|
Et si vous connaissez un des membres fondateurs, n'hésitez pas à l'indiquer. C'est plus simple pour valider les inscriptions.
|
|
</br></br>
|
|
<b>Merci et à très bientôt!</b>
|
|
|
|
<!--
|
|
<form method="post" action="/cgi-bin/sendmail">
|
|
<div class="fields">
|
|
<div class="field half">
|
|
<input type="text" name="name" id="name" placeholder="Nom" />
|
|
</div>
|
|
<div class="field half">
|
|
<input type="email" name="email" id="email" placeholder="Email" />
|
|
</div>
|
|
<div class="field">
|
|
<textarea name="message" id="message" placeholder="Message"></textarea>
|
|
</div>
|
|
</div>
|
|
<ul class="actions">
|
|
<li><input type="submit" onclick="send_mail()" value="Envoyer" class="primary" /></li>
|
|
</ul>
|
|
</form>
|
|
-->
|
|
</section>
|
|
|
|
<!--
|
|
<iframe id="haWidget" allowtransparency="true" src="https://www.helloasso.com/associations/kaz/adhesions/cotisations/widget-bouton" style="width:100%;height:70px;border:none;"></iframe><div style="width:100%;text-align:center;">Propulsé par <a href="https://www.helloasso.com" rel="nofollow">HelloAsso</a></div>
|
|
-->
|
|
<section>
|
|
<article class="style1">
|
|
<span class="image"><img src="/images/logo.svg" alt="KAZ" height="330"/></span>
|
|
</article>
|
|
</section>
|
|
|
|
<ul class="copyright">
|
|
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
<li>KAZ est membre du collectif <a href="https://chatons.org/">CHATONS</a>
|
|
<a href="https://chatons.org/"><img width="32" src="images/chatons.png" alt="chatons" /></a>
|
|
</li>
|
|
<li><a href="mentions_legales.html">Mentions légales</a></li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|