G Pas
This commit is contained in:
parent
2845c34b15
commit
9a4342a3ad
3 changed files with 68 additions and 0 deletions
|
@ -47,4 +47,13 @@ a:hover {
|
|||
img.lesgv.hero {
|
||||
margin: 0 auto;
|
||||
max-height: 35vh;
|
||||
}
|
||||
|
||||
div.card {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
div.card-header {
|
||||
transform: rotate(180deg);
|
||||
writing-mode: vertical-lr;
|
||||
}
|
|
@ -18,3 +18,61 @@ if (document.getElementById('menu-checkbox')) {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
let toggle = document.querySelector('#jour-nuit');
|
||||
|
||||
function lesgvGoDark(toggle) {
|
||||
localStorage.removeItem('lightmode');
|
||||
localStorage.setItem('darkmode', true);
|
||||
toggle.innerText = 'Nuit';
|
||||
document.body.classList.add('darkmode');
|
||||
}
|
||||
|
||||
function lesgvGoLight(toggle) {
|
||||
localStorage.removeItem('darkmode');
|
||||
localStorage.setItem('lightmode', true);
|
||||
toggle.innerText = 'Jour';
|
||||
document.body.classList.remove('darkmode');
|
||||
}
|
||||
|
||||
function toggleDarkmode() {
|
||||
let toggle = document.querySelector('#jour-nuit');
|
||||
if (document.body.classList.contains('darkmode')) {
|
||||
lesgvGoLight(toggle);
|
||||
} else {
|
||||
lesgvGoDark(toggle);
|
||||
}
|
||||
}
|
||||
|
||||
toggle.addEventListener('click', function(e) {
|
||||
if (document.body.classList.contains('darkmode')) {
|
||||
lesgvGoLight(toggle);
|
||||
} else {
|
||||
lesgvGoDark(toggle);
|
||||
}
|
||||
});
|
||||
|
||||
// Turn the theme off if the 'darkmode' key exists in localStorage
|
||||
if (localStorage.getItem('darkmode')) {
|
||||
lesgvGoDark(toggle);
|
||||
} else if (localStorage.getItem('lightmode')) {
|
||||
lesgvGoLight(toggle);
|
||||
} else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
||||
lesgvGoDark(toggle);
|
||||
}
|
||||
|
||||
|
||||
window.addEventListener(
|
||||
"pagehide",
|
||||
(event) => {
|
||||
if (toggle) {
|
||||
if (document.body.classList.contains('darkmode')) {
|
||||
lesgvGoDark(toggle);
|
||||
} else {
|
||||
lesgvGoLight(toggle);
|
||||
}
|
||||
}
|
||||
},
|
||||
false,
|
||||
);
|
|
@ -55,6 +55,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li> < <a href="#" class="jour-nuit" id="jour-nuit">Jour et nuit</a></li>
|
||||
{{template "admenu" .}}
|
||||
</ul>
|
||||
|
||||
|
|
Loading…
Reference in a new issue