[basics] supression des informations contact, mise en place de l'adresse e-mail obfusquée
This commit is contained in:
parent
991ec39404
commit
d929eaac1a
|
|
@ -0,0 +1,25 @@
|
||||||
|
function obfuscateEmail(item) {
|
||||||
|
let href = item.href;
|
||||||
|
let innerHTML = item.innerHTML;
|
||||||
|
item.onmouseover = (_this) => {
|
||||||
|
const elt = _this.target;
|
||||||
|
const b64email = elt.href.match('[^/]*$').pop();
|
||||||
|
elt.href = 'mailto:' + atob(b64email);
|
||||||
|
elt.innerHTML = 'E-mail: ' + atob(b64email);
|
||||||
|
}
|
||||||
|
item.onmouseout = (_this) => {
|
||||||
|
_this.target.href = href;
|
||||||
|
_this.target.innerHTML = innerHTML;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
const elts = []
|
||||||
|
const query = document.getElementsByClassName("obfuscated_email")
|
||||||
|
for (let i = 0; i < query.length; i++) {
|
||||||
|
obfuscateEmail(query[i]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onload = init
|
||||||
|
|
@ -80,6 +80,7 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
<script type="text/javascript" src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/obfuscate_email.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,86 +1,43 @@
|
||||||
{% set basics = page.resume.basics %}
|
{% set basics = page.resume.basics %}
|
||||||
{% if basics %}
|
{% if basics %}
|
||||||
<header id="header" class="clear">
|
<header id="header" class="clear">
|
||||||
{% if basics.image_b64 %}
|
{% if basics.image_b64 %}
|
||||||
<img class="image" src="data:image/jpeg;base64,{{ basics.image_b64 | safe }}" alt="{{ basics.name }}" />
|
<img class="image" src="data:image/jpeg;base64,{{ basics.image_b64 | safe }}" alt="{{ basics.name }}" />
|
||||||
<div class="middle">
|
<div class="middle">
|
||||||
<h1 class="name">{{ basics.name }}</h1>
|
<h1 class="name">{{ basics.name }}</h1>
|
||||||
<h2 class="label">{{ basics.label }}</h2>
|
<h2 class="label">{{ basics.label }}</h2>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<div>
|
<div>
|
||||||
<h1 class="name">{{ basics.name }}</h1>
|
<h1 class="name">{{ basics.name }}</h1>
|
||||||
<h2 class="label">{{ basics.label }}</h2>
|
<h2 class="label">{{ basics.label }}</h2>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if basics.location %}
|
{% if basics.location %}
|
||||||
<span class="location">
|
<span class="location">
|
||||||
{% if basics.location.city %}
|
{% if basics.location.city %}
|
||||||
<span class="city">{{ basics.location.city }},</span>
|
<span class="city">{{ basics.location.city }},</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if basics.location.region %}
|
{% if basics.location.region %}
|
||||||
<span class="region">{{ basics.location.region }}</span>
|
<span class="region">{{ basics.location.region }}</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if basics.location.countryCode %}
|
{% if basics.location.countryCode %}
|
||||||
<span class="countryCode {{ basics.location.countryCode }}"></span>
|
<span class="countryCode {{ basics.location.countryCode }}"></span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</span>
|
</span>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if basics.birth %}
|
<div id="contact">
|
||||||
{{ basics.birth }}
|
<a href="{{ basics.email }}" class="obfuscated_email">E-mail (hover me)</a>
|
||||||
{% endif %}
|
</div>
|
||||||
|
</header>
|
||||||
<div id="contact">
|
|
||||||
{% if basics.url %}
|
|
||||||
<div class="website">
|
|
||||||
<span class="fas fa-external-link-alt"></span>
|
|
||||||
<a href="{{ basics.url }}">{{ basics.url }}</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if basics.email %}
|
|
||||||
<div class="email">
|
|
||||||
<span class="far fa-envelope"></span>
|
|
||||||
<a href="mailto:{{ basics.email }}">{{ basics.email }}</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if basics.phone %}
|
|
||||||
<div class="phone">
|
|
||||||
<span class="fas fa-mobile-alt"></span>
|
|
||||||
<a href="tel:{{ basics.phone }}">{{ basics.phone }}</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if basics.profiles %}
|
|
||||||
<div id="profiles">
|
|
||||||
{% for profile in basics.profiles %}
|
|
||||||
<div class="item">
|
|
||||||
{% if profile.network %}
|
|
||||||
<div class="username">
|
|
||||||
<span class="{{ profile.icon | d('fab fa-' + profile.network | replace(' ', '-') | lower) }} {{ profile.network | replace(' ', '-') | lower }} social"></span>
|
|
||||||
{% if profile.url %}
|
|
||||||
<span class="url">
|
|
||||||
<a href="{{ profile.url }}">{{ profile.username }}</a>
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
<span>{{ profile.username }}</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</header>
|
|
||||||
|
|
||||||
{% if basics.summary %}
|
|
||||||
<section class="section">
|
|
||||||
<section class="main-summary">
|
|
||||||
<div>{{ basics.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
|
||||||
</section>
|
|
||||||
</section>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
|
{% if basics.summary %}
|
||||||
|
<section class="section">
|
||||||
|
<section class="main-summary">
|
||||||
|
<div>{{ basics.summary | replace("\r\n", "<br>") | replace("\n", "<br>") | replace("\r", "<br>") }}</div>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue