Modification of all colours
Hamburger become Baguette
This commit is contained in:
parent
419cb0a7ee
commit
16116265bd
8 changed files with 52 additions and 53 deletions
|
@ -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;
|
|
@ -64,7 +64,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidenav a .sidenav-content:hover {
|
.sidenav a .sidenav-content:hover {
|
||||||
color: #114165;
|
color: #e9b82f;
|
||||||
padding-left: 40px;
|
padding-left: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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{
|
||||||
|
|
|
@ -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");
|
||||||
});
|
});
|
|
@ -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();
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
49
info.php
49
info.php
|
@ -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 là 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 où. 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>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue