noham/Legere
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes

Browse Source
This commit is contained in:
√(noham)²
2023-04-07 23:15:56 +02:00
parent 6c30975f67
commit ebe21a776f
20 changed files with 396 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
templates/template.html
View File

@@ -8,21 +8,18 @@
<title>{% block title %} {% endblock %}</title>
<link href="{{ url_for('static', filename='css/common.css') }}" rel="stylesheet" />
<link rel="shortcut icon" href="../static/img/logo2.ico" type="image/x-icon">
</head>
<body>
<body onload="checkCookie(), checkCookie2()">
<nav>
<table id="menu">
<tr>
<td class='menuItem'><a href="{{ url_for('main') }}"><img src="../static/img/logo.png" alt="logo" width="50rem"
height="50rem" style="margin: 15px;"></a></td>
<td class='menuItem'><a href="{{ url_for('liste') }}">Lire des histoires</a></td>
<td class='menuItem'><a href="{{ url_for('nouvelle') }}">Publier une histoire</a></td>
<td class="menuItem"><a href="{{ url_for('don') }}"><img src="../static/img/paypal-logo.png" alt="paypal-logo"
style="max-width: 50px; max-height: 50px; margin: 15px;"></a></td>
<td class="menuItem"><a href="{{ url_for('paypal') }}"><img src="../static/img/paypal-logo.png"
alt="paypal-logo" style="max-width: 50px; max-height: 50px; margin: 15px;"></a></td>
<td class="menuItem2">
<div class="changeTheme"><img src="../static/img/blackandwhite.png" alt="blackandwhite"
style="max-width: 50px; max-height: 50px; margin: 10px;"></div>
@@ -30,7 +27,7 @@
</div>
<div class="slider">
<div id="glissière" onclick="taille()" class="col">
<input id="entree" type="range" oninput="taille()" min="100" max="300" class="slider">
<input id="entree" type="range" oninput="taille()" min="75" max="300" class="slider">
</div>
</div>
</td>
@@ -43,37 +40,73 @@
</div>
</div>
<script>
const switchThemeBtn = document.querySelector('.changeTheme')
let toggleTheme = 0;
let toggle2Theme = 0;
var darkMode = getCookie("dark-mode");
var dyslexiqueMode = getCookie("dyslexique-mode")
function getCookie(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length == 2) return parts.pop().split(";").shift();
}
// cookie pour le mode sombre
function checkCookie() {
if (darkMode == "true") {
document.documentElement.style.setProperty('--ecriture', '#f1f1f1');
document.documentElement.style.setProperty('--background', '#262626');
toggleTheme--;
} else if (darkMode == "false") {
document.documentElement.style.setProperty('--ecriture', '#262626');
document.documentElement.style.setProperty('--background', '#f1f1f1');
}
}
// cookie pour le mode dyslexique
function checkCookie2() {
if (dyslexiqueMode == "true") {
document.documentElement.style.setProperty('--police', "OpenDyslexic");
toggle2Theme--;
} else if (dyslexiqueMode == "false") {
document.documentElement.style.setProperty('--police', "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif");
}
}
// mode sombre
const switchThemeBtn = document.querySelector('.changeTheme')
switchThemeBtn.addEventListener('click', () => {
if (toggleTheme === 0) {
document.documentElement.style.setProperty('--ecriture', '#f1f1f1');
document.documentElement.style.setProperty('--background', '#262626');
document.cookie = "dark-mode=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
toggleTheme--;
} else {
document.documentElement.style.setProperty('--ecriture', '#262626');
document.documentElement.style.setProperty('--background', '#f1f1f1');
document.cookie = "dark-mode=false; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
toggleTheme++;
}
})
</script>
<script>
// mode dyslexique
const switchFontBtn = document.querySelector('.changeFont')
let toggle2Theme = 0;
switchFontBtn.addEventListener('click', () => {
if (toggle2Theme === 0) {
document.documentElement.style.setProperty('--police', "OpenDyslexic");
document.cookie = "dyslexique-mode=true; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
toggle2Theme--;
} else {
document.documentElement.style.setProperty('--police', "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif");
document.cookie = "dyslexique-mode=false; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/";
toggle2Theme++;
}
})
</script>
<script>
// entrer pour plein écran
function toggleFullScreen() {
if (!document.fullscreenElement) {
document.documentElement.requestFullscreen();
@@ -81,35 +114,14 @@
document.exitFullscreen();
}
}
document.addEventListener("keydown", (e) => {
if (e.key === "Enter") {
toggleFullScreen();
}
}, false);
</script>
<!-- <script>
function taille() {
var entree = document.getElementById("entree");
var elementpage = document.getElementById("changingfontsize");
elementpage.style.fontSize = entree.value / 100 + "rem"
}
</script> -->
<!-- <script>
function taille2() {
var entree2 = document.getElementById("entree");
var parentDOM = document.getElementById("content");
var testTarget = parentDOM.getElementsByClassName("changingfontsize")[0];
testTarget.style.fontSize = entree2.value / 100 + "rem"
}
</script> -->
<script>
// slider taille police d'écriture
function taille() {
var entree = document.getElementById("entree");
var entree2 = document.getElementById("entree");
@@ -121,8 +133,6 @@
testTarget.style.fontSize = entree2.value / 130 + "rem"
}
</script>
</body>
</html>