feat: favicon

header.php

@@ -12,19 +12,13 @@
 
   <?php wp_head(); ?>
   <?php include(TEMPLATEPATH . '/components/opengraph.php'); ?>
-	<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">
+	<link rel="shortcut icon" href="<?php echo get_template_directory_uri();?>/img/favicon.png">
 
 	<!-- 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,8 +1,6 @@
 var length = 35;
 
-$(function(){
-  $(".pretty-link").each(function(i){
-    var str = $(this).text().replace("https://", "");
-    $(this).text(str);
-  });
-});
+document.querySelectorAll('.pretty-link').forEach(function (i) {
+  var str = i.textContent.replace('https://', '');
+  i.textContent = str;
+});

js/trim.js

@@ -1,11 +1,18 @@
-var length = 35;
+const LENGHT = 35;
 
-$(function(){
-  $(".trim-that a, .limit").each(function(i){
-    len=$(this).text().length;
-    if(len>length)
-    {
-      $(this).text($(this).text().substr(0,(length-3))+'...');
-    }
-  });
+function limitString(str) {
+  len = str.length;
+  if (len > LENGHT) {
+    return str.substr(0, (LENGHT - 3)) + '...';
+  } else {
+    return str;
+  }
+}
+
+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-primary">
-    <h2 class="card-header">Liste de mes réseaux sociaux</h2>
+  <div class="card head-secondary" id="social-network-card">
+    <h2 class="card-header"><i class="fa fa-comments" aria-hidden="true"></i> Me retrouver</h2>
     <table>
       <thead>
         <tr>

scss/definitions/_fonts.scss

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