Different title and description for each page

2019-08-16 13:35:54 +02:00
parent 694bed6d59
commit c81b29e924
10 changed files with 86 additions and 17 deletions
--- a/incl/header.php
+++ b/incl/header.php
@@ -1,31 +1,31 @@
 <!DOCTYPE html>
 <html lang="fr" prefix="og: http://ogp.me/ns#">
    <head>
-        <title>Function Project</title>
+        <title><?php echo $title?></title>
        <link rel="icon" type="image/png" href="/img/FunctionProject_logo.png"/>

        <!-- Meta Tag -->
        <meta charset="utf-8">
        <meta https-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <meta name="description" content="FunctionProject est un projet créé par Divlo qui a pour but de rassembler plein de mini-programme (fonctions JavaScript) permettant de faire plusieurs choses comme savoir la météo, générer un nombre aléatoire, etc."/> 
+        <meta name="description" content="<?php echo $description?>"/> 
        <link rel="canonical" href="function.divlo.fr"/> 
        <meta name="Language" content="fr"/> 
        <meta charset="utf-8">

        <!--Open Graph Metadata-->
-        <meta property="og:title" content="Function Project">
+        <meta property="og:title" content="<?php echo $title?>">
        <meta property="og:type" content="website"> 
        <meta property="og:url" content="https://function.divlo.fr/"> 
        <meta property="og:image" content="https://function.divlo.fr/img/FunctionProject.png"> 
-        <meta property="og:description" content="FunctionProject est un projet créé par Divlo qui a pour but de rassembler plein de mini-programme (fonctions JavaScript) permettant de faire plusieurs choses comme savoir la météo, générer un nombre aléatoire, etc."> 
+        <meta property="og:description" content="<?php echo $description?>"> 
        <meta property="og:locale" content="fr_FR">
        <meta property="og:site_name" content="Function Project"> 

        <!-- Twitter card Metadata -->
        <meta name="twitter:card" content="summary">
-        <meta name="twitter:description" content="FunctionProject est un projet créé par Divlo qui a pour but de rassembler plein de mini-programme (fonctions JavaScript) permettant de faire plusieurs choses comme savoir la météo, générer un nombre aléatoire, etc.">
-        <meta name="twitter:title" content="Function Project">
+        <meta name="twitter:description" content="<?php echo $description?>">
+        <meta name="twitter:title" content="<?php echo $title?>">
        <meta name="twitter:site" content="@Divlo_FR">
        <meta name="twitter:image:src" content="https://function.divlo.fr/img/FunctionProject.png">
        <meta name="twitter:creator" content="@Divlo_FR">
--- a/index.php
+++ b/index.php
@@ -1,3 +1,6 @@
+<!-- Head Perso -->
+<?php include("./php/headPerso.php");?>
+
 <!-- Header -->
 <?php include("./incl/header.php");?>
                <ul class="navbar-nav ml-auto">
@@ -17,7 +20,7 @@
            </div>
        </div>
    </nav>
-</header>
+</header> 

 <!-- Page Content -->
 <div class="container">
@@ -30,6 +33,7 @@
  Je suis débutant en programmation donc si je commets une erreur dans le code, n'hésitez pas à me le faire savoir. <i class="fas fa-code"></i>
  <br><br>
  Vous pouvez m'envoyer vos avis, suggestion d'ajouts, éventuel bug/problème grâce à ce <a href="https://docs.google.com/forms/d/1NliUWi3lntHDM42Td0C47J0cZKgnYilxT_0UcdmVaog/" target="_blank">Feedback Formulaire</a> 📝.
+  <br>
  </p>
 </div>

--- a/php/headPerso.php
+++ b/php/headPerso.php
@@ -0,0 +1,43 @@
+<?php 
+
+$currentpage = $_SERVER['PHP_SELF'];
+
+switch ($currentpage) {
+    case '/index.php':
+        $title = 'FunctionProject';
+        $description = 'FunctionProject est un projet créé par Divlo qui a pour but de rassembler plein de mini-programme (fonctions JavaScript) permettant de faire plusieurs choses comme savoir la météo, générer un nombre aléatoire, etc.';
+        break;
+    case '/views/function-list.php':
+        $title = 'Liste des fonctions';
+        $description = '';
+        break;
+    case '/views/error404.php':
+        $title = 'Erreur 404';
+        $description = '';
+        break;
+    case '/views/function-views/calculateAge.php':
+        $title = 'Quelle âge avez-vous ?';
+        $description = "Calcule l'âge de quelqu'un selon la date de naissance.";
+        break;
+    case '/views/function-views/convertDistance.php':
+        $title = 'Conversion de Distance';
+        $description = 'Convertit la longueur (distance) avec les unités allant de picomètre au Téramètre.';
+        break;
+    case '/views/function-views/convertTemperature.php':
+        $title = 'Conversion de Température';
+        $description = "Convertit des Degré Celsius en Degré Fahrenheit et l'inverse aussi.";
+        break;
+    case '/views/function-views/randomNumber.php':
+        $title = 'Nombre Aléatoire';
+        $description = 'Génère un nombre aléatoire entre un minimum inclus et un maximum inclus.';
+        break;
+    case '/views/function-views/weatherRequest.php':
+        $title = 'Météo';
+        $description = "Affiche la météo et l'heure local selon la ville.";
+        break;
+    default:
+        $title = 'FunctionProject';
+        $description = 'FunctionProject est un projet créé par Divlo qui a pour but de rassembler plein de mini-programme (fonctions JavaScript) permettant de faire plusieurs choses comme savoir la météo, générer un nombre aléatoire, etc.';
+}
+
+?>
--- a/views/error404.php
+++ b/views/error404.php
@@ -1,3 +1,6 @@
+<!-- Head Perso -->
+<?php include("../php/headPerso.php");?>
+
 <!-- Header -->
 <?php include("../incl/header.php");?>

--- a/views/function-list.php
+++ b/views/function-list.php
@@ -1,3 +1,6 @@
+<!-- Head Perso -->
+<?php include("../php/headPerso.php");?>
+
 <!-- Header -->
 <?php include("../incl/header.php");?>
                <ul class="navbar-nav ml-auto">
--- a/views/function-views/calculateAge.php
+++ b/views/function-views/calculateAge.php
@@ -1,3 +1,6 @@
+<!-- Head Perso -->
+<?php include("../../php/headPerso.php");?>
+
 <!-- Header -->
 <?php include("../../incl/header.php");?>

@@ -6,8 +9,8 @@

 <!-- Page Content -->
 <div class="container">
-  <h1 class="mt-4 text-center"><span class="yellow-color">Quelle âge avez-vous ?</span></h1>
-  <p class="pt-3 text-center">Calcule l'âge de quelqu'un selon la date de naissance.</p>
+  <h1 class="mt-4 text-center"><span class="yellow-color"><?php echo $title?></span></h1>
+  <p class="pt-3 text-center"><?php echo $description?></p>
  <div class="form-group">
 		<label for="birthDateValue">Entrez la date de naissance au format (dd/mm/yyyy) :</label>
        <input name="birthDateValue" type="text" id="birthDateValue" placeholder="(e.g : 31/03/2003)" class="form-control">
--- a/views/function-views/convertDistance.php
+++ b/views/function-views/convertDistance.php
@@ -1,3 +1,6 @@
+<!-- Head Perso -->
+<?php include("../../php/headPerso.php");?>
+
 <!-- Header -->
 <?php include("../../incl/header.php");?>

@@ -6,8 +9,9 @@

 <!-- Page Content -->
 <div class="container">
-  <h1 class="mt-4 text-center"><span class="yellow-color">Conversion de Distance</span> :</h1>
-  <p class="pt-3 text-center">Convertit la longueur (distance) avec les unités allant de picomètre au Téramètre.</p>
+  <h1 class="mt-4 text-center"><span class="yellow-color"><?php echo $title?></span> :</h1>
+  <p class="pt-3 text-center"><?php echo $description?></p>
+  <br>
  <div class="form-group">
 		<label for="firstValue">Entrez la distance que vous voulez convertir :</label>
        <input name="firstValue" type="text" id="firstValue" placeholder="(e.g : 50cm)" class="form-control">
--- a/views/function-views/convertTemperature.php
+++ b/views/function-views/convertTemperature.php
@@ -1,3 +1,6 @@
+<!-- Head Perso -->
+<?php include("../../php/headPerso.php");?>
+
 <!-- Header -->
 <?php include("../../incl/header.php");?>

@@ -6,8 +9,8 @@

 <!-- Page Content -->
 <div class="container">
-  <h1 class="mt-4 text-center"><span class="yellow-color">Conversion de Température</span> :</h1>
-  <p class="pt-3 text-center">Convertit des Degré Celsius en Degré Fahrenheit et l'inverse aussi.</p>
+  <h1 class="mt-4 text-center"><span class="yellow-color"><?php echo $title?></span> :</h1>
+  <p class="pt-3 text-center"><?php echo $description?></p>
  <div class="form-group">
 		<label for="temperatureValue">Entrez la température :</label>
        <input name="temperatureValue" type="text" id="temperatureValue" placeholder="(e.g : 23°C)" class="form-control">
--- a/views/function-views/randomNumber.php
+++ b/views/function-views/randomNumber.php
@@ -1,3 +1,6 @@
+<!-- Head Perso -->
+<?php include("../../php/headPerso.php");?>
+
 <!-- Header -->
 <?php include("../../incl/header.php");?>

@@ -6,8 +9,8 @@

 <!-- Page Content -->
 <div class="container">
-  <h1 class="mt-4 text-center"><span class="yellow-color">Nombre Aléatoire</span> :</h1>
-  <p class="pt-3 text-center">Génère un nombre aléatoire entre un minimum inclus et un maximum inclus.</p>
+  <h1 class="mt-4 text-center"><span class="yellow-color"><?php echo $title?></span> :</h1>
+  <p class="pt-3 text-center"><?php echo $description?></p>
  <div class="form-group">
 		<label for="minValue">Entrez la valeur minimale :</label>
        <input name="minValue" type="text" id="minValue" placeholder="(e.g : 1)" class="form-control">
--- a/views/function-views/weatherRequest.php
+++ b/views/function-views/weatherRequest.php
@@ -1,3 +1,6 @@
+<!-- Head Perso -->
+<?php include("../../php/headPerso.php");?>
+
 <!-- Header -->
 <?php include("../../incl/header.php");?>

@@ -6,8 +9,8 @@

 <!-- Page Content -->
 <div class="container">
-  <h1 class="mt-4 text-center"><span class="yellow-color">Météo</span> :</h1>
-  <p class="pt-3 text-center">Affiche la météo et l'heure local selon la ville.</p>
+  <h1 class="mt-4 text-center"><span class="yellow-color"><?php echo $title?></span> :</h1>
+  <p class="pt-3 text-center"><?php echo $description?></p>
  <div class="form-group">
 		<label for="cityName">Entrez le nom d'une ville :</label>
        <input name="cityName" type="text" id="cityName" placeholder="(e.g : Paris)" class="form-control">