First commit

assets/css/hamburger.css

@@ -0,0 +1,37 @@
+#hamburger {
+    display: inline-block;
+    cursor: pointer;
+    z-index: 2;
+    color: white;
+    font-size: 32px;
+    margin: 5px;
+}
+
+.bar1, .bar2, .bar3 {
+    width: 35px;
+    height: 5px;
+    background-color: #fff;
+    margin: 6px 0;
+    transition: 0.4s;
+    box-shadow: 1px 1px 3px #333;
+}
+
+/* Rotate first bar */
+
+.change .bar1 {
+    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
+    transform: rotate(-45deg) translate(-9px, 6px);
+}
+
+/* Fade out the second bar */
+
+.change .bar2 {
+    opacity: 0;
+}
+
+/* Rotate last bar */
+
+.change .bar3 {
+    -webkit-transform: rotate(45deg) translate(-8px, -8px);
+    transform: rotate(45deg) translate(-8px, -8px);
+}

assets/css/photos.css

@@ -0,0 +1,132 @@
+.photos_folder {
+    width: 100%;
+    display: flex;
+    border: 1px solid #212121;
+    border-radius: 10px;
+}
+
+.photos_folder a:hover, .photos_path a:hover {
+    box-shadow: 0px 0px 10px #000;
+    background-color: white;
+    color: black;
+}
+
+.photos_folder a {
+    font-size: 25px;
+    text-decoration: none;
+    border-radius: 10px;
+    min-width: 100px;
+    height: 100px;
+    padding: 10px;
+    margin: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #212121;
+    box-shadow: 0px 0px 2px #212121;
+    transition: 0.3s;
+    color: white;
+}
+
+.photos img {
+    display: inline-flex;
+    width: 25%;
+    opacity: 1;
+    cursor: pointer;
+    transition: 0.3s;
+}
+
+.photos img:hover {
+    opacity: 0.5;
+}
+
+.photos img:active {
+    opacity: 0.1;
+}
+
+.no_photo {
+    font-size: 25px;
+    text-decoration: none;
+    border-radius: 10px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.photos_path {
+    margin: 5px;
+    width: 100%;
+    display: flex;
+    list-style: none;
+}
+
+.photos_path a {
+    font-size: 15px;
+    text-decoration: none;
+    border-radius: 5px;
+    padding: 5px;
+    margin: 5px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #212121;
+    box-shadow: 0px 0px 2px #212121;
+    transition: 0.3s;
+    color: white;
+}
+
+#img_big {
+    position: fixed;
+    max-width: 100%;
+    max-height: 70%;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+}
+
+#close, #right, #left {
+    color: white;
+    position: fixed;
+    width: 50px;
+    height: 50px;
+    transition: 0.3s;
+    cursor: pointer;
+}
+
+#right {
+    right: 0;
+    bottom: 0;
+}
+
+#left {
+    left: 0;
+    bottom: 0;
+}
+
+#close {
+    top: 50px;
+    right: 0;
+}
+
+#close_back{
+    position: fixed;
+    width: 100%;
+    height: 100%;
+}
+
+#close:hover, #right:hover, #left:hover {
+    width: 70px;
+}
+
+#close:active, #right:active, #left:active {
+    width: 55px;
+}
+
+@media screen and (max-width: 480px) {
+    .photos_folder a {
+        font-size: 15px;
+        min-width: 50px;
+        height: 50px;
+    }
+}

assets/css/planning_events.css

@@ -0,0 +1,75 @@
+/*******************************************************************************
+General
+*******************************************************************************/
+
+#table_planning {
+    width: 100%;
+    border: none;
+    border-collapse: separate;
+    border-spacing: 10px;
+}
+
+#table_planning th {
+    border: none;
+    border-radius: 10px;
+    background: #414141;
+    font-weight: bold;
+}
+
+.horaires {
+    background: none;
+    border: none;
+    border-top: 1px solid #000;
+    text-align: right;
+    vertical-align: top;
+}
+
+.event {
+    border-radius: 20px;
+    border: none;
+    color: white;
+    vertical-align: middle;
+    transition: 0.3s;
+    cursor: pointer;
+    text-align: center;
+}
+
+/*******************************************************************************
+Events Specific
+*******************************************************************************/
+
+.discours {
+    background-color: #212121;
+}
+
+.remise_niveau {
+    background-color: #d2a000;
+}
+
+.barbecue, .banquet, .act_prev {
+    background-color: #7fa1b3;
+}
+
+.fabcamp {
+    background-color: #004568;
+}
+
+.soir {
+    background-color: #2696a2;
+}
+
+.escape_game {
+    background-color: #929ba8;
+}
+
+.com_ville {
+    background-color: #bbe19e;
+}
+
+.com_walle {
+    background-color: #a20000;
+}
+
+.wini {
+    background-color: #b7472a;
+}

assets/css/sidenav.css

@@ -0,0 +1,50 @@
+/* The side navigation menu */
+
+.sidenav {
+    height: 100%;
+    width: 250px;
+    margin-left: -250px; /* change margin with JavaScript */
+    position: fixed; /* Stay in place */
+    z-index: 10;
+    top: 0;
+    left: 0;
+    background-color: #111111;
+    overflow-x: hidden; /* Disable horizontal scroll */
+    padding-top: 80px;
+    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
+    box-shadow: none; /* change shadow with JavaScript */
+}
+
+/* The navigation menu links */
+
+.sidenav a {
+    padding: 8px 8px 8px 32px;
+    text-decoration: none;
+    font-size: 20px;
+    font-family: 'Rubik', sans-serif;
+    color: #f0f0f0;
+    display: block;
+    transition: 0.3s;
+}
+
+.sidenav a:hover {
+    color: white;
+    text-shadow: 2px 2px 5px #fff;
+}
+
+/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
+
+#main {
+    transition: margin-left .5s;
+}
+
+/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
+
+@media screen and (max-height: 450px) {
+    .sidenav {
+        padding-top: 15px;
+    }
+    .sidenav a {
+        font-size: 18px;
+    }
+}

assets/css/style.css

@@ -0,0 +1,423 @@
+/*******************************************************************************
+MeyerWeb Reset
+*******************************************************************************/
+
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font: inherit;
+    vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+    display: block;
+}
+
+ol, ul {
+    list-style: none;
+}
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
+
+/*******************************************************************************
+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;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+
+    box-sizing: border-box;
+    color: #373737;
+    font-size: 16px;
+    font-family: 'Nunito Sans', sans-serif;
+    line-height: 1.5;
+    -webkit-font-smoothing: antialiased;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    margin: 10px 0;
+    color: #222222;
+    font-family: 'Rubik', sans-serif;
+    letter-spacing: -1px;
+    border-bottom: 1px solid #ccc;
+}
+
+h1 {
+    font-size: 36px;
+}
+
+h2 {
+    padding-bottom: 10px;
+    font-size: 32px;
+}
+
+h3 {
+    font-size: 24px;
+}
+
+h4 {
+    font-size: 21px;
+}
+
+h5 {
+    font-size: 18px;
+}
+
+h6 {
+    font-size: 16px;
+}
+
+p {
+    margin: 10px 0 15px 0;
+}
+
+footer p {
+    color: #f2f2f2;
+}
+
+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;
+}
+
+a:hover, a:focus {
+    text-decoration: underline;
+}
+
+footer a {
+    color: #F2F2F2;
+    text-decoration: underline;
+}
+
+em, cite {
+    font-style: italic;
+}
+
+strong {
+    font-weight: bold;
+}
+
+img {
+    position: relative;
+    margin: 0 auto;
+    max-width: 739px;
+    padding: 5px;
+    margin: 10px 0 10px 0; // border: 1px solid #ebebeb;
+}
+
+p img {
+    display: inline;
+    margin: 0;
+    padding: 0;
+    vertical-align: middle;
+    text-align: center;
+    border: none;
+}
+
+ul, ol, dl {
+    margin-bottom: 15px
+}
+
+ul {
+    list-style-position: inside;
+    list-style: disc;
+    padding-left: 20px;
+}
+
+ol {
+    list-style-position: inside;
+    list-style: decimal;
+    padding-left: 20px;
+}
+
+table {
+    border: 1px solid #d5d5d5;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+th {
+    font-family: Arial, sans-serif;
+    padding: 10px;
+    background: #373737;
+    color: #fff;
+}
+
+td {
+    padding: 10px;
+    border: 1px solid #212121;
+}
+
+.copyright{
+    color: #ccc;
+    font-size: 14px;
+}
+
+/*******************************************************************************
+Full-Width Styles
+*******************************************************************************/
+
+.outer {
+    width: 100%;
+}
+
+.inner {
+    position: relative;
+    max-width: 900px;
+    padding: 20px 10px;
+    margin: 0 auto;
+}
+
+#header_wrap {
+    background-position: top;
+}
+
+#header_top {
+    display: flex;
+    color: white;
+    background: #212121;
+    position: fixed;
+    width: 100%;
+    height: 50px;
+    z-index: 15;
+    box-shadow: 0px 2px 5px #222;
+}
+
+#header_top h4 {
+    color: white;
+}
+
+#header_wrap .inner {
+    padding: 100px 10px 100px 10px;
+}
+
+#menu_title {
+    border-bottom: none;
+    margin-left: 30px;
+}
+
+#title {
+    margin: 0;
+    color: #fff;
+    font-size: 42px;
+    font-weight: 700;
+    text-shadow: #111 0px 0px 10px;
+    border-bottom: none;
+}
+
+#description {
+    color: #fff;
+    font-size: 24px;
+    font-weight: 300;
+    background: none;
+    text-shadow: #111 0px 0px 10px;
+    border-bottom: none;
+}
+
+#home_content_wrap {
+    background: none;
+}
+
+#home_content {
+    padding-top: 100px;
+    background-color: #212121aa;
+    border-radius: 0px 0px 60px 60px;
+}
+
+#home_content h1 {
+    color: white;
+    font-size: 70px;
+    border: none;
+    text-align: center;
+    text-shadow: 0px 0px 10px #000;
+}
+
+#home_content p {
+    color: white;
+    font-size: 30px;
+    text-align: center;
+    text-shadow: 0px 0px 5px #000;
+}
+
+#main_content_wrap {
+    background: #f2f2f2;
+    box-shadow: 0px 0px 10px #222;
+}
+
+#main_content {
+    padding-top: 40px;
+}
+
+#footer_wrap {
+    padding: 50px 0px 50px 0px;
+}
+
+#table_wrapper {
+    width: 100%;
+    overflow: auto;
+}
+
+#table_coms{
+    width: 100%;
+    table-layout: auto;
+    text-align: left;
+    border: none;
+}
+
+#table_coms td{
+    vertical-align: middle;
+    border: none;
+    padding: 0px 0px 0px 10px;
+}
+
+.com_description{
+    width: 100%;
+    font-weight: bold;
+}
+
+.com_logo{
+    width: 100px;
+    min-width: 50px;
+}
+
+#back_button{
+    top: 0;
+    left: 0;
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background-color: #212121;
+    opacity: 0;
+    z-index: -1;
+    transition: 0.3s;
+}
+
+#photo_back_button{
+    top: 0;
+    left: 0;
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    background-color: #212121cc;
+    z-index: 5;
+    transition: 0.3s;
+}
+
+.active_background {
+    z-index: 5 !important;
+    opacity: 0.7 !important;
+}
+
+
+/*******************************************************************************
+Small Device Styles
+*******************************************************************************/
+
+@media screen and (max-width: 992px) {
+    img {
+        max-width: 100%;
+    }
+}
+
+@media screen and (max-width: 480px) {
+    body {
+        font-size: 14px;
+    }
+    .inner {
+        min-width: 320px;
+        max-width: 480px;
+    }
+    #title {
+        font-size: 32px;
+    }
+    h1 {
+        font-size: 28px;
+    }
+    h2 {
+        font-size: 24px;
+    }
+    h3 {
+        font-size: 21px;
+    }
+    h4 {
+        font-size: 18px;
+    }
+    h5 {
+        font-size: 14px;
+    }
+    h6 {
+        font-size: 12px;
+    }
+    code, pre {
+        font-size: 11px;
+    }
+    #table_wrapper {
+        width: 100%;
+        overflow: scroll;
+    }
+}
+
+@media screen and (max-width: 320px) {
+    body {
+        font-size: 14px;
+    }
+    .inner {
+        min-width: 240px;
+        max-width: 320px;
+    }
+    #title {
+        font-size: 28px;
+    }
+    h1 {
+        font-size: 24px;
+    }
+    h2 {
+        font-size: 21px;
+    }
+    h3 {
+        font-size: 18px;
+    }
+    h4 {
+        font-size: 16px;
+    }
+    h5 {
+        font-size: 14px;
+    }
+    h6 {
+        font-size: 12px;
+    }
+    code, pre {
+        min-width: 240px;
+        max-width: 320px;
+        font-size: 11px;
+    }
+    #table_wrapper {
+        width: 100%;
+        overflow: scroll;
+    }
+}

assets/scripts/photosScript.js

@@ -0,0 +1,34 @@
+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");
+    var current = 0;
+    for (i = 0; i < photos.length; i++){
+        if ($(photos[i]).attr('src') == currentSrc){
+            current = i;
+        }
+    }
+    var next = current + direction;
+    var nextId = "";
+    if (direction > 0) {
+        nextId = "#photo-0";
+    } else {
+        nextId = "#photo-" + (photos.length - 1);
+    }
+    if (document.getElementById("photo-" + next) != null){
+        nextId = "#photo-" + next;
+    }
+    var nextSrc = $(nextId).attr('src');
+    showcase.attr('src', nextSrc);
+}

assets/scripts/planningScript.js

@@ -0,0 +1,39 @@
+var current = null;
+var classes = null;
+$(document).ready(function() {
+    $(".event").click(function() {
+        /* Reset last selected items */
+        if (current != null) {
+            setEventShadow(current, "none");
+        }
+        /* Set style for currently selected items */
+        current = this.className.split(" ")[1];
+        setEventShadow(current, "0px 0px 10px #000");
+        /* Load info box text and smoothly scroll to it */
+        $("#infoBox").load("includes/planning_events/" + current + ".html");
+        $('html, body').animate({
+            scrollTop: $("#infoBox").offset().top
+        }, 300);
+    });
+    $(".event").hover(function() {
+        var element = this.className.split(" ")[1];
+        if (element != current) {
+            setEventShadow(element, "0px 0px 5px #444");
+        }
+    }, function() {
+        var element = this.className.split(" ")[1];
+        if (element != current) {
+            setEventShadow(element, "none");
+        }
+    });
+
+    function setEventShadow(eventName, shadow){
+        classes = document.getElementsByClassName(eventName);
+        for (var i = 0; i < classes.length; i++) {
+            classes[i].style.boxShadow = shadow;
+
+        }
+    }
+
+
+});

assets/scripts/sidenavScript.js

@@ -0,0 +1,36 @@
+var menuOpen = false;
+var sidenav = $("#menuSidenav");
+var hamburger = $("#hamburger");
+var backButton = $("#back_button");
+
+function openNav() {
+    sidenav.css("margin-left", "0");
+    sidenav.css("box-shadow", "5px 5px 10px #151515");
+    backButton.addClass("active_background");
+    enableHamburger(); /* Enables hamburger icon */
+    menuOpen = true;
+}
+
+function closeNav() {
+    sidenav.css("margin-left", "-250px");
+    sidenav.css("box-shadow", "none");
+    backButton.removeClass("active_background");
+    disableHamburger(); /* Disables hamburger icon */
+    menuOpen = false;
+}
+
+function toggleNav() {
+    if (menuOpen) {
+        closeNav();
+    } else {
+        openNav();
+    }
+}
+
+function disableHamburger(){
+    hamburger.removeClass("change");
+}
+
+function enableHamburger(){
+    hamburger.addClass("change");
+}

coms.php

@@ -0,0 +1,83 @@
+<?php
+    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");
+
+    $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 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 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 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 = "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
+?>

contact.php

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

includes/coms/com_template.php

@@ -0,0 +1,13 @@
+<h3 id="<?= $comId ?>"><?= $comTitle ?></h3>
+<table id="table_coms">
+    <tr>
+        <td rowspan="4"><img src="<?= $comLogo ?>" alt="COM logo" class="com_logo"></td>
+        <td class="com_description"><?= $comDescription ?></td>
+    </tr>
+    <tr>
+        <td>Responsable : <?= $comRespo ?></td>
+    </tr>
+    <tr>
+        <td><span class="fas fa-envelope"></span> Mail : <?= $comRespoId ?></td>
+    </tr>
+</table>

includes/photos/folder_template.php

@@ -0,0 +1 @@
+<a href="<?= $folderLink ?>"><?= $folderTitle ?></a>

includes/photos/path_template.php

@@ -0,0 +1 @@
+<li><a href="<?= $pathLink ?>"><?= $pathTitle ?></a></li>

includes/photos/photo_template.php

@@ -0,0 +1 @@
+<img src="<?= $imageSrc ?>" onclick="displayBig(this);" class="photo" id="<?= $imageId ?>"></img>

includes/photos/place_holder.php

@@ -0,0 +1 @@
+<div class="no_photo"><?= $placeHolder ?></div>

includes/planning_events/act_prev.html

@@ -0,0 +1,2 @@
+<h3>Activités de Prévention</h3>
+<p>Text</p>

includes/planning_events/banquet.html

@@ -0,0 +1,2 @@
+<h3>Banquet</h3>
+<p>Text</p>

includes/planning_events/barbecue.html

@@ -0,0 +1,2 @@
+<h3>Barbecue</h3>
+<p>Text</p>

includes/planning_events/com_ville.html

@@ -0,0 +1,2 @@
+<h3>COM Ville</h3>
+<p>Text</p>

includes/planning_events/com_walle.html

@@ -0,0 +1,2 @@
+<h3>COM Wall-E</h3>
+<p>Text</p>

includes/planning_events/discours.html

@@ -0,0 +1,2 @@
+<h3>Discours du Directeur</h3>
+<p>Text</p>

includes/planning_events/escape_game.html

@@ -0,0 +1,2 @@
+<h3>Escape Game</h3>
+<p>Text</p>

includes/planning_events/fabcamp.html

@@ -0,0 +1,2 @@
+<h3>FabCamp</h3>
+<p>Text</p>

includes/planning_events/remise_niveau.html

@@ -0,0 +1,2 @@
+<h3>Cours de remise à niveau</h3>
+<p>Text</p>

includes/planning_events/soir.html

@@ -0,0 +1,2 @@
+<h3>Soirées</h3>
+<p>Text</p>

includes/planning_events/wini.html

@@ -0,0 +1,2 @@
+<h3>WINI</h3>
+<p>Text</p>

includes/sidenav.html

@@ -0,0 +1,10 @@
+<div id="menuSidenav" class="sidenav">
+    <a href="index.php" id="index" class="page-link"><span class="fas fa-home"></span> L'Accueil</a>
+    <a href="planning.php" id="planning" class="page-link"><span class="fas fa-calendar-alt"></span> Le Planning</a>
+    <a href="coms.php" id="coms" class="page-link"><span class="fas fa-users"></span> Les Coms</a>
+    <a href="parrainage.php" id="parrainage" class="page-link"><span class="fas fa-user-plus"></span> Le Parrainage</a>
+    <a href="prevs.php" id="prevs" class="page-link"><span class="fas fa-medkit"></span> La Prévention</a>
+    <a href="photos.php" id="photos" class="page-link"><span class="fas fa-camera"></span> Les Photos</a>
+    <br>
+    <a href="contact.php" id="contact" class="page-link"><span class="fas fa-envelope"></span> Les Contacts</a>
+</div>

includes/top_bar.html

@@ -0,0 +1,8 @@
+<div id="header_top">
+    <div id="hamburger" onclick="toggleNav()">
+        <div class="bar1"></div>
+        <div class="bar2"></div>
+        <div class="bar3"></div>
+    </div>
+    <h4 id="menu_title">INSA Toulouse 2018</h4>
+</div>

index.php

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+    <meta name="viewport" content="width=device-width,maximum-scale=2">
+    <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
+    <link rel="stylesheet" type="text/css" media="screen" href="assets/css/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="assets/css/sidenav.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="assets/css/hamburger.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <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>
+</body>
+<script src="assets/scripts/sidenavScript.js"></script>
+</html>

parrainage.php

@@ -0,0 +1,11 @@
+<?php
+    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>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
+?>

photos.php

@@ -0,0 +1,95 @@
+<?php
+    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 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");
+            }
+        }
+    }
+?>
+<div id="photo_back_button" style="display:none">
+    <div id="close_back" onclick="closeBig()"><span class="fas fa-times" id="close"></span></div>
+    <span id="right" class="fas fa-arrow-right" onclick="displayNext(1)"></span>
+    <span id="left" class="fas fa-arrow-left" onclick="displayNext(-1)"></span>
+    <a href="" id="img_big_link">
+        <img src="" id="img_big"></img>
+    </a>
+</div>
+
+<h1>Photos</h1>
+<p>Cliquez sur le dossier de votre choix pour afficher les photos</p>
+<ul class="photos_path">
+    <p>Chemin : </p>
+    <?php
+        generatePath(getActiveFolder());
+    ?>
+</ul>
+<div class="photos_folder">
+    <?php
+        getDirectories(getActiveFolder());
+    ?>
+</div>
+<div class="photos">
+    <?php
+        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
+?>

photos/.htaccess

@@ -0,0 +1,12 @@
+AuthName "Entrez vos identifiants INSA pour voir les photos"
+AuthType Basic
+AuthLDAPURL ldap://srv-ldap1.insa-toulouse.fr:389/ou=People,dc=insa-toulouse,dc=fr
+AuthBasicProvider ldap
+
+# Changer require avec propre login pour bloquer page pour tout le monde
+<limit GET POST>
+    require valid-user
+</limit>
+
+Options +FollowSymlinks
+RewriteEngine on

planning.php

@@ -0,0 +1,77 @@
+<?php
+    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>
+
+<div id="table_wrapper">
+    <table cellspacing="10" id="table_planning">
+        <tr>
+            <th>Horaires</th>
+            <th>Lundi</th>
+            <th>Mardi</th>
+            <th>Mercredi</th>
+            <th>Jeudi</th>
+            <th>Vendredi</th>
+            <th>Samedi</th>
+            <th>Dimanche</th>
+        </tr>
+        <tr>
+            <td class="horaires">8h30</td>
+            <td class="event discours">Discours du Directeur</td>
+            <td rowspan="3" class="event fabcamp">FabCamp</td>
+            <td rowspan="3" class="event fabcamp">FabCamp</td>
+            <td rowspan="3" class="event escape_game">Escape Game</td>
+            <td rowspan="5" class="event com_walle">COM Wall-E</td>
+            <td rowspan="7" class="event wini">WINI</td>
+            <td rowspan="7" class="event wini">WINI</td>
+        </tr>
+        <tr>
+            <td class="horaires">10h30</td>
+            <td class="event act_prev">Activités de Prévention</td>
+        </tr>
+        <tr>
+            <td class="horaires">11h</td>
+            <td class="event remise_niveau">Remise à niveau</td>
+        </tr>
+        <tr>
+            <td class="horaires">12h</td>
+            <td class="event barbecue">Barbecue</td>
+            <td class="event barbecue">Barbecue</td>
+            <td class="event barbecue">Barbecue</td>
+            <td class="event barbecue">Barbecue</td>
+        </tr>
+        <tr>
+            <td class="horaires">14h</td>
+            <td class="event fabcamp">FabCamp</td>
+            <td class="event fabcamp">FabCamp</td>
+            <td class="event fabcamp">FabCamp</td>
+            <td class="event com_ville">COM Ville</td>
+        </tr>
+        <tr>
+            <td class="horaires">18h</td>
+            <td class="event banquet">Banquet</td>
+            <td class="event banquet">Banquet</td>
+            <td class="event banquet">Banquet</td>
+            <td class="event banquet">Banquet</td>
+            <td class="event banquet">Banquet</td>
+        </tr>
+        <tr>
+            <td class="horaires">20h</td>
+            <td class="event soir">Space Meeting</td>
+            <td class="event soir">Soirée des Clubs</td>
+            <td class="event soir">Soirée Jeune Padawan</td>
+            <td class="event soir">Soirée PK</td>
+            <td class="event soir">Concert</td>
+        </tr>
+    </table>
+</div>
+<h1>Informations</h1>
+<div href="#info" 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
+?>

prevs.php

@@ -0,0 +1,12 @@
+<?php
+    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.
+    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
+?>

site-accueil-insa

@@ -0,0 +1 @@
+/home/keplyx/web/site-accueil-insa

template.php

@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset='utf-8'>
+    <meta http-equiv="X-UA-Compatible" content="chrome=1">
+    <meta name="viewport" content="width=device-width,maximum-scale=2">
+    <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
+    <link rel="stylesheet" type="text/css" media="screen" href="assets/css/style.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="assets/css/sidenav.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="assets/css/hamburger.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="assets/css/planning_events.css">
+    <link rel="stylesheet" type="text/css" media="screen" href="assets/css/photos.css">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+    <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="header_top">
+        <div id="hamburger" onclick="toggleNav()">
+            <div class="bar1"></div>
+            <div class="bar2"></div>
+            <div class="bar3"></div>
+        </div>
+        <h4 id="menu_title">INSA Toulouse 2018</h4>
+    </div>
+    <div id="header_wrap" class="outer">
+        <header class="inner">
+
+            <h1 id="title">Semaine d'Accueil 2018</h1>
+            <h2 id="description"></h2>
+        </header>
+    </div>
+
+    <div id="main_content_wrap" class="outer">
+        <section id="main_content" class="inner">
+            <?= $pageContent // Display content defined in calling file ?>
+        </section>
+    </div>
+
+    <div id="footer_wrap" class="outer">
+        <footer class="inner">
+            <p class="copyright">Copyright ©
+                <script type="text/javascript">
+                    var d = new Date()
+                    document.write(d.getFullYear())
+                </script>
+                Arnaud VERGNET</p>
+        </footer>
+    </div>
+    <script src="assets/scripts/sidenavScript.js"></script>
+</body>
+</html>