theoludwig/FunctionProject
theoludwig/FunctionProject
Archived
1
1
Fork 0
Code Pull Requests Actions Releases Activity

Hotfix: Main tag

Browse Source
This commit is contained in:
Divlo 2019-12-28 22:36:09 +01:00
parent 0b6e2f9181
commit b3225f3adc
25 changed files with 651 additions and 604 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
css/style.css
View File

@ -38,9 +38,6 @@ p {
}
/* HEADER */
header {
margin-bottom: 4%;
}
#header-container {
padding-bottom: 0;
}
@ -59,14 +56,14 @@ header {
}
/* CONTENT */
main {
padding-top: 81px;
}
@media (max-width: 576px) {
.container {
width: 90% !important;
}
}
.container {
padding-bottom: 25px;
}
.selectInline {
display: inline-block !important;
width: 80px !important;

1
incl/footer.php
View File

@ -1,6 +1,5 @@
<footer class="text-center">
<div class="container-fluid">
<!-- <a href="#" class="scroll-top-arrow important"><i class="fas fa-arrow-up"></i></a> -->
<div class="row">
<div class="col-12">
<a href="#" class="scroll-top-arrow important"><i class="fas fa-arrow-up"></i></a>

2
incl/header.php
View File

@ -39,7 +39,7 @@
<link rel="stylesheet" href="/css/style.css">
</head>
<body>
<body class="d-flex flex-column">
<header>
<nav class="navbar navbar-expand-lg navbar-dark static-top">
<div class="container" id="header-container">

40
index.php
View File

@ -5,30 +5,32 @@
<?php include("./incl/header.php");?>
<!-- Page Content -->
<div class="container">
<main class="container-fluid flex-fill">
<div class="container">
<div class="row">
<h1 class="pb-4">Bienvenue sur <span class="important">FunctionProject</span> <i class="fas fa-file-code"></i></h1>
</div>
<div class="row pb-5 pt-2">
<p class="mx-auto"><a href="/views/function-list.php">Liste de Mini-programmes</a> permettant de <a id="change" href="/views/function-views/weatherRequest.php">connaître la météo</a>...</p>
</div>
<div class="row">
<h1 class="pb-4">Bienvenue sur <span class="important">FunctionProject</span> <i class="fas fa-file-code"></i></h1>
</div>
<div class="row pb-5 pt-2">
<p class="mx-auto"><a href="/views/function-list.php">Liste de Mini-programmes</a> permettant de <a id="change" href="/views/function-views/weatherRequest.php">connaître la météo</a>...</p>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a target="_blank" href="https://github.com/Divlo/FunctionProject">Code Source :</a></h2>
<a target="_blank" href="https://github.com/Divlo/FunctionProject"><img class="function-list-image" src="/img/GitHub.png" alt=""></a>
<p class="function-list-description">Code source disponible sur <a target="_blank" href="https://github.com/Divlo">mon profil GitHub</a> <i class="fab fa-github"></i>.</p>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a target="_blank" href="https://github.com/Divlo/FunctionProject">Code Source :</a></h2>
<a target="_blank" href="https://github.com/Divlo/FunctionProject"><img class="function-list-image" src="/img/GitHub.png" alt=""></a>
<p class="function-list-description">Code source disponible sur <a target="_blank" href="https://github.com/Divlo">mon profil GitHub</a> <i class="fab fa-github"></i>.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="/views/feedback-form_view.php">Donnez votre avis :</a></h2>
<a href="/views/feedback-form_view.php"><img class="function-list-image" src="/img/Feedback-Formulaire.png" alt=""></a>
<p class="function-list-description">Vous pouvez m'envoyer votre avis sur le projet grâce au <a href="/views/feedback-form_view.php">Feedback Formulaire</a> 📝.</p>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="/views/feedback-form_view.php">Donnez votre avis :</a></h2>
<a href="/views/feedback-form_view.php"><img class="function-list-image" src="/img/Feedback-Formulaire.png" alt=""></a>
<p class="function-list-description">Vous pouvez m'envoyer votre avis sur le projet grâce au <a href="/views/feedback-form_view.php">Feedback Formulaire</a> 📝.</p>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<?php include("./incl/footer.php");?>

10
views/404.php
View File

@ -5,10 +5,12 @@
<?php include("../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1>Erreur <span class="important">404</span></h1>
<p class="pt-3 text-center">Cette page n'existe pas! <a href="/index.php" class="important">Revenir à la page d'accueil ?</a></p>
</div>
<main class="container-fluid flex-fill">
<div class="container">
<h1>Erreur <span class="important">404</span></h1>
<p class="pt-3 text-center">Cette page n'existe pas! <a href="/index.php" class="important">Revenir à la page d'accueil ?</a></p>
</div>
</main>
<!-- Footer -->
<?php include("../incl/footer.php");?>

50
views/feedback-form_view.php
View File

@ -5,30 +5,32 @@
<?php include("../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?> <br>
Note : Tous les feedbacks publiés sont publics. <br>
<a href="/views/feedback-list.php">La liste des feedbacks publiés</a>
</p>
<form id="feedbackForm" method="POST">
<div class="form-group">
<label for="pseudo">Entrez votre pseudo :</label>
<input name="pseudo" type="text" id="pseudo" placeholder="Divlo" class="form-control">
<br>
<label for="feedback">Votre message :</label>
<textarea name="feedback" type="text" id="feedback" placeholder="Soyez le plus précis possible dans votre ressenti afin que je puisse améliorer au mieux le projet. ⚙️" class="form-control"></textarea>
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitFeedback" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</form>
</div>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?> <br>
Note : Tous les feedbacks publiés sont publics. <br>
<a href="/views/feedback-list.php">La liste des feedbacks publiés</a>
</p>
<form id="feedbackForm" method="POST">
<div class="form-group">
<label for="pseudo">Entrez votre pseudo :</label>
<input name="pseudo" type="text" id="pseudo" placeholder="Divlo" class="form-control">
<br>
<label for="feedback">Votre message :</label>
<textarea name="feedback" type="text" id="feedback" placeholder="Soyez le plus précis possible dans votre ressenti afin que je puisse améliorer au mieux le projet. ⚙️" class="form-control"></textarea>
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitFeedback" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</form>
</div>
</main>
<!-- Footer -->
<?php include("../incl/footer.php");?>

61
views/feedback-list.php
View File

@ -5,38 +5,41 @@
<?php include("../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<?php echo $description?> <br>
<a href="/views/feedback-form_view.php">Revenir au formulaire</a>
</p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<?php echo $description?> <br>
<a href="/views/feedback-form_view.php">Revenir au formulaire</a>
</p>
<table class="table table-bordered mt-5">
<thead>
<tr>
<th class="text-center" scope="col">Pseudo</th>
<th class="text-center" scope="col">Feedback</th>
<th class="text-center" scope="col">Statut</th>
</tr>
</thead>
<tbody class="text-center">
<?php
$path = $_SERVER['DOCUMENT_ROOT'];
// Connexion à la base de donnée
require_once($path.'/php/config_database/connectDB.php');
<table class="table table-bordered mt-5">
<thead>
<tr>
<th class="text-center" scope="col">Pseudo</th>
<th class="text-center" scope="col">Feedback</th>
<th class="text-center" scope="col">Statut</th>
</tr>
</thead>
<tbody class="text-center">
<?php
$path = $_SERVER['DOCUMENT_ROOT'];
// Connexion à la base de donnée
require_once($path.'/php/config_database/connectDB.php');
$req = $bdd->query("SELECT * FROM functiondivlofr_feedback");
$req = $bdd->query("SELECT * FROM functiondivlofr_feedback");
while($row = $req->fetch()) { ?>
<tr>
<td class="important"><?= $row['pseudo'] ?></td>
<td><?= $row['feedback'] ?></td>
<td><?= $row['statut'] ?></td>
</tr>
<?php } ?>
</tbody>
</table>
while($row = $req->fetch()) { ?>
<tr>
<td class="important"><?= $row['pseudo'] ?></td>
<td><?= $row['feedback'] ?></td>
<td><?= $row['statut'] ?></td>
</tr>
<?php } ?>
</tbody>
</table>
</div>
</main>
<!-- Footer -->
<?php include("../incl/footer.php");?>

223
views/function-list.php
View File

@ -5,141 +5,144 @@
<?php include("../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<div class="row pb-5">
<h1>La liste des <span class="important">Fonctions</span> :</h1>
</div>
<main class="container-fluid flex-fill">
<div class="container">
<div class="row pb-5">
<h1>La liste des <span class="important">Fonctions</span> :</h1>
</div>
<div class="row pt-4">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/weatherRequest.php">Météo</a></h2>
<a href="./function-views/weatherRequest.php"><img class="function-list-image" src="/img/function-image/weatherRequest.png" alt="Météo"></a>
<p class="function-list-description">Affiche la météo et l'heure locale.</p>
<div class="row pt-4">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/weatherRequest.php">Météo</a></h2>
<a href="./function-views/weatherRequest.php"><img class="function-list-image" src="/img/function-image/weatherRequest.png" alt="Météo"></a>
<p class="function-list-description">Affiche la météo et l'heure locale.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/randomNumber.php">Nombre aléatoire</a></h2>
<a href="./function-views/randomNumber.php"><img class="function-list-image" src="/img/function-image/randomNumber.png" alt="Nombre aléatoire"></a>
<p class="function-list-description">Génère un nombre aléatoire entre un minimum inclus et un maximum inclus.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/randomNumber.php">Nombre aléatoire</a></h2>
<a href="./function-views/randomNumber.php"><img class="function-list-image" src="/img/function-image/randomNumber.png" alt="Nombre aléatoire"></a>
<p class="function-list-description">Génère un nombre aléatoire entre un minimum inclus et un maximum inclus.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/calculateAge.php">Quel âge avez-vous ?</a></h2>
<a href="./function-views/calculateAge.php"><img class="function-list-image" src="/img/function-image/calculateAge.png" alt="Calendrier"></a>
<p class="function-list-description">Calcule l'âge selon la date de naissance.</p>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/calculateAge.php">Quel âge avez-vous ?</a></h2>
<a href="./function-views/calculateAge.php"><img class="function-list-image" src="/img/function-image/calculateAge.png" alt="Calendrier"></a>
<p class="function-list-description">Calcule l'âge selon la date de naissance.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertTemperature.php">Conversion de Température</a></h2>
<a href="./function-views/convertTemperature.php"><img class="function-list-image" src="/img/function-image/convertTemperature.png" alt="Thermomètre"></a>
<p class="function-list-description">Convertis des Degré Celsius en Degré Fahrenheit et l'inverse aussi.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertTemperature.php">Conversion de Température</a></h2>
<a href="./function-views/convertTemperature.php"><img class="function-list-image" src="/img/function-image/convertTemperature.png" alt="Thermomètre"></a>
<p class="function-list-description">Convertis des Degré Celsius en Degré Fahrenheit et l'inverse aussi.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertDistance.php">Conversion de Distance</a></h2>
<a href="./function-views/convertDistance.php"><img class="function-list-image" src="/img/function-image/convertDistance.png" alt="Règle"></a>
<p class="function-list-description">Convertis la longueur (distance) avec les unités allant de picomètre au Téramètre.</p>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertDistance.php">Conversion de Distance</a></h2>
<a href="./function-views/convertDistance.php"><img class="function-list-image" src="/img/function-image/convertDistance.png" alt="Règle"></a>
<p class="function-list-description">Convertis la longueur (distance) avec les unités allant de picomètre au Téramètre.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/filterStudents.php">Trie les prénoms par leur première lettre</a></h2>
<a href="./function-views/filterStudents.php"><img class="function-list-image" src="/img/function-image/filterStudents.png" alt="Carte étudiant"></a>
<p class="function-list-description">Affiche uniquement les prénoms (qui sont dans la liste) qui commencent par la lettre souhaitée.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/filterStudents.php">Trie les prénoms par leur première lettre</a></h2>
<a href="./function-views/filterStudents.php"><img class="function-list-image" src="/img/function-image/filterStudents.png" alt="Carte étudiant"></a>
<p class="function-list-description">Affiche uniquement les prénoms (qui sont dans la liste) qui commencent par la lettre souhaitée.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/randomQuote.php">Générateur de citations</a></h2>
<a href="./function-views/randomQuote.php"><img class="function-list-image" src="/img/function-image/randomQuote.png" alt="Citation"></a>
<p class="function-list-description">Génère aléatoirement une citation ou un proverbe.</p>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/randomQuote.php">Générateur de citations</a></h2>
<a href="./function-views/randomQuote.php"><img class="function-list-image" src="/img/function-image/randomQuote.png" alt="Citation"></a>
<p class="function-list-description">Génère aléatoirement une citation ou un proverbe.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertCurrency.php">Conversion de devises</a></h2>
<a href="./function-views/convertCurrency.php"><img class="function-list-image" src="/img/function-image/convertCurrency.png" alt="Sac de pièces"></a>
<p class="function-list-description">Convertis une valeur dans une devise dans une autre devise.</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertCurrency.php">Conversion de devises</a></h2>
<a href="./function-views/convertCurrency.php"><img class="function-list-image" src="/img/function-image/convertCurrency.png" alt="Sac de pièces"></a>
<p class="function-list-description">Convertis une valeur dans une devise dans une autre devise.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertEncoding.php">Conversion des Encodages de caractères</a></h2>
<a href="./function-views/convertEncoding.php"><img class="function-list-image" src="/img/function-image/convertEncoding.png" alt="Binaire"></a>
<p class="function-list-description">Convertis des nombres de différentes bases et convertis en UTF-8.</p>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertEncoding.php">Conversion des Encodages de caractères</a></h2>
<a href="./function-views/convertEncoding.php"><img class="function-list-image" src="/img/function-image/convertEncoding.png" alt="Binaire"></a>
<p class="function-list-description">Convertis des nombres de différentes bases et convertis en UTF-8.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertRomanArabicNumbers.php">Conversion d'un nombre arabe en nombre romain</a></h2>
<a href="./function-views/convertRomanArabicNumbers.php"><img class="function-list-image" src="/img/function-image/convertRomanArabicNumbers.png" alt="Chiffres Romains"></a>
<p class="function-list-description">Convertis un nombre arabe en nombre romain (et l'inverse aussi).</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertRomanArabicNumbers.php">Conversion d'un nombre arabe en nombre romain</a></h2>
<a href="./function-views/convertRomanArabicNumbers.php"><img class="function-list-image" src="/img/function-image/convertRomanArabicNumbers.png" alt="Chiffres Romains"></a>
<p class="function-list-description">Convertis un nombre arabe en nombre romain (et l'inverse aussi).</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/armstrongNumber.php">Nombre d'Armstrong</a></h2>
<a href="./function-views/armstrongNumber.php"><img class="function-list-image" src="/img/function-image/armstrongNumber.png" alt="Nombre d'Armstrong"></a>
<p class="function-list-description">Vérifie si un nombre fait partie des nombres d'Armstrong ou non.</p>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/armstrongNumber.php">Nombre d'Armstrong</a></h2>
<a href="./function-views/armstrongNumber.php"><img class="function-list-image" src="/img/function-image/armstrongNumber.png" alt="Nombre d'Armstrong"></a>
<p class="function-list-description">Vérifie si un nombre fait partie des nombres d'Armstrong ou non.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/heapAlgorithm.php">Heap's algorithm</a></h2>
<a href="./function-views/heapAlgorithm.php"><img class="function-list-image" src="/img/function-image/heapAlgorithm.png" alt="Heap's algorithm"></a>
<p class="function-list-description">Génère toutes les permutations uniques possibles d'une chaîne de caractère (en changeant de place les lettres du mot, permet d’en créer un nouveau qui n'a pas forcément de sens).</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/heapAlgorithm.php">Heap's algorithm</a></h2>
<a href="./function-views/heapAlgorithm.php"><img class="function-list-image" src="/img/function-image/heapAlgorithm.png" alt="Heap's algorithm"></a>
<p class="function-list-description">Génère toutes les permutations uniques possibles d'une chaîne de caractère (en changeant de place les lettres du mot, permet d’en créer un nouveau qui n'a pas forcément de sens).</p>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertMarkdown.php">Markdown</a></h2>
<a href="./function-views/convertMarkdown.php"><img class="function-list-image" src="/img/function-image/convertMarkdown.png" alt="Markdown"></a>
<p class="function-list-description">Convertis du Markdown en HTML.</p>
<div class="row">
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/convertMarkdown.php">Markdown</a></h2>
<a href="./function-views/convertMarkdown.php"><img class="function-list-image" src="/img/function-image/convertMarkdown.png" alt="Markdown"></a>
<p class="function-list-description">Convertis du Markdown en HTML.</p>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/linkShortener.php">Raccourcisseurs de liens</a></h2>
<a href="./function-views/linkShortener.php"><img class="function-list-image" src="/img/function-image/linkShortener.png" alt="Raccourcisseurs de liens"></a>
<p class="function-list-description">Une URL trop longue ? Raccourcissez-là !</p>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/linkShortener.php">Raccourcisseurs de liens</a></h2>
<a href="./function-views/linkShortener.php"><img class="function-list-image" src="/img/function-image/linkShortener.png" alt="Raccourcisseurs de liens"></a>
<p class="function-list-description">Une URL trop longue ? Raccourcissez-là !</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/toDoList.php">Liste de choses à faire</a></h2>
<a href="./function-views/toDoList.php"><img class="function-list-image" src="/img/function-image/toDoList.png" alt="ToDoList"></a>
<p class="function-list-description"></p>
<div class="row">
<div class="col-12 pb-4">
<div class="text-center pb-5">
<h2 class="function-list-title"><a href="./function-views/toDoList.php">Liste de choses à faire</a></h2>
<a href="./function-views/toDoList.php"><img class="function-list-image" src="/img/function-image/toDoList.png" alt="ToDoList"></a>
<p class="function-list-description"></p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../incl/footer.php");?>

26
views/function-views/armstrongNumber.php
View File

@ -5,19 +5,21 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/armstrongNumber.png" alt="Nombre d'Armstrong">
</div>
<div class="form-group">
<label for="numberToTest">Entrez votre nombre :</label>
<input name="numberToTest" type="number" id="numberToTest" placeholder="(e.g : 153)" class="form-control">
<br> <br>
<p class="results text-center"></p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/armstrongNumber.png" alt="Nombre d'Armstrong">
</div>
</div>
<div class="form-group">
<label for="numberToTest">Entrez votre nombre :</label>
<input name="numberToTest" type="number" id="numberToTest" placeholder="(e.g : 153)" class="form-control">
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

26
views/function-views/calculateAge.php
View File

@ -5,19 +5,21 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span></h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/calculateAge.png" alt="Calendrier">
</div>
<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="Sélectionnez une date" class="form-control datepicker">
<br> <br>
<p class="results text-center"></p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span></h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/calculateAge.png" alt="Calendrier">
</div>
</div>
<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="Sélectionnez une date" class="form-control datepicker">
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

104
views/function-views/convertCurrency.php
View File

@ -5,58 +5,60 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?>
<br>
Les taux de change sont récupérés grâce à l'API <a href="https://exchangeratesapi.io/" target="_blank">exchangeratesapi.io</a>.
</p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertCurrency.png" alt="Sac de pièces">
</div>
<br>
<div class="form-group">
<label for="value">Entrez le nombre à convertir et sélectionner la devise de celui-çi :</label>
<br>
<input name="value" type="text" class="inlineInput" id="value" placeholder="(e.g : 50)" class="form-control">
<select class="form-control selectInline" id="currencyOfTheValue">
<option value="EUR">Euro (€) - EUR</option>
<option value="GBP">Livre sterling (£) - GBP</option>
<option value="USD">Dollar Américain ($) - USD</option>
<option value="CAD">Dollar Canadien ($) - CAD</option>
<option value="AUD">Dollar Australien ($) - AUD</option>
<option value="MXN">Peso Mexicain ($) - MXN</option>
<option value="CHF">Franc Suisse (Fr) - CHF</option>
<option value="RUB">Rouble Russe (₽) - RUB</option>
<option value="BRL">Réal brésilien (R$) - BRL</option>
<option value="JPY">Yen (¥) - JPY</option>
</select>
<br> <br>
<label for="currencyAfter">Choisissez la devise que voulez avoir après conversion :</label> <br>
<select class="form-control selectInline" id="currencyAfter">
<option value="£">Livre sterling (£) - GBP</option>
<option value="$ Américain">Dollar Américain ($) - USD</option>
<option value="$ Canadien">Dollar Canadien ($) - CAD</option>
<option value="$ Australien">Dollar Australien ($) - AUD</option>
<option value="$ Mexicain">Peso Mexicain ($) - MXN</option>
<option value="CHF">Franc Suisse (Fr) - CHF</option>
<option value="₽">Rouble Russe (₽) - RUB</option>
<option value="R$">Réal brésilien (R$) - BRL</option>
<option value="¥">Yen (¥) - JPY</option>
<option value="€">Euro (€) - EUR</option>
</select>
<br>
<div class="form-row text-center">
<div class="col-12">
<br>
<button type="submit" id="submitConvertCurrency" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
<p class="rateDate text-center"></p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?>
<br>
Les taux de change sont récupérés grâce à l'API <a href="https://exchangeratesapi.io/" target="_blank">exchangeratesapi.io</a>.
</p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertCurrency.png" alt="Sac de pièces">
</div>
</div>
<br>
<div class="form-group">
<label for="value">Entrez le nombre à convertir et sélectionner la devise de celui-çi :</label>
<br>
<input name="value" type="text" class="inlineInput" id="value" placeholder="(e.g : 50)" class="form-control">
<select class="form-control selectInline" id="currencyOfTheValue">
<option value="EUR">Euro (€) - EUR</option>
<option value="GBP">Livre sterling (£) - GBP</option>
<option value="USD">Dollar Américain ($) - USD</option>
<option value="CAD">Dollar Canadien ($) - CAD</option>
<option value="AUD">Dollar Australien ($) - AUD</option>
<option value="MXN">Peso Mexicain ($) - MXN</option>
<option value="CHF">Franc Suisse (Fr) - CHF</option>
<option value="RUB">Rouble Russe (₽) - RUB</option>
<option value="BRL">Réal brésilien (R$) - BRL</option>
<option value="JPY">Yen (¥) - JPY</option>
</select>
<br> <br>
<label for="currencyAfter">Choisissez la devise que voulez avoir après conversion :</label> <br>
<select class="form-control selectInline" id="currencyAfter">
<option value="£">Livre sterling (£) - GBP</option>
<option value="$ Américain">Dollar Américain ($) - USD</option>
<option value="$ Canadien">Dollar Canadien ($) - CAD</option>
<option value="$ Australien">Dollar Australien ($) - AUD</option>
<option value="$ Mexicain">Peso Mexicain ($) - MXN</option>
<option value="CHF">Franc Suisse (Fr) - CHF</option>
<option value="₽">Rouble Russe (₽) - RUB</option>
<option value="R$">Réal brésilien (R$) - BRL</option>
<option value="¥">Yen (¥) - JPY</option>
<option value="€">Euro (€) - EUR</option>
</select>
<br>
<div class="form-row text-center">
<div class="col-12">
<br>
<button type="submit" id="submitConvertCurrency" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
<p class="rateDate text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

108
views/function-views/convertDistance.php
View File

@ -5,60 +5,62 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertDistance.png" alt="Règle">
</div>
<br>
<div class="form-group">
<label for="firstValue">Entrez la distance que vous voulez convertir et sélectionner l'unité de celle-çi :</label>
<br>
<input name="firstValue" type="text" class="inlineInput" id="firstValue" placeholder="(e.g : 50)" class="form-control">
<select class="form-control selectInline" id="firstValueUnit">
<option value="pm">pm</option>
<option value="nm">nm</option>
<option value="µm">µm</option>
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="dm">dm</option>
<option value="m">m</option>
<option value="dam">dam</option>
<option value="hm">hm</option>
<option value="km">km</option>
<option value="Mm">Mm</option>
<option value="Gm">Gm</option>
<option value="Tm">Tm</option>
</select>
<br> <br>
<label for="secondValue">Choisissez l'unité que vous voulez avoir après conversion :</label> <br>
<select class="form-control selectInline" id="secondValue">
<option value="pm">pm</option>
<option value="nm">nm</option>
<option value="µm">µm</option>
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="dm">dm</option>
<option value="m">m</option>
<option value="dam">dam</option>
<option value="hm">hm</option>
<option value="km">km</option>
<option value="Mm">Mm</option>
<option value="Gm">Gm</option>
<option value="Tm">Tm</option>
</select>
<br>
<div class="form-row text-center">
<div class="col-12">
<br>
<button type="submit" id="submitConvertDistance" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertDistance.png" alt="Règle">
</div>
</div>
<br>
<div class="form-group">
<label for="firstValue">Entrez la distance que vous voulez convertir et sélectionner l'unité de celle-çi :</label>
<br>
<input name="firstValue" type="text" class="inlineInput" id="firstValue" placeholder="(e.g : 50)" class="form-control">
<select class="form-control selectInline" id="firstValueUnit">
<option value="pm">pm</option>
<option value="nm">nm</option>
<option value="µm">µm</option>
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="dm">dm</option>
<option value="m">m</option>
<option value="dam">dam</option>
<option value="hm">hm</option>
<option value="km">km</option>
<option value="Mm">Mm</option>
<option value="Gm">Gm</option>
<option value="Tm">Tm</option>
</select>
<br> <br>
<label for="secondValue">Choisissez l'unité que vous voulez avoir après conversion :</label> <br>
<select class="form-control selectInline" id="secondValue">
<option value="pm">pm</option>
<option value="nm">nm</option>
<option value="µm">µm</option>
<option value="mm">mm</option>
<option value="cm">cm</option>
<option value="dm">dm</option>
<option value="m">m</option>
<option value="dam">dam</option>
<option value="hm">hm</option>
<option value="km">km</option>
<option value="Mm">Mm</option>
<option value="Gm">Gm</option>
<option value="Tm">Tm</option>
</select>
<br>
<div class="form-row text-center">
<div class="col-12">
<br>
<button type="submit" id="submitConvertDistance" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

65
views/function-views/convertEncoding.php
View File

@ -5,41 +5,44 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertEncoding.png" alt="Binaire">
</div>
<div class="form-group">
<label for="value">Entrez votre valeur :</label>
<textarea name="value" type="text" id="value" placeholder="Votre valeur..." class="form-control"></textarea>
<br>
<label for="option">Choisissez une option : </label> <br>
<select class="form-control selectInline" id="option">
<option value="decimalToBinary">Décimal en Binaire</option>
<option value="binaryToDecimal">Binaire en Décimal</option>
<option value="decimalToHexadecimal">Décimal en Hexadecimal</option>
<option value="hexadecimalToDecimal">Hexadecimal en Décimal</option>
<option value="binaryToHexadecimal">Binaire en Hexadécimal</option>
<option value="hexadecimalToBinary">Hexadécimal en Binaire</option>
<option value="textToNumberUnicode">Chaque caractère a un nombre Unicode</option>
<option value="numberUnicodeToText">Chaque nombre Unicode a un caractère</option>
<option value="textToBinary">Texte en Binaire (UTF-8)</option>
<option value="binaryToText">Binaire (UTF-8) en Texte</option>
<option value="textToHexadecimal">Texte en Hexadécimal (UTF-8)</option>
<option value="hexadecimalToText">Hexadécimal (UTF-8) en Texte</option>
</select>
<div class="form-row text-center">
<div class="col-12">
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertEncoding.png" alt="Binaire">
</div>
<div class="form-group">
<label for="value">Entrez votre valeur :</label>
<textarea name="value" type="text" id="value" placeholder="Votre valeur..." class="form-control"></textarea>
<br>
<button type="submit" id="submitConvertEncoding" class="btn btn-dark text-center">Envoyer</button>
<label for="option">Choisissez une option : </label> <br>
<select class="form-control selectInline" id="option">
<option value="decimalToBinary">Décimal en Binaire</option>
<option value="binaryToDecimal">Binaire en Décimal</option>
<option value="decimalToHexadecimal">Décimal en Hexadecimal</option>
<option value="hexadecimalToDecimal">Hexadecimal en Décimal</option>
<option value="binaryToHexadecimal">Binaire en Hexadécimal</option>
<option value="hexadecimalToBinary">Hexadécimal en Binaire</option>
<option value="textToNumberUnicode">Chaque caractère a un nombre Unicode</option>
<option value="numberUnicodeToText">Chaque nombre Unicode a un caractère</option>
<option value="textToBinary">Texte en Binaire (UTF-8)</option>
<option value="binaryToText">Binaire (UTF-8) en Texte</option>
<option value="textToHexadecimal">Texte en Hexadécimal (UTF-8)</option>
<option value="hexadecimalToText">Hexadécimal (UTF-8) en Texte</option>
</select>
<div class="form-row text-center">
<div class="col-12">
<br>
<button type="submit" id="submitConvertEncoding" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

26
views/function-views/convertMarkdown.php
View File

@ -5,21 +5,23 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertMarkdown.png" alt="Markdown">
</div>
<div class="row">
<div class="col-sm-6">
<textarea rows="6" name="texteMarkdown" id="texteMarkdown" placeholder="Votre texte..." class="form-control"></textarea>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertMarkdown.png" alt="Markdown">
</div>
<div class="col-sm-6 results">
<p>Votre texte...</p>
<div class="row">
<div class="col-sm-6">
<textarea rows="6" name="texteMarkdown" id="texteMarkdown" placeholder="Votre texte..." class="form-control"></textarea>
</div>
<div class="col-sm-6 results">
<p>Votre texte...</p>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

50
views/function-views/convertRomanArabicNumbers.php
View File

@ -5,31 +5,33 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertRomanArabicNumbers.png" alt="Chiffres Romains">
</div>
<div class="form-group">
<label for="numbersArabic">Entrez votre nombre :</label>
<input name="numbersArabic" type="text" id="numbersArabic" placeholder="(e.g : 50)" class="form-control">
<br>
<label for="convertNumberType">Convertir en : </label> <br>
<select class="form-control" id="convertNumberType">
<option value="Nombre Romain">Nombre Romain</option>
<option value="Nombre Arabe">Nombre Arabe</option>
</select>
<div class="form-row text-center">
<div class="col-12">
<br>
<button type="submit" id="submitConvertRomanArabicNumbers" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertRomanArabicNumbers.png" alt="Chiffres Romains">
</div>
</div>
<div class="form-group">
<label for="numbersArabic">Entrez votre nombre :</label>
<input name="numbersArabic" type="text" id="numbersArabic" placeholder="(e.g : 50)" class="form-control">
<br>
<label for="convertNumberType">Convertir en : </label> <br>
<select class="form-control" id="convertNumberType">
<option value="Nombre Romain">Nombre Romain</option>
<option value="Nombre Arabe">Nombre Arabe</option>
</select>
<div class="form-row text-center">
<div class="col-12">
<br>
<button type="submit" id="submitConvertRomanArabicNumbers" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

38
views/function-views/convertTemperature.php
View File

@ -5,25 +5,27 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertTemperature.png" alt="Thermomètre">
</div>
<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">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitConvertTemperature" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/convertTemperature.png" alt="Thermomètre">
</div>
</div>
<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">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitConvertTemperature" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

44
views/function-views/filterStudents.php
View File

@ -5,28 +5,30 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/filterStudents.png" alt="Carte étudiant">
</div>
<div class="form-group">
<label for="nameEntered">Entrer les prénoms :</label>
<input name="nameEntered" type="text" id="nameEntered" placeholder="(e.g : 'Prénom1, Prénom2, Prénom3, ...')" class="form-control">
<br>
<label for="filteredLetter">Entrer la lettre à filtré :</label>
<input name="filteredLetter" type="text" id="filteredLetter" placeholder="(e.g : 'A')" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitFilterStudents" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/filterStudents.png" alt="Carte étudiant">
</div>
</div>
<div class="form-group">
<label for="nameEntered">Entrer les prénoms :</label>
<input name="nameEntered" type="text" id="nameEntered" placeholder="(e.g : 'Prénom1, Prénom2, Prénom3, ...')" class="form-control">
<br>
<label for="filteredLetter">Entrer la lettre à filtré :</label>
<input name="filteredLetter" type="text" id="filteredLetter" placeholder="(e.g : 'A')" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitFilterStudents" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

42
views/function-views/heapAlgorithm.php
View File

@ -5,27 +5,29 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?> <br> <br>
<em>Par souci de performance, je recommande de ne pas essayer un mot avec + de 8 lettres.</em>
</p>
<div class="text-center">
<img class="function-image" src="/img/function-image/heapAlgorithm.png" alt="Heap's algorithm">
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?> <br> <br>
<em>Par souci de performance, je recommande de ne pas essayer un mot avec + de 8 lettres.</em>
</p>
<div class="text-center">
<img class="function-image" src="/img/function-image/heapAlgorithm.png" alt="Heap's algorithm">
</div>
<div class="form-group">
<label for="value">Entrez un mot :</label>
<input name="value" type="text" id="value" placeholder="(e.g : Mot)" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitHeapAlgorithm" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
<div class="form-group">
<label for="value">Entrez un mot :</label>
<input name="value" type="text" id="value" placeholder="(e.g : Mot)" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitHeapAlgorithm" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

61
views/function-views/linkShortener.php
View File

@ -5,36 +5,39 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<?php echo $description?>
<div class="text-center">
<img class="function-image" src="/img/function-image/linkShortener.png" alt="Raccourcisseurs de liens">
</div>
<br>
<div class="text-center">
<a href="/views/short_links-list.php">La liste de vos liens raccourcit les plus récents.</a>
</div>
</p>
<form id="formLinkShortener" method="post">
<div class="form-group">
<label for="url">Entrez le lien :</label> <br>
<input name="url" type="url" id="url" placeholder="(e.g : divlo.fr)" class="form-control"> <br class="hideUserShortcut">
<label class="hideUserShortcut" for="userShortcut">Entrez le nom du raccourci :</label> <br class="hideUserShortcut">
<input name="userShortcut" type="text" id="userShortcut" placeholder="(e.g : divlo)" class="form-control hideUserShortcut"> <br>
<label for="option">Choisissez une option : </label> <br>
<select class="form-control" id="option" name="option">
<option value="randomShortcut">Raccourci aléatoire</option>
<option value="userShortcut">Donner un nom au raccourci</option>
</select>
<br>
<button type="submit" class="btn btn-dark text-center">Envoyer</button>
<br>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<?php echo $description?>
<div class="text-center">
<img class="function-image" src="/img/function-image/linkShortener.png" alt="Raccourcisseurs de liens">
</div>
<p class="results text-center"></p>
</form>
<br>
<div class="text-center">
<a href="/views/short_links-list.php">La liste de vos liens raccourcit les plus récents.</a>
</div>
</p>
<form id="formLinkShortener" method="post">
<div class="form-group">
<label for="url">Entrez le lien :</label> <br>
<input name="url" type="url" id="url" placeholder="(e.g : divlo.fr)" class="form-control"> <br class="hideUserShortcut">
<label class="hideUserShortcut" for="userShortcut">Entrez le nom du raccourci :</label> <br class="hideUserShortcut">
<input name="userShortcut" type="text" id="userShortcut" placeholder="(e.g : divlo)" class="form-control hideUserShortcut"> <br>
<label for="option">Choisissez une option : </label> <br>
<select class="form-control" id="option" name="option">
<option value="randomShortcut">Raccourci aléatoire</option>
<option value="userShortcut">Donner un nom au raccourci</option>
</select>
<br>
<button type="submit" class="btn btn-dark text-center">Envoyer</button>
<br>
</div>
<p class="results text-center"></p>
</form>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

44
views/function-views/randomNumber.php
View File

@ -5,28 +5,30 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/randomNumber.png" alt="Nombre aléatoire">
</div>
<div class="form-group">
<label for="minValue">Entrez la valeur minimale :</label>
<input name="minValue" type="number" min="0" id="minValue" placeholder="(e.g : 1)" class="form-control">
<br>
<label for="maxValue">Entrez la valeur maximale :</label>
<input name="maxValue" type="number" min="1" id="maxValue" placeholder="(e.g : 100)" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitRandomNumber" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?></p>
<div class="text-center">
<img class="function-image" src="/img/function-image/randomNumber.png" alt="Nombre aléatoire">
</div>
</div>
<div class="form-group">
<label for="minValue">Entrez la valeur minimale :</label>
<input name="minValue" type="number" min="0" id="minValue" placeholder="(e.g : 1)" class="form-control">
<br>
<label for="maxValue">Entrez la valeur maximale :</label>
<input name="maxValue" type="number" min="1" id="maxValue" placeholder="(e.g : 100)" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitRandomNumber" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

44
views/function-views/randomQuote.php
View File

@ -5,32 +5,34 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<?php echo $description?>
<div class="text-center">
<img class="function-image" src="/img/function-image/randomQuote.png" alt="Citation">
</div>
<br>
<div class="text-center">
<a href="/views/quote-list.php">La liste de toutes les citations/proverbes.</a>
</div>
</p> <br>
<div class="form-group">
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitRandomQuote" class="btn btn-dark text-center">Générer une nouvelle citation</button>
</div>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<?php echo $description?>
<div class="text-center">
<img class="function-image" src="/img/function-image/randomQuote.png" alt="Citation">
</div>
<br>
<p class="resultsRandomQuote text-center"></p>
<br>
<div class="text-center">
<a target="_blank" id="twitterLink" class="btn btn-lg btn-primary"><i class="fab fa-twitter"></i> Twitter</a>
<a href="/views/quote-list.php">La liste de toutes les citations/proverbes.</a>
</div>
</p> <br>
<div class="form-group">
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitRandomQuote" class="btn btn-dark text-center">Générer une nouvelle citation</button>
</div>
</div>
<br>
<p class="resultsRandomQuote text-center"></p>
<br>
<div class="text-center">
<a target="_blank" id="twitterLink" class="btn btn-lg btn-primary"><i class="fab fa-twitter"></i> Twitter</a>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

59
views/function-views/toDoList.php
View File

@ -4,38 +4,41 @@
<!-- Header -->
<?php include("../../incl/header.php");?>
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-10 mx-auto">
<div class="header">
<h1 class="text-center pt-3 toDoListTitle"><img style="height: 1.4em;" src="/img/function-image/toDoList.png" alt="ToDoList">Liste de choses à faire</h1>
<div class="clear pt-3 pb-3 mx-auto">
<i class="fas fa-sync"></i>
<!-- Page Content -->
<main class="container-fluid flex-fill">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-10 mx-auto">
<div class="header">
<h1 class="text-center pt-3 toDoListTitle"><img style="height: 1.4em;" src="/img/function-image/toDoList.png" alt="ToDoList">Liste de choses à faire</h1>
<div class="clear pt-3 pb-3 mx-auto">
<i class="fas fa-sync"></i>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-10 mx-auto">
<div class="content">
<!-- Remplissage de la liste avec Javascript -->
<ul id="list">
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-10 mx-auto">
<div class="add-to-do">
<form action="" id="addTask">
<i id="btnAddTask" class="fa fa-plus-circle"></i>
<input type="text" name="taskToAdd" id="taskToAdd" placeholder="Ajouter">
</form>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-10 mx-auto">
<div class="content">
<!-- Remplissage de la liste avec Javascript -->
<ul id="list">
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-10 mx-auto">
<div class="add-to-do">
<form action="" id="addTask">
<i id="btnAddTask" class="fa fa-plus-circle"></i>
<input type="text" name="taskToAdd" id="taskToAdd" placeholder="Ajouter">
</form>
</div>
</div>
</div>
</div>
</main>
<script defer src="/scripts/toDoList.js"></script>

46
views/function-views/weatherRequest.php
View File

@ -5,29 +5,31 @@
<?php include("../../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?> <br>
Pour une meilleure précision, je recommande de préciser le pays de la ville. <br>
La météo est récupérée grâce à l'API <a href="https://openweathermap.org/" target="_blank">openweathermap.org</a>. <br> Il faut rentrer le nom anglais de la ville (si il est différent qu'en français). <br>
Exemples : Paris, FR - London, UK - Moscow, RU - etc.
</p>
<div class="text-center">
<img class="function-image" src="/img/function-image/weatherRequest.png" alt="Météo">
</div>
<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, FR)" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitWeatherRequest" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center"><?php echo $description?> <br>
Pour une meilleure précision, je recommande de préciser le pays de la ville. <br>
La météo est récupérée grâce à l'API <a href="https://openweathermap.org/" target="_blank">openweathermap.org</a>. <br> Il faut rentrer le nom anglais de la ville (si il est différent qu'en français). <br>
Exemples : Paris, FR - London, UK - Moscow, RU - etc.
</p>
<div class="text-center">
<img class="function-image" src="/img/function-image/weatherRequest.png" alt="Météo">
</div>
</div>
<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, FR)" class="form-control">
<br>
<div class="form-row text-center">
<div class="col-12">
<button type="submit" id="submitWeatherRequest" class="btn btn-dark text-center">Envoyer</button>
</div>
</div>
<br> <br>
<p class="results text-center"></p>
</div>
</div>
</main>
<!-- Footer -->
<?php include("../../incl/footer.php");?>

37
views/quote-list.php
View File

@ -5,25 +5,28 @@
<?php include("../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<?php echo $description?> <br>
<span class="totalLengthQuote"></span><br>
<a href="/views/function-views/randomQuote.php">Revenir au générateur de citations/proverbes.</a>
</p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<?php echo $description?> <br>
<span class="totalLengthQuote"></span><br>
<a href="/views/function-views/randomQuote.php">Revenir au générateur de citations/proverbes.</a>
</p>
<table class="table table-bordered mt-5">
<thead>
<tr>
<th class="text-center" scope="col">Source</th>
<th class="text-center" scope="col">Citation/Proverbe</th>
</tr>
</thead>
<tbody class="quote-list text-center">
<table class="table table-bordered mt-5">
<thead>
<tr>
<th class="text-center" scope="col">Source</th>
<th class="text-center" scope="col">Citation/Proverbe</th>
</tr>
</thead>
<tbody class="quote-list text-center">
</tbody>
</table>
</tbody>
</table>
</div>
</main>
<!-- Footer -->
<?php include("../incl/footer.php");?>

35
views/short_links-list.php
View File

@ -5,24 +5,27 @@
<?php include("../incl/header.php");?>
<!-- Page Content -->
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<span class="totalLengthLinksList"></span><br>
<a href="/views/function-views/linkShortener.php">Revenir au raccourcisseur de liens.</a>
</p>
<main class="container-fluid flex-fill">
<div class="container">
<h1><span class="important"><?php echo $title?></span> :</h1>
<p class="pt-3 text-center">
<span class="totalLengthLinksList"></span><br>
<a href="/views/function-views/linkShortener.php">Revenir au raccourcisseur de liens.</a>
</p>
<table class="table table-bordered mt-5">
<thead>
<tr>
<th class="text-center" scope="col">Liens originaux</th>
<th class="text-center" scope="col">Liens raccourcit</th>
</tr>
</thead>
<tbody class="links-list text-center">
<table class="table table-bordered mt-5">
<thead>
<tr>
<th class="text-center" scope="col">Liens originaux</th>
<th class="text-center" scope="col">Liens raccourcit</th>
</tr>
</thead>
<tbody class="links-list text-center">
</tbody>
</table>
</tbody>
</table>
</div>
</main>
<!-- Footer -->
<?php include("../incl/footer.php");?>