Nouveau affichage pour la liste des fonctions
This commit is contained in:
Divlo
parent
cad76e3317
commit
ea02a8cd20
@ -81,6 +81,19 @@ header {
|
|||||||
#convertIn {
|
#convertIn {
|
||||||
width: 6.7em;
|
width: 6.7em;
|
||||||
}
|
}
|
||||||
|
.function-list-title {
|
||||||
|
width: 85%;
|
||||||
|
padding-bottom: 1em;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
.function-list-image {
|
||||||
|
max-width: 160px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
.function-list-description {
|
||||||
|
width: 70%;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
.function-image {
|
.function-image {
|
||||||
max-width: 130px;
|
max-width: 130px;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
|
|||||||
@ -6,63 +6,105 @@
|
|||||||
|
|
||||||
<!-- Page Content -->
|
<!-- Page Content -->
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row pb-5">
|
||||||
<h1>La liste des <span class="important">Fonctions</span> :</h1>
|
<h1>La liste des <span class="important">Fonctions</span> :</h1>
|
||||||
<table class="table table-bordered mt-5">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th scope="col">Nom</th>
|
|
||||||
<th scope="col">Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/weatherRequest.php">Météo</a></td>
|
|
||||||
<td>Affiche la météo et l'heure local selon la ville.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/randomNumber.php">Nombre aléatoire</a></td>
|
|
||||||
<td>Génère un nombre aléatoire entre un minimum inclus et un maximum inclus.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/calculateAge.php">Quelle âge avez-vous ?</a></td>
|
|
||||||
<td>Calcule l'âge de quelqu'un selon la date de naissance.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/convertTemperature.php">Conversion de Température</a></td>
|
|
||||||
<td>Convertit des Degré Celsius en Degré Fahrenheit et l'inverse aussi.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/convertDistance.php">Conversion de Distance</a></td>
|
|
||||||
<td>Convertit la longueur (distance) avec les unités allant de picomètre au Téramètre.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/filterStudents.php">Trie les prénoms par leur première lettre</a></td>
|
|
||||||
<td>Affiche uniquement les prénoms (qui sont dans la liste) qui commence par la lettre souhaitée.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/randomQuote.php">Générateur de citation</a></td>
|
|
||||||
<td>Génère aléatoirement une citation ou un proverbe.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/convertCurrency.php">Conversion de devise</a></td>
|
|
||||||
<td>Convertis une valeur dans une devise dans une autre devise.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/convertBinaryText.php">Conversion d'un texte en binaire et vice-versa</a></td>
|
|
||||||
<td>Convertis du texte (encodé en UTF-8) en binaire et l'inverse aussi.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/convertRomanArabicNumbers.php">Conversion d'un nombre arabe en nombre romain</a></td>
|
|
||||||
<td>Convertis un nombre arabe en nombre romain (et l'inverse aussi).</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="./function-views/armstrongNumber.php">Nombre d'Armstrong</a></td>
|
|
||||||
<td>Vérifie si un nombre fait partie des nombres d'Armstrong ou non.</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="row pt-4">
|
||||||
|
<div class="col-sm-12 col-md-6 pb-4">
|
||||||
|
<div class="feature 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=""></a>
|
||||||
|
<p class="function-list-description">Affiche la météo et l'heure local selon la ville.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-12 col-md-6 pb-4">
|
||||||
|
<div class="feature 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=""></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="feature text-center pb-5">
|
||||||
|
<h2 class="function-list-title"><a href="./function-views/calculateAge.php">Quelle âge avez-vous ?</a></h2>
|
||||||
|
<a href="./function-views/calculateAge.php"><img class="function-list-image" src="/img/function-image/calculateAge.png" alt=""></a>
|
||||||
|
<p class="function-list-description">Calcule l'âge de quelqu'un selon la date de naissance.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-12 col-md-6 pb-4">
|
||||||
|
<div class="feature 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=""></a>
|
||||||
|
<p class="function-list-description">Convertit 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="feature 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=""></a>
|
||||||
|
<p class="function-list-description">Convertit 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="feature 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=""></a>
|
||||||
|
<p class="function-list-description">Affiche uniquement les prénoms (qui sont dans la liste) qui commence par la lettre souhaitée.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm-12 col-md-6 pb-4">
|
||||||
|
<div class="feature text-center pb-5">
|
||||||
|
<h2 class="function-list-title"><a href="./function-views/randomQuote.php">Générateur de citation</a></h2>
|
||||||
|
<a href="./function-views/randomQuote.php"><img class="function-list-image" src="/img/function-image/randomQuote.png" alt=""></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="feature text-center pb-5">
|
||||||
|
<h2 class="function-list-title"><a href="./function-views/convertCurrency.php">Conversion de devise</a></h2>
|
||||||
|
<a href="./function-views/convertCurrency.php"><img class="function-list-image" src="/img/function-image/convertCurrency.png" alt=""></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="feature text-center pb-5">
|
||||||
|
<h2 class="function-list-title"><a href="./function-views/convertBinaryText.php">Conversion d'un texte en binaire et vice-versa</a></h2>
|
||||||
|
<a href="./function-views/convertBinaryText.php"><img class="function-list-image" src="/img/function-image/convertBinaryText.png" alt=""></a>
|
||||||
|
<p class="function-list-description">Convertis du texte (encodé en UTF-8) en binaire et l'inverse aussi.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-12 col-md-6 pb-4">
|
||||||
|
<div class="feature 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=""></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 pb-4">
|
||||||
|
<div class="feature 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=""></a>
|
||||||
|
<p class="function-list-description">Vérifie si un nombre fait partie des nombres d'Armstrong ou non.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
|
|||||||
Reference in New Issue
Block a user