header.php

@@ -12,13 +12,19 @@
 
   <?php wp_head(); ?>
   <?php include(TEMPLATEPATH . '/components/opengraph.php'); ?>
-	<link rel="shortcut icon" href="<?php echo get_template_directory_uri();?>/img/favicon.png">
+	<link rel="shortcut icon" href="img/favicon.png">
+
+	<!-- Polices d'écriture -->
+	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,800&display=swap" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css?family=Amatic+SC&display=swap" rel="stylesheet">
 
 	<!-- framework utilisés -->
 	<link href="<?php echo get_template_directory_uri() . "/dep/fork-awesome/css/fork-awesome.min.css"; ?>" rel="stylesheet"/>
 
 	<!-- CSS -->
 	<link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet"/>
+
+	<script src="<?php echo get_template_directory_uri();?>/dep/jquery/jquery.js"></script>
 </head>
 
 <!-- Début du vrai HTML -->

js/prettylinks.js

@@ -1,6 +1,8 @@
 var length = 35;
 
-document.querySelectorAll('.pretty-link').forEach(function (i) {
+$(function(){
-  var str = i.textContent.replace('https://', '');
+  $(".pretty-link").each(function(i){
-  i.textContent = str;
+    var str = $(this).text().replace("https://", "");
+    $(this).text(str);
+  });
 });

js/trim.js

@@ -1,18 +1,11 @@
-const LENGHT = 35;
+var length = 35;
 
-function limitString(str) {
+$(function(){
-  len = str.length;
+  $(".trim-that a, .limit").each(function(i){
-  if (len > LENGHT) {
+    len=$(this).text().length;
-    return str.substr(0, (LENGHT - 3)) + '...';
+    if(len>length)
-  } else {
+    {
-    return str;
+      $(this).text($(this).text().substr(0,(length-3))+'...');
     }
-}
+  });
-
-document.querySelectorAll('.trim-that a').forEach(function (i) {
-  i.textContent = limitString(i.textContent);
-});
-
-document.querySelectorAll('.limit').forEach(function (i) {
-  i.textContent = limitString(i.textContent);
 });

page-links.php

@@ -11,8 +11,8 @@
     </div>
   </article>
 
-  <div class="card head-secondary" id="social-network-card">
+  <div class="card head-primary">
-    <h2 class="card-header"><i class="fa fa-comments" aria-hidden="true"></i> Me retrouver</h2>
+    <h2 class="card-header">Liste de mes réseaux sociaux</h2>
     <table>
       <thead>
         <tr>

scss/definitions/_fonts.scss

@@ -8,18 +8,7 @@ $fontweight_base: 400;
 $fontweight_bold: 600;
 $fontweight_hyper: 800;
 
-$basefont: Inter,
+$basefont: Open Sans, sans-serif;
--apple-system,
-BlinkMacSystemFont,
-'Segoe UI',
-Cantarell,
-Roboto,
-Oxygen,
-Ubuntu,
-'Fira Sans',
-'Droid Sans',
-'Helvetica Neue',
-sans-serif;
 $titlefont: Teko, sans-serif;
 
 @font-face {