forked from rebillar/site-accueil-insa
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;
|
||||
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>
|
||||
|
|
49
info.php
49
info.php
|
@ -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 là 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 où. 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>
|
||||
|
||||
|
|
Loading…
Reference in a new issue