From 7e5560d5178c003afc74a702b79aa08932ae511e Mon Sep 17 00:00:00 2001 From: Keplyx Date: Thu, 24 May 2018 13:17:51 +0200 Subject: [PATCH] Added more pages + usa vs urss event --- assets/css/sidenav.css | 20 +++++++-- assets/css/style.css | 59 ++++++++++++++++++++++++--- assets/scripts/sidenavScript.js | 2 + blouse.php | 10 +++++ coms.php | 12 +++--- historique.json | 26 ++++++++++++ includes/planning_events/fabcamp.html | 2 +- includes/score_counter.php | 25 ++++++++++++ includes/sidenav.html | 27 ++++++++---- includes/top_bar.html | 2 + index.php | 9 +--- infos.php | 2 +- stats.php | 25 ++++++++++++ template.php | 8 +++- urss.html | 10 +++++ usa.html | 10 +++++ 16 files changed, 216 insertions(+), 33 deletions(-) create mode 100644 blouse.php create mode 100644 historique.json create mode 100644 includes/score_counter.php create mode 100644 stats.php create mode 100644 urss.html create mode 100644 usa.html diff --git a/assets/css/sidenav.css b/assets/css/sidenav.css index 26264ed..30708e3 100644 --- a/assets/css/sidenav.css +++ b/assets/css/sidenav.css @@ -8,13 +8,18 @@ z-index: 1000; top: 0; left: 0; - overflow-x: hidden; /* Disable horizontal scroll */ - padding-top: 80px; + transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */ text-align: left; background: linear-gradient(to right, #1c1c1c, transparent 90%); } + +#sidenav-scroll { + padding: 50px 0 50px 0; + width: 100%; +} + /* The navigation menu links */ .sidenav a { @@ -28,7 +33,7 @@ height: 30px; } -.sidenav-icon { +.sidenav-icon, .sidenav-image { left: 0; margin-right: 5px; -webkit-transform: translateY(5px); @@ -37,11 +42,20 @@ width: 20px !important; } +.sidenav-image { + margin: 0 5px 0 0; + padding: 0; +} + .sidenav a:hover { color: #1a5dad; margin-left: 20px; } +.sidenav .separator { + height: 20px; +} + /* Style page content - use this if you want to push the page content to the right when you open the side navigation */ #main { diff --git a/assets/css/style.css b/assets/css/style.css index 710afa5..4784e23 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -186,8 +186,10 @@ Full-Width Styles pointer-events: none; } -#header_top h4 { - color: white; +#header_top a { + display: inline-flex; + pointer-events: auto; + height: 40px; } #header_wrap .inner { @@ -195,9 +197,9 @@ Full-Width Styles } #menu_title { - border-bottom: none; + color: white; line-height: 40px; - height: 40px; + border-bottom: none; margin: 5px; } @@ -264,7 +266,7 @@ Full-Width Styles } #main_content { - padding-top: 40px; + padding-top: 10px; } #footer_wrap { @@ -346,6 +348,42 @@ Full-Width Styles color: #a3a7b3; } +#score_counter { + height: 100px; +} + +#score_container { + width: 600px; + display: inline-flex; + vertical-align: middle; + align-items: center; + justify-content: center; + font-family: 'Russo One', sans-serif; + background-color: #1C1C1C; + border-radius: 10px; + box-shadow: 0 0 20px #1C1C1C; +} + +#score_usa, #score_urss { + font-size: 50px; +} + +#score_usa{ + color: #1a5dad; +} + +#score_urss{ + color: #ee293d; +} + +#score_separator{ + font-size: 70px; +} + +.score_logo { + width: 100px; +} + /******************************************************************************* Small Device Styles @@ -393,6 +431,17 @@ Small Device Styles width: 100%; overflow: scroll; } + #score_counter { + height: 50px; + } + + #score_container { + width: 300px; + } + + #score_usa, #score_urss { + font-size: 25px; + } } @media screen and (max-width: 320px) { diff --git a/assets/scripts/sidenavScript.js b/assets/scripts/sidenavScript.js index 5ddd655..efb95ab 100644 --- a/assets/scripts/sidenavScript.js +++ b/assets/scripts/sidenavScript.js @@ -10,6 +10,7 @@ var backButton = $("#back_button"); function openNav() { sidenav.css("margin-left", "0"); + sidenav.css("overflow", "auto"); backButton.addClass("active_background"); enableHamburger(); menuOpen = true; @@ -22,6 +23,7 @@ function openNav() { */ function closeNav() { sidenav.css("margin-left", "-270px"); + sidenav.css("overflow", "hidden"); backButton.removeClass("active_background"); disableHamburger(); menuOpen = false; diff --git a/blouse.php b/blouse.php new file mode 100644 index 0000000..ecb1a50 --- /dev/null +++ b/blouse.php @@ -0,0 +1,10 @@ + +

La Blouse

+

Blouse!

+

diff --git a/coms.php b/coms.php index 3ac55b3..1fdd79c 100644 --- a/coms.php +++ b/coms.php @@ -5,20 +5,20 @@ ob_start(); // Start reading html

Voici la liste de toutes les coms de la semaine d'accueil, avec les contacts des responsables.

Tous les mails cités sur cette page se terminent par @etud.insa-toulouse.fr

FabCamp -

Text

+

Grande nouveauté cette année ! Le Fabcamp qu’est-ce que c’est ? Ce sera ton premier TP de l’INSA, tu seras dans un groupe de 4 ou 5 PPAs, face à un problème. Concrètement, nous on avait fait un truc similaire après la semaine d’accueil, on s’est retrouvé avec deux cartons de 1m50 x 1m50, et deux jours plus tard, il fallait que ces cartons soient devenus un fauteuil. Je peux te dire qu’on a pondu des fauteuils dignes d’Ikea mais avec des noms bien moins compliqués que leur dernier modèle SÖDERHAMN. Autant te dire que la S.H.Aise elle a supporté une Baptista Bomb donc vraiment des produits robustes ! Faudra que vous fassiez au moins aussi bien cette année ! Si t’as jamais mis la main à la pâte, si t’as jamais bricolé, bah ce sera une première ! Et comme on dit, y’a un début à tout !

diff --git a/includes/score_counter.php b/includes/score_counter.php new file mode 100644 index 0000000..9b85fdf --- /dev/null +++ b/includes/score_counter.php @@ -0,0 +1,25 @@ + +
+
+ +
+
/
+
+ +
+
\ No newline at end of file diff --git a/includes/sidenav.html b/includes/sidenav.html index c7b2547..999d1a8 100644 --- a/includes/sidenav.html +++ b/includes/sidenav.html @@ -1,10 +1,21 @@ diff --git a/includes/top_bar.html b/includes/top_bar.html index ec8592a..58ba7c6 100644 --- a/includes/top_bar.html +++ b/includes/top_bar.html @@ -5,6 +5,8 @@
+ + \ No newline at end of file diff --git a/index.php b/index.php index e1f4413..4263fe1 100644 --- a/index.php +++ b/index.php @@ -4,7 +4,7 @@ - + @@ -12,6 +12,7 @@ + Semaine d'Accueil 2018
@@ -22,12 +23,6 @@ include("includes/sidenav.html");

Semaine d'Accueil 2018

-

Ce site regroupe les informations les plus importantes pour que ta semaine d'accueil se déroule dans les - meilleures conditions.

-
-

Le menu en haut à gauche te permet d'accéder aux différentes pages du site, comme le Planning, - les informations sur le Parrainage, ou encore les Photos de la semaine !

-
diff --git a/infos.php b/infos.php index 1dfad25..1e79dc8 100644 --- a/infos.php +++ b/infos.php @@ -6,7 +6,7 @@ ob_start(); // Start reading html

Pour toute demande concernant ce site, merci de me contacter par Mail : vergnet

Pour toute demande concernant la semaine d'accueil, merci de contacter le Prez par Mail : aaaaa

+ class="fas fa-envelope"> Mail : bquintan

Pour toute demande concernant une activité/COM spécifique, allez sur la page des COMs pour contacter le responsable approprié.

diff --git a/stats.php b/stats.php new file mode 100644 index 0000000..f5ce9d7 --- /dev/null +++ b/stats.php @@ -0,0 +1,25 @@ + +

Stats

+ + + + + + + + + + + + + + +
USAURSS
LogPointsLogPoints
9h30
+ + + diff --git a/template.php b/template.php index 74334bf..c3e9c30 100644 --- a/template.php +++ b/template.php @@ -4,13 +4,13 @@ - + - + @@ -28,6 +28,10 @@ include("includes/sidenav.html"); + +
diff --git a/urss.html b/urss.html new file mode 100644 index 0000000..c6089d0 --- /dev/null +++ b/urss.html @@ -0,0 +1,10 @@ + + + + + Title + + + + + \ No newline at end of file diff --git a/usa.html b/usa.html new file mode 100644 index 0000000..032e892 --- /dev/null +++ b/usa.html @@ -0,0 +1,10 @@ + + + + + Title + + + + + \ No newline at end of file