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

Revert "Center Content each page"

Browse Source 
This reverts commit 18fd18fec0.
This commit is contained in:
Divlo 2019-08-19 11:23:22 +02:00
parent 18fd18fec0
commit 207c8f4eb7
7 changed files with 68 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
404.php
View File

@ -8,11 +8,9 @@
<?php include("./incl/menu.php");?> <?php include("./incl/menu.php");?>
<!-- Page Content --> <!-- Page Content -->
<div class="jumbotron d-flex align-items-center"> <div class="container">
<div class="container"> <h1>Erreur <span class="important">404</span></h1>
<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>
<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>
</div> </div>
<!-- Footer --> <!-- Footer -->

10
css/style.css
View File

@ -38,6 +38,9 @@ p {
} }
/* HEADER */ /* HEADER */
header {
margin-bottom: 4%;
}
#header-container { #header-container {
padding-bottom: 0; padding-bottom: 0;
} }
@ -49,11 +52,8 @@ p {
} }
/* CONTENT */ /* CONTENT */
@media (min-width: 576px) { .container {
.jumbotron {padding: 6.17rem 2rem;} padding-bottom: 25px;
}
.jumbotron {
background-color: var(--background-color) !important;
} }
.table { .table {
color: white; color: white;

3
incl/footer.php
View File

@ -1,5 +1,4 @@
</div> <footer class="text-center">
<footer class="text-center">
<a href="#" class="important"><i class="fas fa-arrow-up"></i></a> <a href="#" class="important"><i class="fas fa-arrow-up"></i></a>
<div class="realDateTime">Affichage de l'heure en temps réel : <span class="important" id="realDateTime"></span></div> <div class="realDateTime">Affichage de l'heure en temps réel : <span class="important" id="realDateTime"></span></div>
<div class="footer-text"><a href="https://divlo.fr/" target="_blank">Divlo</a> | Tous droits réservés</div> <div class="footer-text"><a href="https://divlo.fr/" target="_blank">Divlo</a> | Tous droits réservés</div>

4
incl/menu.php
View File

@ -15,6 +15,4 @@
</div> </div>
</div> </div>
</nav> </nav>
</header> </header>
<div class="jumbotron d-flex align-items-center">

28
index.php
View File

@ -25,21 +25,19 @@
</header> </header>
<!-- Page Content --> <!-- Page Content -->
<div class="jumbotron d-flex align-items-center"> <div class="container">
<div class="container"> <h1>Bienvenue sur <span class="important">FunctionProject</span>! 🎉</h1>
<h1>Bienvenue sur <span class="important">FunctionProject</span>! 🎉</h1> <p class="mt-5">FunctionProject est un projet créé par <a href="https://divlo.fr/" target="_blank">Divlo</a> qui a pour but de rassembler plein de mini-programme (fonctions JavaScript) permettant de faire plusieurs choses comme <b>savoir la météo</b>, générer un <b>nombre aléatoire</b>, etc.
<p class="mt-5">FunctionProject est un projet créé par <a href="https://divlo.fr/" target="_blank">Divlo</a> qui a pour but de rassembler plein de mini-programme (fonctions JavaScript) permettant de faire plusieurs choses comme <b>savoir la météo</b>, générer un <b>nombre aléatoire</b>, etc. <br> <br>
<br> <br> <div><p class="text-center">
<div><p class="text-center"> <a href="./views/function-list.php">Cliquez ici pour accéder à la liste des fonctions.</a>
<a href="./views/function-list.php">Cliquez ici pour accéder à la liste des fonctions.</a> <br> <br>
<br> <br> L'intégralité du <a target="_blank" href="https://github.com/Divlo/FunctionProject">code source</a> de ce site est disponible sur <a href="https://github.com/Divlo">mon profil GitHub</a> <i class="fab fa-github"></i>.
L'intégralité du <a target="_blank" href="https://github.com/Divlo/FunctionProject">code source</a> de ce site est disponible sur <a href="https://github.com/Divlo">mon profil GitHub</a> <i class="fab fa-github"></i>. <br>
<br> Je suis débutant en programmation donc si je commets une erreur dans le code, n'hésitez pas à me le faire savoir <i class="fas fa-code"></i>.
Je suis débutant en programmation donc si je commets une erreur dans le code, n'hésitez pas à me le faire savoir <i class="fas fa-code"></i>. <br> <br>
<br> <br> Vous pouvez m'envoyer vos avis, suggestion d'ajouts, éventuel bug/problème grâce à ce <a href="https://docs.google.com/forms/d/1NliUWi3lntHDM42Td0C47J0cZKgnYilxT_0UcdmVaog/" target="_blank">Feedback Formulaire</a> 📝.
Vous pouvez m'envoyer vos avis, suggestion d'ajouts, éventuel bug/problème grâce à ce <a href="https://docs.google.com/forms/d/1NliUWi3lntHDM42Td0C47J0cZKgnYilxT_0UcdmVaog/" target="_blank">Feedback Formulaire</a> 📝. </p></div>
</p></div>
</div>
</div> </div>
<!-- Footer --> <!-- Footer -->

27
views/error404.php
View File

@ -8,25 +8,22 @@
<?php include("../incl/menu.php");?> <?php include("../incl/menu.php");?>
<!-- Page Content --> <!-- Page Content -->
<div class="jumbotron d-flex align-items-center"> <div class="container">
<div class="container"> <h1><span class="important">La météo</span> :</h1>
<h1><span class="important">La météo</span> :</h1> <p class="pt-3 text-center">Affiche la météo et l'heure local selon la ville.</p>
<p class="pt-3 text-center">Affiche la météo et l'heure local selon la ville.</p> <div class="form-group">
<div class="form-group"> <label for="cityName">Entrez le nom d'une ville :</label>
<label for="cityName">Entrez le nom d'une ville :</label> <input name="cityName" type="text" id="cityName" placeholder="(e.g : Paris)" class="form-control">
<input name="cityName" type="text" id="cityName" placeholder="(e.g : Paris)" class="form-control"> <br>
<br> <div class="form-row text-center">
<div class="form-row text-center"> <div class="col-12">
<div class="col-12"> <button type="submit" id="submitWeatherRequest" class="btn btn-dark text-center">Envoyer</button>
<button type="submit" id="submitWeatherRequest" class="btn btn-dark text-center">Envoyer</button>
</div>
</div> </div>
<br> <br>
<p class="results text-center">La ville que vous avez rentré n'existe pas (dans l'API).</p>
</div> </div>
<br> <br>
<p class="results text-center">La ville que vous avez rentré n'existe pas (dans l'API).</p>
</div> </div>
</div> </div>
<script> <script>
$(function () { $(function () {
$("#cityName").click(function() { $("#cityName").click(function() {

68
views/function-list.php
View File

@ -25,41 +25,39 @@
</header> </header>
<!-- Page Content --> <!-- Page Content -->
<div class="jumbotron d-flex align-items-center"> <div class="container">
<div class="container"> <div class="row">
<div class="row"> <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">
<table class="table table-bordered mt-5"> <thead>
<thead> <tr>
<tr> <th scope="col">Nom</th>
<th scope="col">Nom</th> <th scope="col">Description</th>
<th scope="col">Description</th> </tr>
</tr> </thead>
</thead> <tbody>
<tbody> <tr>
<tr> <td><a href="./function-views/weatherRequest.php">Météo</a></td>
<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>
<td>Affiche la météo et l'heure local selon la ville.</td> </tr>
</tr> <tr>
<tr> <td><a href="./function-views/randomNumber.php">Nombre aléatoire</a></td>
<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>
<td>Génère un nombre aléatoire entre un minimum inclus et un maximum inclus.</td> </tr>
</tr> <tr>
<tr> <td><a href="./function-views/calculateAge.php">Quelle âge avez-vous ?</a></td>
<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>
<td>Calcule l'âge de quelqu'un selon la date de naissance.</td> </tr>
</tr> <tr>
<tr> <td><a href="./function-views/convertTemperature.php">Conversion de Température</a></td>
<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>
<td>Convertit des Degré Celsius en Degré Fahrenheit et l'inverse aussi.</td> </tr>
</tr> <tr>
<tr> <td><a href="./function-views/convertDistance.php">Conversion de Distance</a></td>
<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>
<td>Convertit la longueur (distance) avec les unités allant de picomètre au Téramètre.</td> </tr>
</tr> </tbody>
</tbody> </table>
</table>
</div>
</div> </div>
</div> </div>