diff --git a/img/404.png b/assets/img/404.png similarity index 100% rename from img/404.png rename to assets/img/404.png diff --git a/assets/img/blackandwhite.png b/assets/img/blackandwhite.png new file mode 100644 index 0000000..9cb2867 Binary files /dev/null and b/assets/img/blackandwhite.png differ diff --git a/img/icone.ico b/assets/img/icone.ico similarity index 100% rename from img/icone.ico rename to assets/img/icone.ico diff --git a/img/icone.png b/assets/img/icone.png similarity index 100% rename from img/icone.png rename to assets/img/icone.png diff --git a/html/404.html b/html/404.html index b0bda93..5f1e3b0 100644 --- a/html/404.html +++ b/html/404.html @@ -5,7 +5,7 @@ Rien - + Choisir un manuel à afficher \ No newline at end of file diff --git a/html/cookie.html b/html/cookie.html new file mode 100644 index 0000000..7118374 --- /dev/null +++ b/html/cookie.html @@ -0,0 +1,26 @@ + + + + + + + Document + + + + + + + \ No newline at end of file diff --git a/html/testlivre.html b/html/testlivre.html deleted file mode 100644 index d40852a..0000000 --- a/html/testlivre.html +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - Document - - - - - \ No newline at end of file diff --git a/index.html b/index.html index b1c96e0..ba3da15 100644 --- a/index.html +++ b/index.html @@ -5,12 +5,17 @@ Manuel + - +
+
+ blackandwhite +
+
@@ -62,6 +67,12 @@
+
+
+ +
+
+
@@ -90,33 +101,37 @@ var page2 = 2; var nbpage = document.getElementById("nbpage"); - function editionchoisie() { var editionchoisie = document.getElementsByName("edition")[0].value; + var slider = document.getElementById("slider"); if (editionchoisie == 'hachette') { console.log("hachette"); document.getElementById("editionesthcoisieest").innerHTML = ""; - diviframe.style.display = '' - divimg.style.display = 'none' + diviframe.style.display = ''; + slider.style.display = ''; + divimg.style.display = 'none'; } else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) { console.log("DH"); document.getElementById("editionesthcoisieest").innerHTML = ""; - diviframe.style.display = '' - divimg.style.display = 'none' + diviframe.style.display = ''; + slider.style.display = ''; + divimg.style.display = 'none'; } else if (editionchoisie == 'belin') { console.log("belin"); document.getElementById("editionesthcoisieest").innerHTML = "ca bug encore"; - diviframe.style.display = 'none' - divimg.style.display = '' + diviframe.style.display = 'none'; + slider.style.display = 'none'; + divimg.style.display = ''; } else { document.getElementById("editionesthcoisieest").innerHTML = "⚠ Cette édition n'est pas encore supportée ⚠"; - diviframe.style.display = 'none' - divimg.style.display = 'none' + diviframe.style.display = 'none'; + divimg.style.display = 'none'; + slider.style.display = 'none'; } } @@ -124,7 +139,7 @@ function urlachanger() { var code = document.getElementById("code").value; var editionchoisie = document.getElementsByName("edition")[0].value; - changerURL(code, editionchoisie) + changerURL(code, editionchoisie); } function changerURL(code, editionchoisie) { @@ -150,7 +165,6 @@ } - url1 = newUrl1; url2 = newUrl2; page1 = 1; @@ -160,9 +174,9 @@ function pageachanger(delta) { console.log("pageachanger"); var editionchoisie = document.getElementsByName("edition")[0].value; - changerPage(delta, editionchoisie) + changerPage(delta, editionchoisie); } - + function changerPage(delta, editionchoisie) { if (editionchoisie == 'hachette') { console.log("hachette"); @@ -223,10 +237,76 @@ function changerNBpage() { var nbpage = document.getElementById("nbpage").value; - nbtochange = nbpage - page1 - changerPage(nbtochange) + nbtochange = nbpage - page1; + changerPage(nbtochange); } + + + + + + \ No newline at end of file diff --git a/style.css b/style.css index 87d0672..804ad1a 100644 --- a/style.css +++ b/style.css @@ -1,20 +1,34 @@ +:root { + --ecriture: black; + --background: white; + --police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; +} + +html { + color-scheme: dark !important; + background: var(--background); + color: var(--ecriture); + font-size: 1.5rem; + font-family: var(--police); +} + body { - font-family: Arial, sans-serif; + font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 1.5; - background-color: #f2f2f2; + background-color: var(--background); } #iframe { display: flex; - height: 810px; margin: 5px; + background-color: transparent; } #img { display: flex; margin: 5px; - width: 50%; + background-color: transparent; } img { @@ -22,7 +36,8 @@ img { } iframe { - width: 100%; + width: 553px; + height: 794px; } label { @@ -38,6 +53,7 @@ input[type="text"] { font-size: 16px; line-height: 1.5; width: 300px; + border-color: rgb(62, 68, 70); } input[type="radio"] { @@ -76,4 +92,8 @@ button:last-child { h1 { font-size: 15px; +} + +a { + color: #3391ff; } \ No newline at end of file