Modification of all colours

Hamburger become Baguette
This commit is contained in:
Arthur 2019-05-24 21:40:30 +02:00
parent 419cb0a7ee
commit 16116265bd
8 changed files with 52 additions and 53 deletions

View file

@ -1,4 +1,4 @@
#hamburger { #baguette {
display: inline-block; display: inline-block;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
@ -143,7 +143,7 @@
-webkit-transform: rotate(45deg) translate(-10px, -10px); -webkit-transform: rotate(45deg) translate(-10px, -10px);
transform: rotate(45deg) translate(-10px, -10px); transform: rotate(45deg) translate(-10px, -10px);
} }
/* Mouse hovers the hamburger */ /* Mouse hovers the baguette */
.change-hover #bar2 { .change-hover #bar2 {
background-color: #254a33; background-color: #254a33;
@ -170,13 +170,13 @@
} }
.change-hover #bar8 { .change-hover #bar8 {
background-color: #114165; background-color: #e9b82f;
} }
.change-hover #bar9 { .change-hover #bar9 {
background-color: #114165; background-color: #e9b82f;
} }
/* Mouse clics the hamburger */ /* Mouse clics the baguette */
.change-clic #bar1 { .change-clic #bar1 {
opacity:0; opacity:0;

View file

@ -64,7 +64,7 @@
} }
.sidenav a .sidenav-content:hover { .sidenav a .sidenav-content:hover {
color: #114165; color: #e9b82f;
padding-left: 40px; padding-left: 40px;
} }

View file

@ -85,13 +85,13 @@ footer p {
a { a {
text-decoration: none; text-decoration: none;
color: #3a7eaa; color: #e9b82f;
text-shadow: none; text-shadow: none;
transition: 0.3s; transition: 0.3s;
} }
a:hover, a:focus { a:hover, a:focus {
text-shadow: 0 0 4px #1a5dad; text-shadow: 0 0 4px #bd8a39;
} }
strong { strong {
@ -406,7 +406,7 @@ Full-Width Styles
} }
.main-link:hover{ .main-link:hover{
color: rgba(17, 65, 101, 0.8); color: rgba(233, 184, 47, 0.8);
} }
#main-link-container{ #main-link-container{

View file

@ -1,30 +1,30 @@
let sidenav = $("#menuSidenav"); let sidenav = $("#menuSidenav");
let hamburger = $("#hamburger"); let baguette = $("#baguette");
let backButton = $("#back-button"); let backButton = $("#back-button");
let openedSidenavClass = 'sidenav-open'; let openedSidenavClass = 'sidenav-open';
let activeBackgroundClass = 'active-background'; let activeBackgroundClass = 'active-background';
/* /*
* Open navigation menu, change Hamburger icon to selected state * Open navigation menu, change Baguette icon to selected state
* and display the back button overlay over the page * and display the back button overlay over the page
*/ */
function openNav() { function openNav() {
sidenav.addClass(openedSidenavClass); sidenav.addClass(openedSidenavClass);
backButton.addClass(activeBackgroundClass); backButton.addClass(activeBackgroundClass);
enableHamburger(); enableBaguette();
} }
/* /*
* Close navigation menu, change Hamburger icon back to default state * Close navigation menu, change Baguette icon back to default state
* and hide the back button overlay * and hide the back button overlay
*/ */
function closeNav() { function closeNav() {
sidenav.removeClass(openedSidenavClass); sidenav.removeClass(openedSidenavClass);
backButton.removeClass(activeBackgroundClass); backButton.removeClass(activeBackgroundClass);
disableHamburger(); disableBaguette();
} }
@ -39,17 +39,17 @@ function toggleNav() {
} }
} }
function disableHamburger() { function disableBaguette() {
hamburger.removeClass("change-clic"); baguette.removeClass("change-clic");
} }
function enableHamburger() { function enableBaguette() {
hamburger.addClass("change-clic"); baguette.addClass("change-clic");
} }
// Animate hamburger on hover // Animate baguette on hover
hamburger.hover(function(){ baguette.hover(function(){
hamburger.addClass("change-hover"); baguette.addClass("change-hover");
}, function(){ }, function(){
hamburger.removeClass("change-hover"); baguette.removeClass("change-hover");
}); });

View file

@ -6,11 +6,11 @@
cas à véhiculer un quelconque message et condamnons toute action irrespectueuse. cas à véhiculer un quelconque message et condamnons toute action irrespectueuse.
</p> </p>
<p class="copyright"> <p class="copyright">
Ce site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la fréquentation de manière anonyme. Rendez Ce site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la fréquentation de manière anonyme. Rendez-
vous sur la page <a href="<?= $relativePath ?>info.php">info</a> pour plus de détails. vous sur la page <a href="<?= $relativePath ?>info.php">Infos</a> pour plus de détails.
</p> </p>
<p class="copyright">Contacter <a href='<?= $relativePath ?>info.php#beranger'>Béranger, le responsable de la semaine</a>, pour plus d'informations</p> <p class="copyright">Contacter <a href='<?= $relativePath ?>info.php#sarah'>Sarah, la responsable de la semaine</a>, pour plus d'informations</p>
<p class="copyright"> Site maintenu par Arthur Boivert</p> <p class="copyright"> Site maintenu par <a href='<?= $relativePath ?>info.php#arthur'>Arthur Boivert</a></p>
<p class="copyright"> <p class="copyright">
<script type="text/javascript"> <script type="text/javascript">
var d = new Date(); var d = new Date();

View file

@ -29,7 +29,7 @@ require_once $relativePath.'includes/score_functions.php';
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/style.css"> <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/sidenav.css"> <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/sidenav.css">
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/score.css"> <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/score.css">
<link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/hamburger.css"> <link rel="stylesheet" type="text/css" media="screen" href="<?= $relativePath ?>assets/css/baguette.css">
<link href="https://fonts.googleapis.com/css?family=Eagle+Lake|Raleway|Russo+One" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Eagle+Lake|Raleway|Russo+One" rel="stylesheet">
<link rel="shortcut icon" href="<?= $relativePath ?>favicon.ico"> <link rel="shortcut icon" href="<?= $relativePath ?>favicon.ico">
<title><?= $pageTitle ?> | INSAT Accueil 2019</title> <title><?= $pageTitle ?> | INSAT Accueil 2019</title>

View file

@ -1,5 +1,5 @@
<div id="header-top"> <div id="header-top">
<div id="hamburger" onclick="toggleNav()"> <div id="baguette" onclick="toggleNav()">
<div id="bar1"></div> <div id="bar1"></div>
<div id="bar2"></div> <div id="bar2"></div>
<div id="bar3"></div> <div id="bar3"></div>

View file

@ -9,38 +9,39 @@ ob_start(); // Start reading html
<p> <p>
Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/">Facebook</a> de la Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/">Facebook</a> de la
semaine. On y postera des infos sur les événements à venir. semaine. On y postera des infos sur les événements à venir.
Mais on a pensé à ceux qui n'ont pas les réseaux sociaux, c'est pourquoi je vais essayer de mettre les infos sur
le
site aussi.
</p> </p>
<br id="arnaud"> <br id="sarah">
<h5>Si t'as des questions à propos du site, tu peux m'envoyer des mails (pas trop quand même) :</h5> <h5>Pour les questions concernant la semaine, adresse-toi directement à la Prez, elle saura sûrement t'aider :</h5>
<ul> <ul>
<li> <li>
<strong>Mail :</strong> vergnet<span class="fas fa-envelope"></span>etud.insa-toulouse.fr <strong>Mail :</strong> rahmouni@etud.insa-toulouse.fr (ou sarlopez1998@gmail.com)
</li> </li>
<li> <li>
<strong>Facebook :</strong> Arnaud Vergnet <strong>Tel :</strong> 061306631
</li>
<li>
<strong>Facebook :</strong> Sarah Rahmouni
</li> </li>
</ul> </ul>
<br id="beranger"> <br id="arthur">
<h5>Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h5> <h5>Sinon, pour des questions à propos du site :</h5>
<ul> <ul>
<li> <li>
<strong>Mail :</strong> bquintan<span class="fas fa-envelope"></span>etud.insa-toulouse.fr <strong>Mail :</strong> aboivert.sa@gmail.com
</li> </li>
<br id="arnaud">
<li> <li>
<strong>Tel :</strong> +33 6 95 35 65 26 Sinon y'a Arnaud, le créateur du site, mais il est au Canada donc il pourra pas trop te répondre (vergnet
</li> @etud.insa-toulouse.fr ou Arnaud Vergnet sur Facebook)
<li>
<strong>Facebook :</strong> Béranger Qtn
</li> </li>
</ul> </ul>
<br> <br>
<h6>Sinon, si tu veux des infos à propos d'une activité/COM spécifique, va sur la page des <a <h6>Sinon, si tu veux des infos à propos d'une activité/Com spécifique, va sur la page des <a
href="coms.php">COMs</a> href="coms.php">Com's</a>
pour pour
contacter le responsable. contacter les responsables.
</h6> </h6>
<br> <br>
<p> <p>
@ -72,14 +73,12 @@ ob_start(); // Start reading html
<h1>Vie Privée</h1> <h1>Vie Privée</h1>
<p> <p>
Je mets juste ça ici au cas . Le site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la Le site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la
fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles (c'est la première fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles ainsi que ton pays
année d'origine (pour voir si les étrangers ont reçu les info). Pour ne pas
qu'on fait un site) ainsi que ton pays d'origine (pour voir si les étrangers ont reçu les info). Pour ne pas être traqué, tu peux simplement activer l'option "Indiquer aux sites que je
être ne souhaite pas être traqué" de ton navigateur.
traqué, activez simplement l'option "Indiquer aux sites que je ne souhaite pas être traqué" de votre navigateur. Si jamais ça marche pas, envoie-un mail.
Si
jamais vous avez des problèmes, contactez-moi comme expliqué ci-dessus.
</p> </p>
</div> </div>