Modification of all colours

Hamburger become Baguette
This commit is contained in:
Arthur 2019-05-24 21:40:30 +02:00
父節點 419cb0a7ee
當前提交 16116265bd
共有 8 個文件被更改,包括 52 次插入53 次删除

查看文件

@ -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;

查看文件

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

查看文件

@ -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{

查看文件

@ -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");
});

查看文件

@ -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();

查看文件

@ -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>

查看文件

@ -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>

查看文件

@ -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>