diff --git a/assets/js/main.js b/assets/js/main.js
index 9fd4c73..a896d06 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -1,25 +1,6 @@
-'use strict';
-function reverse(str) { return str.split("").reverse().join(""); }
-function getName() { return "nomis"; }
-function getAt() { return "@"; }
-function getDomain() { return "okew"; }
-function getDot() { return "."; }
-function getTld() { return "oi"; }
-function getAddress() { return reverse(getName()) + getAt() + reverse(getDomain()) + getDot() + reverse(getTld()); }
-
-function comments(elm) {
-    var link = document.getElementById('comment-add');
-    link.href = "mai" + "lto:" + getAddress() + "?subject=" + link.dataset.title;
-    elm.remove();
-}
-
-function contact() {
-    var link = document.getElementById('contact');
-    if (link) {
-      link.href = "mai" + "lto:" + getAddress();
-    }
-}
+import obfuscates from 'js/obfuscates';
 
+obfuscates();
 function changeTheme() {
   // https://css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/#using-javascript-local-storage
   const btn = document.querySelector(".btn-toggle");
@@ -51,8 +32,7 @@ function changeTheme() {
 }
 
 function main() {
-    // menu();
-    contact();
+    obfuscates();
     changeTheme();
 }
 
diff --git a/assets/jsconfig.json b/assets/jsconfig.json
new file mode 100644
index 0000000..b7f58a3
--- /dev/null
+++ b/assets/jsconfig.json
@@ -0,0 +1,10 @@
+{
+ "compilerOptions": {
+  "baseUrl": ".",
+  "paths": {
+   "*": [
+    "../themes/hugo-theme-lowtech/assets/*"
+   ]
+  }
+ }
+}
\ No newline at end of file
diff --git a/assets/styles/main.sass b/assets/styles/main.sass
index 20d1edc..3243923 100644
--- a/assets/styles/main.sass
+++ b/assets/styles/main.sass
@@ -137,3 +137,4 @@ h1
 @import "./header"
 @import "./footer"
 @import "./container"
+@import "../../themes/hugo-theme-lowtech/assets/styles/obfuscates"
diff --git a/layouts/home.html b/layouts/home.html
index 9d7f48f..e4eed07 100644
--- a/layouts/home.html
+++ b/layouts/home.html
@@ -62,7 +62,7 @@
 
   <section id="contact" class="section container column center">
     <h2>Vous avez une idée, un projet ?<br>Contactez- moi !</h2>
-    <h3 class="cadre"><a href="mailto:simon@weko.io">simon@weko.io</a><a href="tel:+33757180168">07 57 18 01 68</a></h3>
+    <h3 class="cadre">{{ partial "contact/mail" . }}{{ partial "contact/telephone" . }}</h3>
   </section>
 
   <section class="section secondary">
diff --git a/themes/hugo-theme-lowtech b/themes/hugo-theme-lowtech
index 84539d1..b8ae0a1 160000
--- a/themes/hugo-theme-lowtech
+++ b/themes/hugo-theme-lowtech
@@ -1 +1 @@
-Subproject commit 84539d10ae89ce04863046ca7f59551bd2f71427
+Subproject commit b8ae0a19caab89b6454d7198b1a11abdbb3d6daf