Updated credits and force scroll on photos page

This commit is contained in:
Keplyx 2018-04-23 16:18:38 +02:00
parent 0c4c90f0ed
commit addf1a0997
4 changed files with 32 additions and 19 deletions

View file

@ -326,15 +326,27 @@ Full-Width Styles
color: black;
}
#swipe_area {
height: 100%;
width: 30px;
background: #3a7eaa;
position: fixed;
top: 0;
left: 0;
#credits-list {
list-style: none;
display: inline-flex;
}
#credits-list li {
padding: 5px;
height: 50px;
width: 50px;
}
#credits-list svg {
height: 50px;
width: 50px;
}
#credits-list a:hover{
color: #a3a7b3;
}
/*******************************************************************************
Small Device Styles
*******************************************************************************/

View file

@ -59,6 +59,9 @@ function showTopBar() {
sideNav.fadeIn(500);
}
$(document).ready(function() {
document.getElementById("photos_title").scrollIntoView();
});
/*

View file

@ -11,17 +11,15 @@ ob_start(); // Start reading html
contacter le responsable approprié.</p>
<h1>Credits</h1>
<p>Voici les différentes technologies et ressources que ce site utilise :</p>
<p><a href="https://icons8.com/">Icons8</a> | <a href="http://maxpixel.freegreatpicture.com/World-Earth-Rise-Sunrise-Space-Outer-Sun-Globe-1765027">Fond du site</a></p>
<a href="https://jquery.com/">JQuery</a>
<br>
<a href="https://www.javascript.com/">JavaScript</a>
<br>
<a href="http://www.php.net/">PHP7</a>
<br>
<a href="https://www.w3.org/html/">HTML5</a>
<br>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3">CSS3</a>
<p>Voici les différentes technologies et ressources utilisées pour ce site :</p>
<ul id="credits-list">
<li><a href="http://maxpixel.freegreatpicture.com/World-Earth-Rise-Sunrise-Space-Outer-Sun-Globe-1765027"><i class="fas fa-file-image"></i> Fond du site</a></p></li>
<li><a href="https://fontawesome.com/"><i class="fab fa-font-awesome"></i></a></li>
<li><a href="https://jquery.com/"><i class="fab fa-js-square"></i></a></li>
<li><a href="http://www.php.net/"><i class="fab fa-php"></i></a></li>
<li><a href="https://www.w3.org/html/"><i class="fab fa-html5"></i></a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3"><i class="fab fa-css3-alt"></i></a></li>
</ul>
<?php
$pageContent = ob_get_clean(); // Store html content in variable

View file

@ -126,7 +126,7 @@ function generatePath($dir)
</div>
</div>
<h1>Photos</h1>
<h1 id="photos_title">Photos</h1>
<p>Cliquez sur le dossier de votre choix pour afficher les photos</p>
<ul class="photos_path">
<li><p>Chemin : </p></li>