mougnibas/site-accueil-insa
2
0
Fork 0
forked from rebillar/site-accueil-insa
Code Issues Pull requests Releases Wiki Activity

reformated code

Browse source
This commit is contained in:
Keplyx 2018-03-25 14:19:53 +02:00
parent 4c84d34c26
commit 2da745e622
13 changed files with 200 additions and 197 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
assets/css/photos.css
View file

@ -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;
}
@ -109,7 +109,7 @@
right: 0;
}
#close_back{
#close_back {
position: fixed;
width: 100%;
height: 100%;

44
assets/css/style.css
View file

@ -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{

11
assets/scripts/photosScript.js
View file

@ -1,21 +1,24 @@
var showcase = $("#img_big");
var showcaseLink = $("#img_big_link");
var photoBackButton = $("#photo_back_button");
function displayBig(elem){
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");
var current = 0;
for (i = 0; i < photos.length; i++){
if ($(photos[i]).attr('src') == currentSrc){
for (i = 0; i < photos.length; i++) {
if ($(photos[i]).attr('src') == currentSrc) {
current = i;
}
}
@ -26,7 +29,7 @@ function displayNext(direction) {
} else {
nextId = "#photo-" + (photos.length - 1);
}
if (document.getElementById("photo-" + next) != null){
if (document.getElementById("photo-" + next) != null) {
nextId = "#photo-" + next;
}
var nextSrc = $(nextId).attr('src');

10
assets/scripts/planningScript.js
View file

@ -1,7 +1,7 @@
var current = null;
var classes = null;
$(document).ready(function() {
$(".event").click(function() {
$(document).ready(function () {
$(".event").click(function () {
/* Reset last selected items */
if (current != null) {
setEventShadow(current, "none");
@ -15,19 +15,19 @@ $(document).ready(function() {
scrollTop: $("#infoBox").offset().top
}, 300);
});
$(".event").hover(function() {
$(".event").hover(function () {
var element = this.className.split(" ")[1];
if (element != current) {
setEventShadow(element, "0px 0px 5px #444");
}
}, function() {
}, function () {
var element = this.className.split(" ")[1];
if (element != current) {
setEventShadow(element, "none");
}
});
function setEventShadow(eventName, shadow){
function setEventShadow(eventName, shadow) {
classes = document.getElementsByClassName(eventName);
for (var i = 0; i < classes.length; i++) {
classes[i].style.boxShadow = shadow;

10
assets/scripts/sidenavScript.js
View file

@ -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;
}
@ -27,10 +29,10 @@ function toggleNav() {
}
}
function disableHamburger(){
function disableHamburger() {
hamburger.removeClass("change");
}
function enableHamburger(){
function enableHamburger() {
hamburger.addClass("change");
}

128
coms.php
View file

@ -1,83 +1,83 @@
<?php
ob_start(); // Start reading html
ob_start(); // Start reading html
?>
<h1>Coms</h1>
<p>Voici la liste de toutes les coms de la semaine d'accueil, avec les contacts des responsables.</p>
<p>Tous les mails cités sur cette page se terminent par <strong>@etud.insa-toulouse.fr</strong></p>
<?php
$comTitle = "COM Anim";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour mettre l'ambiance toute la semaine!";
$comRespo = "Paul MERLE";
$comRespoId = "p_merle";
include("includes/coms/com_template.php");
$comTitle = "COM Anim";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour mettre l'ambiance toute la semaine!";
$comRespo = "Paul MERLE";
$comRespoId = "p_merle";
include("includes/coms/com_template.php");
$comId = "com_atterrissage";
$comTitle = "COM Atterrissage";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Là pour sauver des vies";
$comRespo = "Joan KO";
$comRespoId = "ko";
include("includes/coms/com_template.php");
$comId = "com_atterrissage";
$comTitle = "COM Atterrissage";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Là pour sauver des vies";
$comRespo = "Joan KO";
$comRespoId = "ko";
include("includes/coms/com_template.php");
$comTitle = "COM Parrainage";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour vous aider à vous sentir moins perdus";
$comRespo = "Léa LAXAGUE et Blaise MAUGARD";
$comRespoId = "laxague ou bmaugard";
include("includes/coms/com_template.php");
$comTitle = "COM Parrainage";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour vous aider à vous sentir moins perdus";
$comRespo = "Léa LAXAGUE et Blaise MAUGARD";
$comRespoId = "laxague ou bmaugard";
include("includes/coms/com_template.php");
$comTitle = "COM Escape Game";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour animer une après midi";
$comRespo = "Manon TARRADE";
$comRespoId = "mtarade";
include("includes/coms/com_template.php");
$comTitle = "COM Escape Game";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour animer une après midi";
$comRespo = "Manon TARRADE";
$comRespoId = "mtarade";
include("includes/coms/com_template.php");
$comTitle = "COM Ville";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour animer une autre après midi";
$comRespo = "Baptiste LERAT";
$comRespoId = "lerat";
include("includes/coms/com_template.php");
$comTitle = "COM Ville";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour animer une autre après midi";
$comRespo = "Baptiste LERAT";
$comRespoId = "lerat";
include("includes/coms/com_template.php");
$comTitle = "COM Walle-E";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour animer une journée entière";
$comRespo = "Nélia BAHRAOUI et Lucas PERRIN";
$comRespoId = "bahraoui ou lperin";
include("includes/coms/com_template.php");
$comTitle = "COM Walle-E";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Ici pour animer une journée entière";
$comRespo = "Nélia BAHRAOUI et Lucas PERRIN";
$comRespoId = "bahraoui ou lperin";
include("includes/coms/com_template.php");
$comTitle = "COM Photos";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Souriez vous êtes suivis";
$comRespo = "Lyana LETOURNEAU";
$comRespoId = "lletourn";
include("includes/coms/com_template.php");
$comTitle = "COM Photos";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Souriez vous êtes suivis";
$comRespo = "Lyana LETOURNEAU";
$comRespoId = "lletourn";
include("includes/coms/com_template.php");
$comTitle = "COM Ravitaillement";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "La bouf!";
$comRespo = "Zoé PHILIPPON";
$comRespoId = "philippo";
include("includes/coms/com_template.php");
$comTitle = "COM Ravitaillement";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "La bouf!";
$comRespo = "Zoé PHILIPPON";
$comRespoId = "philippo";
include("includes/coms/com_template.php");
$comTitle = "COM Plaquette";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Grâce à eux vous avez de la lecture";
$comRespo = "Vincent SOISSONS";
$comRespoId = "soisson";
include("includes/coms/com_template.php");
$comTitle = "COM Plaquette";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Grâce à eux vous avez de la lecture";
$comRespo = "Vincent SOISSONS";
$comRespoId = "soisson";
include("includes/coms/com_template.php");
$comTitle = "Spe Bar";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Pour vous abreuver";
$comRespo = "Louis GALZIN";
$comRespoId = "galzin";
include("includes/coms/com_template.php");
$comTitle = "Spe Bar";
$comLogo = "assets/images/coms/logo.png";
$comDescription = "Pour vous abreuver";
$comRespo = "Louis GALZIN";
$comRespoId = "galzin";
include("includes/coms/com_template.php");
?>
<?php
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
?>

15
contact.php
View file

@ -1,12 +1,15 @@
<?php
ob_start(); // Start reading html
ob_start(); // Start reading html
?>
<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
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
?>

25
index.php
View file

@ -12,18 +12,19 @@
<link href="https://fonts.googleapis.com/css?family=Nunito+Sans|Rubik" rel="stylesheet">
</head>
<body id="main">
<div id="back_button" onclick="closeNav()"></div>
<?php
include("includes/top_bar.html");
include("includes/sidenav.html");
?>
<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>Utilise le menu en haut à gauche pour naviguer sur le site.</p>
</section>
</div>
<div id="back_button" onclick="closeNav()"></div>
<?php
include("includes/top_bar.html");
include("includes/sidenav.html");
?>
<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>Utilise le menu en haut à gauche pour naviguer sur le site.</p>
</section>
</div>
</body>
<script src="assets/scripts/sidenavScript.js"></script>
</html>

12
parrainage.php
View file

@ -1,11 +1,13 @@
<?php
ob_start(); // Start reading html
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
include("template.php"); // Display template with variable content
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
?>

115
photos.php
View file

@ -1,65 +1,70 @@
<?php
ob_start(); // Start reading html
function getActiveFolder() {
if ($_GET['folder'] != "") {
return $_GET['folder'];
} else {
return "photos/";
ob_start(); // Start reading html
function getActiveFolder()
{
if ($_GET['folder'] != "") {
return $_GET['folder'];
} else {
return "photos/";
}
}
function getDirectories($dir)
{
$files = scandir($dir);
$displayedItems = 0;
foreach ($files as $key => $value) {
$path = realpath($dir . DIRECTORY_SEPARATOR . $value);
if (is_dir($path) && $value != "." && $value != "..") {
$folderTitle = $value;
$folderLink = "?folder=" . getActiveFolder() . $value . DIRECTORY_SEPARATOR;
$folderClass = "";
include("includes/photos/folder_template.php");
$displayedItems++;
}
}
if ($displayedItems == 0) {
$placeHolder = "Pas d'autres albums !";
include("includes/photos/place_holder.php");
}
}
function getDirectories($dir){
$files = scandir($dir);
$displayedItems = 0;
foreach ($files as $key => $value){
$path = realpath($dir.DIRECTORY_SEPARATOR.$value);
if (is_dir($path) && $value != "." && $value != "..") {
$folderTitle = $value;
$folderLink = "?folder=".getActiveFolder().$value.DIRECTORY_SEPARATOR;
$folderClass = "";
include("includes/photos/folder_template.php");
function getPhotos($dir)
{
$files = scandir($dir);
$displayedItems = 0;
foreach ($files as $key => $value) {
$path = realpath($dir . DIRECTORY_SEPARATOR . $value);
if (!is_dir($path)) {
$ext = pathinfo($path, PATHINFO_EXTENSION);
if ($ext == "bmp" || $ext == "jpg" || $ext == "jpeg" || $ext == "png") {
$imageSrc = getActiveFolder() . $value;
$imageId = "photo-" . $displayedItems;
include("includes/photos/photo_template.php");
$displayedItems++;
}
}
if ($displayedItems == 0) {
$placeHolder = "Pas d'autres albums !";
include("includes/photos/place_holder.php");
}
}
if ($displayedItems == 0) {
$placeHolder = "Pas de photos ici !";
include("includes/photos/place_holder.php");
}
}
function getPhotos($dir){
$files = scandir($dir);
$displayedItems = 0;
foreach ($files as $key => $value){
$path = realpath($dir.DIRECTORY_SEPARATOR.$value);
if (!is_dir($path)) {
$ext = pathinfo($path, PATHINFO_EXTENSION);
if ($ext == "bmp" || $ext == "jpg" || $ext == "jpeg" || $ext == "png"){
$imageSrc = getActiveFolder().$value;
$imageId = "photo-".$displayedItems;
include("includes/photos/photo_template.php");
$displayedItems++;
}
}
}
if ($displayedItems == 0) {
$placeHolder = "Pas de photos ici !";
include("includes/photos/place_holder.php");
function generatePath($dir)
{
$folders = explode(DIRECTORY_SEPARATOR, $dir);
$currentPath = "";
foreach ($folders as $value) {
if ($value != "") {
$pathTitle = $value;
$currentPath .= $value . DIRECTORY_SEPARATOR;
$pathLink = "?folder=" . $currentPath;
include("includes/photos/path_template.php");
}
}
}
function generatePath($dir){
$folders = explode(DIRECTORY_SEPARATOR, $dir);
$currentPath = "";
foreach ($folders as $value){
if ($value != ""){
$pathTitle = $value;
$currentPath .= $value.DIRECTORY_SEPARATOR;
$pathLink = "?folder=".$currentPath;
include("includes/photos/path_template.php");
}
}
}
?>
<div id="photo_back_button" style="display:none">
<div id="close_back" onclick="closeBig()"><span class="fas fa-times" id="close"></span></div>
@ -75,21 +80,21 @@
<ul class="photos_path">
<p>Chemin : </p>
<?php
generatePath(getActiveFolder());
generatePath(getActiveFolder());
?>
</ul>
<div class="photos_folder">
<?php
getDirectories(getActiveFolder());
getDirectories(getActiveFolder());
?>
</div>
<div class="photos">
<?php
getPhotos(getActiveFolder());
getPhotos(getActiveFolder());
?>
</div>
<script src="assets/scripts/photosScript.js"></script>
<?php
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
?>

8
planning.php
View file

@ -1,5 +1,5 @@
<?php
ob_start(); // Start reading html
ob_start(); // Start reading html
?>
<h1> Le Planning</h1>
<p>Voici le planning de la semaine. Clique sur une activité pour avoir des informations.</p>
@ -67,11 +67,11 @@
</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>
<?php
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
?>

9
prevs.php
View file

@ -1,12 +1,13 @@
<?php
ob_start(); // Start reading html
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>
<?php
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
$pageContent = ob_get_clean(); // Store html content in variable
include("template.php"); // Display template with variable content
?>

2
template.php
View file

@ -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>