Hotfix: Main tag
This commit is contained in:
Divlo
@@ -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,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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
42
index.php
42
index.php
@@ -5,30 +5,32 @@
|
||||
<?php include("./incl/header.php");?>
|
||||
|
||||
<!-- Page Content -->
|
||||
<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">
|
||||
<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>
|
||||
<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="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="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>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<?php include("./incl/footer.php");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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>
|
||||
</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 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>
|
||||
|
||||
<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 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>
|
||||
|
||||
<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="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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
@@ -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");?>
|
||||
Reference in New Issue
Block a user