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

View file

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

View file

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

View file

@ -1,30 +1,30 @@
let sidenav = $("#menuSidenav");
let hamburger = $("#hamburger");
let baguette = $("#baguette");
let backButton = $("#back-button");
let openedSidenavClass = 'sidenav-open';
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
*/
function openNav() {
sidenav.addClass(openedSidenavClass);
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
*/
function closeNav() {
sidenav.removeClass(openedSidenavClass);
backButton.removeClass(activeBackgroundClass);
disableHamburger();
disableBaguette();
}
@ -39,17 +39,17 @@ function toggleNav() {
}
}
function disableHamburger() {
hamburger.removeClass("change-clic");
function disableBaguette() {
baguette.removeClass("change-clic");
}
function enableHamburger() {
hamburger.addClass("change-clic");
function enableBaguette() {
baguette.addClass("change-clic");
}
// Animate hamburger on hover
hamburger.hover(function(){
hamburger.addClass("change-hover");
// Animate baguette on hover
baguette.hover(function(){
baguette.addClass("change-hover");
}, 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.
</p>
<p class="copyright">
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.
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">Infos</a> pour plus de détails.
</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"> Site maintenu par Arthur Boivert</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 <a href='<?= $relativePath ?>info.php#arthur'>Arthur Boivert</a></p>
<p class="copyright">
<script type="text/javascript">
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/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/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 rel="shortcut icon" href="<?= $relativePath ?>favicon.ico">
<title><?= $pageTitle ?> | INSAT Accueil 2019</title>

View file

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

View file

@ -9,38 +9,39 @@ ob_start(); // Start reading html
<p>
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.
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>
<br id="arnaud">
<h5>Si t'as des questions à propos du site, tu peux m'envoyer des mails (pas trop quand même) :</h5>
<br id="sarah">
<h5>Pour les questions concernant la semaine, adresse-toi directement à la Prez, elle saura sûrement t'aider :</h5>
<ul>
<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>
<strong>Facebook :</strong> Arnaud Vergnet
<strong>Tel :</strong> 061306631
</li>
<li>
<strong>Facebook :</strong> Sarah Rahmouni
</li>
</ul>
<br id="beranger">
<h5>Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h5>
<br id="arthur">
<h5>Sinon, pour des questions à propos du site :</h5>
<ul>
<li>
<strong>Mail :</strong> bquintan<span class="fas fa-envelope"></span>etud.insa-toulouse.fr
<strong>Mail :</strong> aboivert.sa@gmail.com
</li>
<br id="arnaud">
<li>
<strong>Tel :</strong> +33 6 95 35 65 26
</li>
<li>
<strong>Facebook :</strong> Béranger Qtn
Sinon y'a Arnaud, le créateur du site, mais il est au Canada donc il pourra pas trop te répondre (vergnet
@etud.insa-toulouse.fr ou Arnaud Vergnet sur Facebook)
</li>
</ul>
<br>
<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>
<h6>Sinon, si tu veux des infos à propos d'une activité/Com spécifique, va sur la page des <a
href="coms.php">Com's</a>
pour
contacter le responsable.
contacter les responsables.
</h6>
<br>
<p>
@ -72,14 +73,12 @@ ob_start(); // Start reading html
<h1>Vie Privée</h1>
<p>
Je mets juste ça ici au cas . 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
année
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é, activez simplement l'option "Indiquer aux sites que je ne souhaite pas être traqué" de votre navigateur.
Si
jamais vous avez des problèmes, contactez-moi comme expliqué ci-dessus.
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 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
ne souhaite pas être traqué" de ton navigateur.
Si jamais ça marche pas, envoie-un mail.
</p>
</div>