-
@@ -134,7 +133,6 @@
@@ -150,62 +148,30 @@
diff --git a/www/css/style.css b/www/css/style.css
index 5e7c6ae..f1c9b8f 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -304,7 +304,6 @@ footer a:hover {
/****************************/
.aProposBG {
background: url('../images/imageSR/Warframe0006.webp') center/cover fixed;
- width: 100vw;
height: 100vh;
}
@@ -352,7 +351,7 @@ footer a:hover {
width: 70ch;
margin: auto;
background-color: #726F9A;
- border-radius: 15px;
+ border-radius: 20px;
padding: 1em;
color: #E6ECF3;
overflow: none;
@@ -370,29 +369,89 @@ footer a:hover {
.aPropos #contactInfo {
background-color: #273A56;
padding: 1em;
- border-radius: 15px;
+ border-radius: 20px;
color: #E6ECF3;
}
-.aPropos a:link {
+.aPropos .grille {
+ display: grid;
+ grid-template-areas:
+ "titreAdresse contenuAdresse"
+ "titreInfo contenuInfo"
+ "titreTelephone contenuTelephone"
+ "titreCourriel contenuCourriel";
+ grid-template-columns: 1fr 2fr;
+}
+
+.aPropos .grille #titreAdresse {
+ grid-area: titreAdresse;
+ text-align: left;
+}
+
+.aPropos .grille #contenuAdresse {
+ grid-area: contenuAdresse;
+ text-align: right;
+}
+
+.aPropos .grille #titreInfo {
+ grid-area: titreInfo;
+ text-align: left;
+}
+
+.aPropos .grille #contenuInfo {
+ grid-area: contenuInfo;
+ text-align: right;
+}
+
+.aPropos .grille #titreTelephone {
+ grid-area: titreTelephone;
+ text-align: left;
+}
+
+.aPropos .grille #contenuTelephone {
+ grid-area: contenuTelephone;
+ text-align: right;
+}
+
+.aPropos .grille #titreCourriel {
+ grid-area: titreCourriel;
+ text-align: left;
+}
+
+.aPropos .grille #contenuCourriel {
+ grid-area: contenuCourriel;
+ text-align: right;
+}
+
+
+.aPropos .grille #contenuAdresse,
+.aPropos .grille #contenuInfo,
+.aPropos .grille #contenuTelephone,
+.aPropos .grille #contenuCourriel {
color: #E6ECF3;
font-weight: 800;
text-decoration: underline;
- text-align: right;
- float: right;
}
-.aPropos #mapsFrame {
- border-radius: 15px;
-}
-
-.aPropos a:visited {
+.aPropos .grille #contenuAdresse:hover,
+.aPropos .grille #contenuInfo:hover,
+.aPropos .grille #contenuTelephone:hover,
+.aPropos .grille #contenuCourriel:hover {
color: #c19f8a;
-
}
-.aPropos a:hover {
- color: #726F9A;
+
+/* Hide scrollbar for Chrome, Safari and Opera */
+.conteneurMaps::-webkit-scrollbar {
+ display: none;
+}
+/* Hide scrollbar for IE, Edge and Firefox */
+.conteneurMaps {
+ -ms-overflow-style: none; /* IE and Edge */
+ scrollbar-width: none; /* Firefox */
+}
+.aPropos #mapsFrame {
+ border-radius: 20px;
}
.aPropos .sidebyside label {
@@ -929,10 +988,11 @@ footer a:hover {
color: #ffefe5;
text-shadow: 2px 2px 2px #13172c;
}
+
.missions audio {
margin: 2em auto auto auto;
position: sticky;
- top:65px;
+ top: 65px;
left: 40vh;
width: 70vh;
text-align: center;
diff --git a/www/js/script.js b/www/js/script.js
index 671c3e9..89a5ba0 100644
--- a/www/js/script.js
+++ b/www/js/script.js
@@ -84,11 +84,37 @@ document.addEventListener("load", function(e) {
});
*/
+function timerBlur(){
+ var count = 3;
+ var timer2 = setInterval(function(){
+
+ if (count == 3) {
+ document.getElementById('logoAccueil').style.filter = "blur(3px)";
+
+ }
+ else if (count == 2)
+ {
+ document.getElementById('logoAccueil').style.filter = "blur(2px)";
+ }
+ else if (count == 1)
+ {
+ document.getElementById('logoAccueil').style.filter = "blur(1px)";
+ }
+ else if (count == 0)
+ {
+ document.getElementById('logoAccueil').style.filter = "";
+ clearInterval(timer2);
+ }
+ count--;
+ }, 350);
+
+}
function timerGlitch(){
var timer = setInterval(function(){
curSrc = document.getElementById('logoAccueil').getAttribute('src');
if (curSrc == 'images/LogoALT-F4_Nav.svg') {
+ timerBlur();
document.getElementById('logoAccueil').setAttribute('src', 'images/LogoAlt-F4_NavGlitch.svg')
}
else