forked from vergnet/site-accueil-insa
First commit
This commit is contained in:
Keplyx
commit
4a8203c6d6
45 changed files with 1271 additions and 0 deletions
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 Width: | Height: | Size: 589 KiB |
BIN
assets/images/coms/logo.png
Normal file
BIN
assets/images/coms/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
assets/images/header_bg.jpg
Normal file
BIN
assets/images/header_bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 589 KiB |
BIN
assets/images/planning.png
Normal file
BIN
assets/images/planning.png
Normal file
Binary file not shown.
|
After Width: | Height: | 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 Width: | Height: | 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 Width: | Height: | 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 Width: | Height: | 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 Width: | Height: | 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 Width: | Height: | 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