Merge branch 'dev'

web/include/head.php

@@ -2,10 +2,36 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-    <!-- Page description -->
-    <meta name="description" content="The official website of Jovian Hersemeule.">
-    <meta name="author" content="Jovian Hersemeule">
-    <meta property="og:image" content="/include/images/home_picture_v1.jpg">
+	<!-- Description variables -->
+	<?php
+		$shareImg = "/include/images/avatar-cartoon600.png";
+		$author = "Jovian HERSEMEULE";
+		$description = "Le site officiel de Jovian Hersemeule";
+	?>
+
+    <!-- Generic description -->
+	<meta name="description" content="<?php echo $description; ?>">
+	<meta name="author" content="<?php echo $author; ?>">
+
+	<!-- Google / Search Engine Tags -->
+	<meta itemprop="name" content="<?php echo $author; ?>">
+	<meta itemprop="description" content="<?php echo $description; ?>">
+	<meta itemprop="image" content="<?php echo $shareImg; ?>">
+
+	<!-- Facebook Meta Tags -->
+	<meta property="og:url" content="https://www.jovian-hersemeule.eu">
+	<meta property="og:type" content="website">
+	<meta property="og:title" content="<?php echo $author; ?>">
+	<meta property="og:description" content="<?php echo $description; ?>">
+	<meta property="og:image" content="<?php echo $shareImg; ?>">
+
+	<!-- Twitter Meta Tags -->
+	<meta name="twitter:card" content="summary_large_image">
+	<meta name="twitter:title" content="<?php echo $author; ?>">
+	<meta name="twitter:description" content="<?php echo $description; ?>">
+	<meta name="twitter:image" content="<?php echo $shareImg; ?>">
+
+	<!-- Meta Tags Generated via http://heymeta.com -->
 
     <!-- Style sheet -->
     <link href="/include/css/bootstrap.css" rel="stylesheet">

web/index.php

@@ -18,19 +18,11 @@
         <div class="focus-center">
             <h1>Jovian Hersemeule</h1>
             <img src="https://img.icons8.com/color/96/000000/city.png" alt="Icone principale">
-            <h2>Bienvenue sur mon site internet. :-)</h2>
+            <h2>Bienvenue sur mon site !</h2>
             <p class="lead">Vous trouverez ici les principales informations me concernant : qui je suis, mon parcours, mon
                 expérience professionnelle et mes projets de programmation.<br>Bonne visite !</p>
         </div>
-        <img class="rounded img-fluid mx-auto d-block" src="include/images/home_picture_v1.jpg" alt="Photo d'accueil"
-             usemap="#homemap">
-
-        <!-- Map image parts to site naviagtion -->
-        <map class="d-none d-sm-block" name="homemap">
-            <area shape="rect" coords="120,12,412,306" alt="CV" href="cv.php">
-            <area shape="rect" coords="494,592,944,880" alt="Projets" href="projets.php">
-            <area shape="rect" coords="0,564,194,708" alt="Contact" href="contact.php">
-        </map>
+        <img class="rounded img-fluid mx-auto d-block" src="include/images/avatar-cartoon600.png" alt="Avatar Jovian cartoon">
 
     </main>