masq
/
pelican-papyrus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[basics] supression des informations contact, mise en place de l'adresse e-mail obfusquée

This commit is contained in:
max/sooulix 2024-08-15 20:11:33 +02:00
parent 991ec39404
commit d929eaac1a
3 changed files with 63 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
static/js/obfuscate_email.js Normal file
View File

@ -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

1
templates/base.html
View File

@ -80,6 +80,7 @@
}
});
</script>
<script type="text/javascript" src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/js/obfuscate_email.js"></script>
</body>
</html>

117
templates/partials/basics.html
View File

@ -1,86 +1,43 @@
{% set basics = page.resume.basics %}
{% if basics %}
<header id="header" class="clear">
{% if basics.image_b64 %}
<img class="image" src="data:image/jpeg;base64,{{ basics.image_b64 | safe }}" alt="{{ basics.name }}" />
<div class="middle">
<h1 class="name">{{ basics.name }}</h1>
<h2 class="label">{{ basics.label }}</h2>
</div>
{% else %}
<div>
<h1 class="name">{{ basics.name }}</h1>
<h2 class="label">{{ basics.label }}</h2>
</div>
{% endif %}
<header id="header" class="clear">
{% if basics.image_b64 %}
<img class="image" src="data:image/jpeg;base64,{{ basics.image_b64 | safe }}" alt="{{ basics.name }}" />
<div class="middle">
<h1 class="name">{{ basics.name }}</h1>
<h2 class="label">{{ basics.label }}</h2>
</div>
{% else %}
<div>
<h1 class="name">{{ basics.name }}</h1>
<h2 class="label">{{ basics.label }}</h2>
</div>
{% endif %}
{% if basics.location %}
<span class="location">
{% if basics.location.city %}
<span class="city">{{ basics.location.city }},</span>
{% endif %}
{% if basics.location.region %}
<span class="region">{{ basics.location.region }}</span>
{% endif %}
{% if basics.location.countryCode %}
<span class="countryCode {{ basics.location.countryCode }}"></span>
{% endif %}
</span>
{% endif %}
{% if basics.location %}
<span class="location">
{% if basics.location.city %}
<span class="city">{{ basics.location.city }},</span>
{% endif %}
{% if basics.location.region %}
<span class="region">{{ basics.location.region }}</span>
{% endif %}
{% if basics.location.countryCode %}
<span class="countryCode {{ basics.location.countryCode }}"></span>
{% endif %}
</span>
{% endif %}
{% if basics.birth %}
{{ basics.birth }}
{% endif %}
<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 %}
<div id="contact">
<a href="{{ basics.email }}" class="obfuscated_email">E-mail (hover me)</a>
</div>
</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 %}
{% endif %}