First commit

This commit is contained in:
Keplyx 2018-03-25 13:22:28 +02:00
commit 4a8203c6d6
45 changed files with 1271 additions and 0 deletions

37
assets/css/hamburger.css Normal file
View file

@ -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);
}

132
assets/css/photos.css Normal file
View file

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

View file

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

50
assets/css/sidenav.css Normal file
View file

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

423
assets/css/style.css Normal file
View file

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

BIN
assets/images/bg.jpg Normal file

Binary file not shown.

After

(image error) Size: 589 KiB

BIN
assets/images/coms/logo.png Normal file

Binary file not shown.

After

(image error) Size: 22 KiB

BIN
assets/images/header_bg.jpg Normal file

Binary file not shown.

After

(image error) Size: 589 KiB

BIN
assets/images/planning.png Normal file

Binary file not shown.

After

(image error) Size: 20 KiB

View file

@ -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);
}

View file

@ -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;
}
}
});

View file

@ -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");
}

83
coms.php Normal file
View file

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

12
contact.php Normal file
View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

10
includes/sidenav.html Normal file
View file

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

8
includes/top_bar.html Normal file
View file

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

29
index.php Normal file
View file

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

11
parrainage.php Normal file
View file

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

95
photos.php Normal file
View file

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

12
photos/.htaccess Normal file
View file

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

Binary file not shown.

After

(image error) Size: 187 KiB

Binary file not shown.

After

(image error) Size: 607 KiB

Binary file not shown.

After

(image error) Size: 1.2 MiB

Binary file not shown.

After

(image error) Size: 1.2 MiB

Binary file not shown.

After

(image error) Size: 1.2 MiB

77
planning.php Normal file
View file

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

12
prevs.php Normal file
View file

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

1
site-accueil-insa Symbolic link
View file

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

56
template.php Normal file
View file

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