forked from vergnet/site-accueil-insa
First commit
This commit is contained in:
commit
4a8203c6d6
45 changed files with 1271 additions and 0 deletions
assets
css
images
scripts
includes
coms
photos
planning_events
act_prev.htmlbanquet.htmlbarbecue.htmlcom_ville.htmlcom_walle.htmldiscours.htmlescape_game.htmlfabcamp.htmlremise_niveau.htmlsoir.htmlwini.html
sidenav.htmltop_bar.htmlphotos
.htaccess
planning.phpprevs.phpsite-accueil-insatemplate.php2016/album1
11-sea-beach-sand-wallpaper.jpgBlack-And-Yellow-Abstract-Wallpaper-Downloads.jpgchicken silouhette.bmp
2018/album1
37
assets/css/hamburger.css
Normal file
37
assets/css/hamburger.css
Normal 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
132
assets/css/photos.css
Normal 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;
|
||||
}
|
||||
}
|
75
assets/css/planning_events.css
Normal file
75
assets/css/planning_events.css
Normal 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
50
assets/css/sidenav.css
Normal 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
423
assets/css/style.css
Normal 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
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
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
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
BIN
assets/images/planning.png
Normal file
Binary file not shown.
After (image error) Size: 20 KiB |
34
assets/scripts/photosScript.js
Normal file
34
assets/scripts/photosScript.js
Normal 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);
|
||||
}
|
39
assets/scripts/planningScript.js
Normal file
39
assets/scripts/planningScript.js
Normal 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;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
});
|
36
assets/scripts/sidenavScript.js
Normal file
36
assets/scripts/sidenavScript.js
Normal 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
83
coms.php
Normal 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
12
contact.php
Normal 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
|
||||
?>
|
13
includes/coms/com_template.php
Normal file
13
includes/coms/com_template.php
Normal 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>
|
1
includes/photos/folder_template.php
Normal file
1
includes/photos/folder_template.php
Normal file
|
@ -0,0 +1 @@
|
|||
<a href="<?= $folderLink ?>"><?= $folderTitle ?></a>
|
1
includes/photos/path_template.php
Normal file
1
includes/photos/path_template.php
Normal file
|
@ -0,0 +1 @@
|
|||
<li><a href="<?= $pathLink ?>"><?= $pathTitle ?></a></li>
|
1
includes/photos/photo_template.php
Normal file
1
includes/photos/photo_template.php
Normal file
|
@ -0,0 +1 @@
|
|||
<img src="<?= $imageSrc ?>" onclick="displayBig(this);" class="photo" id="<?= $imageId ?>"></img>
|
1
includes/photos/place_holder.php
Normal file
1
includes/photos/place_holder.php
Normal file
|
@ -0,0 +1 @@
|
|||
<div class="no_photo"><?= $placeHolder ?></div>
|
2
includes/planning_events/act_prev.html
Normal file
2
includes/planning_events/act_prev.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>Activités de Prévention</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/banquet.html
Normal file
2
includes/planning_events/banquet.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>Banquet</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/barbecue.html
Normal file
2
includes/planning_events/barbecue.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>Barbecue</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/com_ville.html
Normal file
2
includes/planning_events/com_ville.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>COM Ville</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/com_walle.html
Normal file
2
includes/planning_events/com_walle.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>COM Wall-E</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/discours.html
Normal file
2
includes/planning_events/discours.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>Discours du Directeur</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/escape_game.html
Normal file
2
includes/planning_events/escape_game.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>Escape Game</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/fabcamp.html
Normal file
2
includes/planning_events/fabcamp.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>FabCamp</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/remise_niveau.html
Normal file
2
includes/planning_events/remise_niveau.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>Cours de remise à niveau</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/soir.html
Normal file
2
includes/planning_events/soir.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>Soirées</h3>
|
||||
<p>Text</p>
|
2
includes/planning_events/wini.html
Normal file
2
includes/planning_events/wini.html
Normal file
|
@ -0,0 +1,2 @@
|
|||
<h3>WINI</h3>
|
||||
<p>Text</p>
|
10
includes/sidenav.html
Normal file
10
includes/sidenav.html
Normal 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
8
includes/top_bar.html
Normal 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
29
index.php
Normal 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
11
parrainage.php
Normal 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
95
photos.php
Normal 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
12
photos/.htaccess
Normal 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
|
BIN
photos/2016/album1/11-sea-beach-sand-wallpaper.jpg
Executable file
BIN
photos/2016/album1/11-sea-beach-sand-wallpaper.jpg
Executable file
Binary file not shown.
After (image error) Size: 187 KiB |
BIN
photos/2016/album1/Black-And-Yellow-Abstract-Wallpaper-Downloads.jpg
Executable file
BIN
photos/2016/album1/Black-And-Yellow-Abstract-Wallpaper-Downloads.jpg
Executable file
Binary file not shown.
After (image error) Size: 607 KiB |
BIN
photos/2016/album1/chicken silouhette.bmp
Executable file
BIN
photos/2016/album1/chicken silouhette.bmp
Executable file
Binary file not shown.
After (image error) Size: 1.2 MiB |
BIN
photos/2018/album1/chicken silouhette.bmp
Executable file
BIN
photos/2018/album1/chicken silouhette.bmp
Executable file
Binary file not shown.
After (image error) Size: 1.2 MiB |
BIN
photos/2018/album1/chicken silouhette2.bmp
Executable file
BIN
photos/2018/album1/chicken silouhette2.bmp
Executable file
Binary file not shown.
After (image error) Size: 1.2 MiB |
77
planning.php
Normal file
77
planning.php
Normal 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
12
prevs.php
Normal 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
1
site-accueil-insa
Symbolic link
|
@ -0,0 +1 @@
|
|||
/home/keplyx/web/site-accueil-insa
|
56
template.php
Normal file
56
template.php
Normal 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>
|
Loading…
Reference in a new issue