Protection AntiSpam pour le mail
This commit is contained in:
parent
21ef42bebc
commit
b4cffb8306
@ -1,3 +1,12 @@
|
|||||||
document.addEventListener('DOMContentLoaded', () => {
|
var $btnMail = $("#btn-mail");
|
||||||
console.log('Hello Bulma!');
|
|
||||||
});
|
$btnMail.removeAttr("disabled");
|
||||||
|
|
||||||
|
$btnMail.click(function (evt) {
|
||||||
|
evt.preventDefault();
|
||||||
|
swal({
|
||||||
|
text: "anthony@dumas.cc",
|
||||||
|
icon: "info",
|
||||||
|
button: true,
|
||||||
|
});
|
||||||
|
});
|
@ -99,4 +99,8 @@ section#contact .button {
|
|||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.displayOnlyOnPrint {
|
||||||
|
display: none;
|
||||||
}
|
}
|
@ -7026,3 +7026,6 @@ section#contact .button {
|
|||||||
.button.is-fullw-mobile {
|
.button.is-fullw-mobile {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%; } }
|
width: 100%; } }
|
||||||
|
|
||||||
|
.displayOnlyOnPrint {
|
||||||
|
display: none; }
|
||||||
|
21
index.html
21
index.html
@ -56,11 +56,10 @@
|
|||||||
<i class="fab icon-twit"></i>
|
<i class="fab icon-twit"></i>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="button" href="javascript:window.print()" target="_blank">
|
</p>
|
||||||
<span class="icon">
|
<p>
|
||||||
<i class="fab icon-print"></i>
|
<h1 class="displayOnlyOnPrint">Anthony Dumas</h1>
|
||||||
</span>
|
<p class="dontPrint"><noscript>anthony[arobase]dumas.cc</noscript></p>
|
||||||
</a>
|
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -82,7 +81,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="media-content">
|
<div class="media-content">
|
||||||
<p class="title is-4">Développeur Web</p>
|
<p class="title is-4">Développeur Web</p>
|
||||||
<p class="subtitle is-6">Harvest - Clermont-Ferrand</p>
|
<p class="subtitle is-6">Harvest - Clermont-Ferrand - (2016 - Actuel)</p>
|
||||||
<div class="tags">
|
<div class="tags">
|
||||||
<span class="tag">Java</span>
|
<span class="tag">Java</span>
|
||||||
<span class="tag">JQuery</span>
|
<span class="tag">JQuery</span>
|
||||||
@ -105,7 +104,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="media-content">
|
<div class="media-content">
|
||||||
<p class="title is-4">Développeur Internet des Objets</p>
|
<p class="title is-4">Développeur Internet des Objets</p>
|
||||||
<p class="subtitle is-6">Michelin - Clermont-Ferrand</p>
|
<p class="subtitle is-6">Michelin - Clermont-Ferrand - (Ete 2015)</p>
|
||||||
<div class="tags">
|
<div class="tags">
|
||||||
<span class="tag">MongoDB</span>
|
<span class="tag">MongoDB</span>
|
||||||
<span class="tag">Node.JS</span>
|
<span class="tag">Node.JS</span>
|
||||||
@ -129,7 +128,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="media-content">
|
<div class="media-content">
|
||||||
<p class="title is-4">DUT Informatique - Imagerie Numérique</p>
|
<p class="title is-4">DUT Informatique - Imagerie Numérique</p>
|
||||||
<p class="subtitle is-6">IUT du Puy en Velay</p>
|
<p class="subtitle is-6">IUT du Puy en Velay - (2013 - 2015)</p>
|
||||||
<div class="tags">
|
<div class="tags">
|
||||||
<span class="tag">Unity</span>
|
<span class="tag">Unity</span>
|
||||||
<span class="tag">3DSMax</span>
|
<span class="tag">3DSMax</span>
|
||||||
@ -161,7 +160,7 @@
|
|||||||
</h2>
|
</h2>
|
||||||
<div class="columns">
|
<div class="columns">
|
||||||
<div class="column is-3 is-offset-2-desktop">
|
<div class="column is-3 is-offset-2-desktop">
|
||||||
<a class="button is-large is-fullw-mobile" href="mailto:anthony@dumas.cc">
|
<a id="btn-mail" disabled class="button is-large is-fullw-mobile">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<i class="fab icon-envelope-open"></i>
|
<i class="fab icon-envelope-open"></i>
|
||||||
</span>
|
</span>
|
||||||
@ -210,7 +209,7 @@
|
|||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<small>
|
<small>
|
||||||
Auteur : <strong>Anthony Dumas</strong> - anthony@dumas.cc
|
Auteur : <strong>Anthony Dumas</strong>
|
||||||
</small>
|
</small>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
@ -230,7 +229,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
<script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
|
||||||
<script type="text/javascript" src="lib/main.js"></script>
|
<script type="text/javascript" src="lib/main.js"></script>
|
||||||
|
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
15
lib/main.js
15
lib/main.js
@ -1,5 +1,14 @@
|
|||||||
'use strict';
|
"use strict";
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', function () {
|
var $btnMail = $("#btn-mail");
|
||||||
console.log('Hello Bulma!');
|
|
||||||
|
$btnMail.removeAttr("disabled");
|
||||||
|
|
||||||
|
$btnMail.click(function (evt) {
|
||||||
|
evt.preventDefault();
|
||||||
|
swal({
|
||||||
|
text: "anthony@dumas.cc",
|
||||||
|
icon: "info",
|
||||||
|
button: true
|
||||||
|
});
|
||||||
});
|
});
|
Loading…
x
Reference in New Issue
Block a user