forked from rebillar/site-accueil-insa
reformated code
This commit is contained in:
Keplyx
parent
4c84d34c26
commit
2da745e622
13 changed files with 200 additions and 197 deletions
|
|
@ -6,7 +6,7 @@
|
|||
}
|
||||
|
||||
.photos_folder a:hover, .photos_path a:hover {
|
||||
box-shadow: 0px 0px 10px #000;
|
||||
box-shadow: 0 0 10px #000;
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #212121;
|
||||
box-shadow: 0px 0px 2px #212121;
|
||||
box-shadow: 0 0 2px #212121;
|
||||
transition: 0.3s;
|
||||
color: white;
|
||||
}
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: #212121;
|
||||
box-shadow: 0px 0px 2px #212121;
|
||||
box-shadow: 0 0 2px #212121;
|
||||
transition: 0.3s;
|
||||
color: white;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,11 +31,8 @@ Theme Styles
|
|||
|
||||
body {
|
||||
/*Full page background*/
|
||||
background-image: url("../images/header_bg.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background: url("../images/header_bg.jpg") no-repeat fixed center;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
|
|
@ -93,19 +90,11 @@ a {
|
|||
text-decoration: none;
|
||||
color: #0F79D0;
|
||||
text-shadow: none;
|
||||
transition: color 0.5s ease;
|
||||
transition: text-shadow 0.5s ease;
|
||||
-webkit-transition: color 0.5s ease;
|
||||
-webkit-transition: text-shadow 0.5s ease;
|
||||
-moz-transition: color 0.5s ease;
|
||||
-moz-transition: text-shadow 0.5s ease;
|
||||
-o-transition: color 0.5s ease;
|
||||
-o-transition: text-shadow 0.5s ease;
|
||||
-ms-transition: color 0.5s ease;
|
||||
-ms-transition: text-shadow 0.5s ease;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
a:hover, a:focus {
|
||||
color: #222e73;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
|
@ -124,10 +113,9 @@ strong {
|
|||
|
||||
img {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
max-width: 739px;
|
||||
padding: 5px;
|
||||
margin: 10px 0 10px 0; // border: 1px solid #ebebeb;
|
||||
margin: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
p img {
|
||||
|
|
@ -144,14 +132,12 @@ ul, ol, dl {
|
|||
}
|
||||
|
||||
ul {
|
||||
list-style-position: inside;
|
||||
list-style: disc;
|
||||
list-style: disc inside;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style-position: inside;
|
||||
list-style: decimal;
|
||||
list-style: decimal inside;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
|
|
@ -205,7 +191,7 @@ Full-Width Styles
|
|||
width: 100%;
|
||||
height: 50px;
|
||||
z-index: 15;
|
||||
box-shadow: 0px 2px 5px #222;
|
||||
box-shadow: 0 2px 5px #222;
|
||||
}
|
||||
|
||||
#header_top h4 {
|
||||
|
|
@ -226,7 +212,7 @@ Full-Width Styles
|
|||
color: #fff;
|
||||
font-size: 42px;
|
||||
font-weight: 700;
|
||||
text-shadow: #111 0px 0px 10px;
|
||||
text-shadow: #111 0 0 10px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
|
@ -235,7 +221,7 @@ Full-Width Styles
|
|||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
background: none;
|
||||
text-shadow: #111 0px 0px 10px;
|
||||
text-shadow: #111 0 0 10px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
|
@ -246,7 +232,7 @@ Full-Width Styles
|
|||
#home_content {
|
||||
padding-top: 100px;
|
||||
background-color: #212121aa;
|
||||
border-radius: 0px 0px 60px 60px;
|
||||
border-radius: 0 0 60px 60px;
|
||||
}
|
||||
|
||||
#home_content h1 {
|
||||
|
|
@ -254,19 +240,19 @@ Full-Width Styles
|
|||
font-size: 70px;
|
||||
border: none;
|
||||
text-align: center;
|
||||
text-shadow: 0px 0px 10px #000;
|
||||
text-shadow: 0 0 10px #000;
|
||||
}
|
||||
|
||||
#home_content p {
|
||||
color: white;
|
||||
font-size: 30px;
|
||||
text-align: center;
|
||||
text-shadow: 0px 0px 5px #000;
|
||||
text-shadow: 0 0 5px #000;
|
||||
}
|
||||
|
||||
#main_content_wrap {
|
||||
background: #f2f2f2;
|
||||
box-shadow: 0px 0px 10px #222;
|
||||
box-shadow: 0 0 10px #222;
|
||||
}
|
||||
|
||||
#main_content {
|
||||
|
|
@ -274,7 +260,7 @@ Full-Width Styles
|
|||
}
|
||||
|
||||
#footer_wrap {
|
||||
padding: 50px 0px 50px 0px;
|
||||
padding: 50px 0 50px 0;
|
||||
}
|
||||
|
||||
#table_wrapper {
|
||||
|
|
@ -292,7 +278,7 @@ Full-Width Styles
|
|||
#table_coms td{
|
||||
vertical-align: middle;
|
||||
border: none;
|
||||
padding: 0px 0px 0px 10px;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
.com_description{
|
||||
|
|
|
|||
|
|
@ -1,15 +1,18 @@
|
|||
var showcase = $("#img_big");
|
||||
var showcaseLink = $("#img_big_link");
|
||||
var photoBackButton = $("#photo_back_button");
|
||||
|
||||
function displayBig(elem) {
|
||||
showcase.attr("src", $(elem).attr('src'));
|
||||
showcaseLink.attr("href", $(elem).attr('src'));
|
||||
photoBackButton.css("display", "block");
|
||||
console.log("yop");
|
||||
}
|
||||
|
||||
function closeBig() {
|
||||
photoBackButton.css("display", "none")
|
||||
}
|
||||
|
||||
function displayNext(direction) {
|
||||
var currentSrc = showcase.attr('src');
|
||||
var photos = document.getElementsByClassName("photo");
|
||||
|
|
|
|||
|
|
@ -7,7 +7,8 @@ function openNav() {
|
|||
sidenav.css("margin-left", "0");
|
||||
sidenav.css("box-shadow", "5px 5px 10px #151515");
|
||||
backButton.addClass("active_background");
|
||||
enableHamburger(); /* Enables hamburger icon */
|
||||
enableHamburger();
|
||||
/* Enables hamburger icon */
|
||||
menuOpen = true;
|
||||
}
|
||||
|
||||
|
|
@ -15,7 +16,8 @@ function closeNav() {
|
|||
sidenav.css("margin-left", "-250px");
|
||||
sidenav.css("box-shadow", "none");
|
||||
backButton.removeClass("active_background");
|
||||
disableHamburger(); /* Disables hamburger icon */
|
||||
disableHamburger();
|
||||
/* Disables hamburger icon */
|
||||
menuOpen = false;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -3,9 +3,12 @@
|
|||
?>
|
||||
<h1>Contact</h1>
|
||||
<p>Tous les mails cités sur cette page se terminent par <strong>@etud.insa-toulouse.fr</strong></p>
|
||||
<p>Pour toute demande concernant ce site, merci de me contacter par <span class="fas fa-envelope"></span> Mail : vergnet</p>
|
||||
<p>Pour toute demande concernant la semaine d'accueil, merci de contacter le Prez par <span class="fas fa-envelope"></span> Mail : aaaaa</p>
|
||||
<p>Pour toute demande concernant une activité/COM spécifique, allez sur la page des <a href="coms.php">COMs</a> pour contacter le responsable approprié.</p>
|
||||
<p>Pour toute demande concernant ce site, merci de me contacter par <span class="fas fa-envelope"></span> Mail : vergnet
|
||||
</p>
|
||||
<p>Pour toute demande concernant la semaine d'accueil, merci de contacter le Prez par <span
|
||||
class="fas fa-envelope"></span> Mail : aaaaa</p>
|
||||
<p>Pour toute demande concernant une activité/COM spécifique, allez sur la page des <a href="coms.php">COMs</a> pour
|
||||
contacter le responsable approprié.</p>
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
include("template.php"); // Display template with variable content
|
||||
|
|
|
|||
|
|
@ -20,7 +20,8 @@
|
|||
<div id="home_content_wrap" class="outer">
|
||||
<section id="home_content" class="inner">
|
||||
<h1>Semaine d'Accueil 2018</h1>
|
||||
<p>Ce site regroupe les informations les plus importantes pour que ta semaine d'accueil se déroule dans les meilleures conditions.</p>
|
||||
<p>Ce site regroupe les informations les plus importantes pour que ta semaine d'accueil se déroule dans les
|
||||
meilleures conditions.</p>
|
||||
<p>Utilise le menu en haut à gauche pour naviguer sur le site.</p>
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,8 +2,10 @@
|
|||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>Parrainage</h1>
|
||||
<p>Ce sont les GDAs qui vont t'aider tout au long de l'année et qui vont s'assurer que ton arrivée à l'INSA se passe dans les meilleures conditions.</p>
|
||||
<p>Impossible d'envoyer ta fiche de parrainage par courrier ? Pas de problème, tu peux l'envoyer par mail<strong><span class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong></p>
|
||||
<p>Ce sont les GDAs qui vont t'aider tout au long de l'année et qui vont s'assurer que ton arrivée à l'INSA se passe
|
||||
dans les meilleures conditions.</p>
|
||||
<p>Impossible d'envoyer ta fiche de parrainage par courrier ? Pas de problème, tu peux l'envoyer par mail<strong><span
|
||||
class="fas fa-envelope"></span>etud.insa-toulouse.fr</strong></p>
|
||||
<p>Tu as perdu ta fiche de parrainage ? Télécharge la ici (PAS encore en ligne)</p>
|
||||
<?php
|
||||
$pageContent = ob_get_clean(); // Store html content in variable
|
||||
|
|
|
|||
13
photos.php
13
photos.php
|
|
@ -1,6 +1,7 @@
|
|||
<?php
|
||||
ob_start(); // Start reading html
|
||||
function getActiveFolder() {
|
||||
function getActiveFolder()
|
||||
{
|
||||
if ($_GET['folder'] != "") {
|
||||
return $_GET['folder'];
|
||||
} else {
|
||||
|
|
@ -8,7 +9,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
function getDirectories($dir){
|
||||
function getDirectories($dir)
|
||||
{
|
||||
$files = scandir($dir);
|
||||
$displayedItems = 0;
|
||||
foreach ($files as $key => $value) {
|
||||
|
|
@ -27,7 +29,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
function getPhotos($dir){
|
||||
function getPhotos($dir)
|
||||
{
|
||||
$files = scandir($dir);
|
||||
$displayedItems = 0;
|
||||
foreach ($files as $key => $value) {
|
||||
|
|
@ -48,7 +51,8 @@
|
|||
}
|
||||
}
|
||||
|
||||
function generatePath($dir){
|
||||
function generatePath($dir)
|
||||
{
|
||||
$folders = explode(DIRECTORY_SEPARATOR, $dir);
|
||||
$currentPath = "";
|
||||
foreach ($folders as $value) {
|
||||
|
|
@ -60,6 +64,7 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
<div id="photo_back_button" style="display:none">
|
||||
<div id="close_back" onclick="closeBig()"><span class="fas fa-times" id="close"></span></div>
|
||||
|
|
|
|||
|
|
@ -67,7 +67,7 @@
|
|||
</table>
|
||||
</div>
|
||||
<h1>Informations</h1>
|
||||
<div href="#info" id="infoBox">
|
||||
<div id="infoBox">
|
||||
<p>Cliquez sur un évenement pour afficher ses Informations</p>
|
||||
</div>
|
||||
<script src="assets/scripts/planningScript.js"></script>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,8 @@
|
|||
ob_start(); // Start reading html
|
||||
?>
|
||||
<h1>Prevs</h1>
|
||||
<p>Ce sont les GDAs derrière la <a href="coms.php#com_atterrissage">COM Atterrissage</a> qui vont faire attention à ce qu'il n'y ait pas de débordements.
|
||||
<p>Ce sont les GDAs derrière la <a href="coms.php#com_atterrissage">COM Atterrissage</a> qui vont faire attention à ce
|
||||
qu'il n'y ait pas de débordements.
|
||||
Un numéro d'urgence est mis à votre disposition, à contacter en cas de problème. (PAS encore dispo)</p>
|
||||
<h3>Les choses à éviter</h3>
|
||||
<p>Voici quelques conseils pour que ta semaine se passe au mieux. </p>
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@
|
|||
<footer class="inner">
|
||||
<p class="copyright">Copyright ©
|
||||
<script type="text/javascript">
|
||||
var d = new Date()
|
||||
var d = new Date();
|
||||
document.write(d.getFullYear())
|
||||
</script>
|
||||
Arnaud VERGNET</p>
|
||||
|
|
|
|||
Loading…
Reference in a new issue