mirror of
https://github.com/NohamR/Manuel.git
synced 2025-05-24 00:49:10 +00:00
Changes
This commit is contained in:
NohamR
parent
5f29e68f1d
commit
45bdf02dbe
69
index.html
69
index.html
@ -41,10 +41,10 @@
|
||||
<option value="hachette">Hachette</option>
|
||||
<option value="didier">Didier</option>
|
||||
<option value="hatier">Hatier</option>
|
||||
<option value="belin">Belin</option>
|
||||
<option value="belin" selected>Belin</option>
|
||||
<option value="LLS">LeLivreScolaire</option>
|
||||
<option value="sesa">Sesamath</option>
|
||||
<option value="magnard" selected>Magnard</option>
|
||||
<option value="magnard">Magnard</option>
|
||||
<option value="delagrave">Delagrave</option>
|
||||
|
||||
</select>
|
||||
@ -107,7 +107,7 @@
|
||||
|
||||
<div class="slider">
|
||||
<div id="glissière" onclick="taille()" class="col">
|
||||
<input id="slider" type="range" oninput="taille()" min="579" max="1200" class="slider" value="579">
|
||||
<input id="slider" type="range" oninput="taille()" min="30" max="200" class="slider" value="50">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -131,7 +131,7 @@
|
||||
<img id="myimg2" src="assets/img/404.png">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div id="changepagebutton">
|
||||
<button onclick="pageachanger(-2)">← Page précédente</button>
|
||||
<button onclick="pageachanger(2)">Page suivante →</button>
|
||||
</div>
|
||||
@ -161,6 +161,8 @@
|
||||
slider.style.display = '';
|
||||
divimg.style.display = 'none';
|
||||
divserver.style.display = 'none';
|
||||
document.documentElement.style.setProperty('--iframe-width', '560px');
|
||||
document.documentElement.style.setProperty('--iframe-height', '800px');
|
||||
|
||||
}
|
||||
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
|
||||
@ -170,12 +172,14 @@
|
||||
slider.style.display = '';
|
||||
divimg.style.display = 'none';
|
||||
divserver.style.display = 'none';
|
||||
document.documentElement.style.setProperty('--iframe-width', '1426px');
|
||||
document.documentElement.style.setProperty('--iframe-height', '2048px');
|
||||
}
|
||||
else if (editionchoisie == 'belin') {
|
||||
console.log("Belin");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "ca bug encore";
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||
diviframe.style.display = 'none';
|
||||
slider.style.display = 'none';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = '';
|
||||
divserver.style.display = 'none';
|
||||
}
|
||||
@ -183,7 +187,7 @@
|
||||
console.log("LLS");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||
diviframe.style.display = 'none';
|
||||
slider.style.display = 'none';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = '';
|
||||
divserver.style.display = 'none';
|
||||
}
|
||||
@ -191,7 +195,7 @@
|
||||
console.log("sesa");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||
diviframe.style.display = 'none';
|
||||
slider.style.display = 'none';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = '';
|
||||
divserver.style.display = 'none';
|
||||
}
|
||||
@ -202,6 +206,16 @@
|
||||
slider.style.display = '';
|
||||
divimg.style.display = 'none';
|
||||
divserver.style.display = '';
|
||||
document.documentElement.style.setProperty('--iframe-width', '1540px');
|
||||
document.documentElement.style.setProperty('--iframe-height', '2050px');
|
||||
}
|
||||
else if (editionchoisie == 'delagrave') {
|
||||
console.log("magnard");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "Le serveur n°1 devrait marcher mais au cas où les autres sont dispos.";
|
||||
diviframe.style.display = '';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = 'none';
|
||||
divserver.style.display = '';
|
||||
}
|
||||
else {
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "⚠ Cette édition n'est pas encore supportée ⚠";
|
||||
@ -265,6 +279,13 @@
|
||||
iframe1.src = newUrl1;
|
||||
iframe2.src = newUrl2;
|
||||
}
|
||||
// https://storage.libmanuels.fr/Delagrave/specimen/9782206103983/8/OEBPS/page005.xhtml
|
||||
else if (editionchoisie == 'delagrave') {
|
||||
var newUrl1 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page002.xhtml?interface=postMessage";
|
||||
var newUrl2 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page003.xhtml?interface=postMessage";
|
||||
iframe1.src = newUrl1;
|
||||
iframe2.src = newUrl2;
|
||||
}
|
||||
else {
|
||||
|
||||
}
|
||||
@ -301,8 +322,8 @@
|
||||
nbpage.value = page1;
|
||||
}
|
||||
// page1.jpg
|
||||
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier') || (editionchoisie == 'belin')) {
|
||||
// console.log("hatier ou didier");
|
||||
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
|
||||
console.log("hatier ou didier ou belin");
|
||||
page1 += delta;
|
||||
page2 += delta;
|
||||
if (page1 < 1) {
|
||||
@ -319,6 +340,24 @@
|
||||
iframe2.src = url2.replace(/page\d+/, "page" + page2);
|
||||
nbpage.value = page1;
|
||||
}
|
||||
else if (editionchoisie == 'belin') {
|
||||
console.log("belin");
|
||||
page1 += delta;
|
||||
page2 += delta;
|
||||
if (page1 < 1) {
|
||||
page1 = 1;
|
||||
} else if (page1 > 600) {
|
||||
page1 = 600;
|
||||
}
|
||||
if (page2 < 1) {
|
||||
page2 = 2;
|
||||
} else if (page2 > 600) {
|
||||
page2 = 600;
|
||||
}
|
||||
img1.src = url1.replace(/page\d+/, "page" + page1);
|
||||
img2.src = url2.replace(/page\d+/, "page" + page2);
|
||||
nbpage.value = page1
|
||||
}
|
||||
// print/14.jpg
|
||||
else if (editionchoisie == 'LLS') {
|
||||
// console.log("LLS");
|
||||
@ -362,7 +401,7 @@
|
||||
nbpage.value = page1;
|
||||
}
|
||||
// /page003.xhtml?interface=postMessage"
|
||||
else if (editionchoisie == 'magnard') {
|
||||
else if ((editionchoisie == 'magnard') || (editionchoisie == 'delagrave')) {
|
||||
// console.log("magnard");
|
||||
page1 += delta;
|
||||
page2 += delta;
|
||||
@ -398,12 +437,7 @@
|
||||
<script>
|
||||
function taille() {
|
||||
var entree = document.getElementById("slider");
|
||||
var myframe1 = document.getElementById("myframe1");
|
||||
var myframe2 = document.getElementById("myframe2");
|
||||
myframe1.style.width = entree.value + "px";
|
||||
myframe1.style.height = entree.value * 1.4 + "px";
|
||||
myframe2.style.width = entree.value + "px";
|
||||
myframe2.style.height = entree.value * 1.4 + "px";
|
||||
document.documentElement.style.setProperty('--scalenb', entree.value/100)
|
||||
}
|
||||
</script>
|
||||
|
||||
@ -465,7 +499,6 @@
|
||||
// mode sombre
|
||||
const switchThemeBtn = document.querySelector('.changeTheme')
|
||||
switchThemeBtn.addEventListener('click', () => {
|
||||
|
||||
// mode sombre
|
||||
if (toggleTheme === 0) {
|
||||
document.documentElement.style.setProperty('--color-scheme', 'dark')
|
||||
|
||||
541
index2.html
541
index2.html
@ -1,541 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Manuel</title>
|
||||
<link rel="stylesheet" href="style2.css">
|
||||
<link rel="shortcut icon" href="assets/img/icone.ico" type="image/x-icon">
|
||||
<!-- <script src="js.js"></script> -->
|
||||
<meta name="viewport" content="width=device-width">
|
||||
</head>
|
||||
|
||||
<body onload="editionchoisie(), checkCookie()">
|
||||
|
||||
|
||||
<div id="firstbutton">
|
||||
<div class="changeTheme">
|
||||
<img src="assets/img/blackandwhite.png" alt="blackandwhite"
|
||||
style="max-width: 50px; max-height: 50px; margin: 10px;">
|
||||
</div>
|
||||
|
||||
<!-- <div class="changeTheme">
|
||||
<img src="assets/img/blackandwhite.png" alt="blackandwhite"
|
||||
style="max-width: 50px; max-height: 50px; margin: 10px;" onclick="capture()">
|
||||
</div> -->
|
||||
|
||||
<div>
|
||||
<label for="code">Entrez le code :</label>
|
||||
<input type="text" id="code" name="code" value="9782017102106">
|
||||
<button onclick="urlachanger()">Changer de livre</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="nbpage">Entrez la page :</label>
|
||||
<input type="text" id="nbpage" name="nbpage" value="1" onchange="changerNBpage()">
|
||||
<button onclick="changerNBpage()">Changer la page du livre</button>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="edition">Choisissez une édition :</label>
|
||||
<select name="edition" id="edition-select" onchange="editionchoisie()">
|
||||
<option value="hachette">Hachette</option>
|
||||
<option value="didier">Didier</option>
|
||||
<option value="hatier">Hatier</option>
|
||||
<option value="belin" selected>Belin</option>
|
||||
<option value="LLS">LeLivreScolaire</option>
|
||||
<option value="sesa">Sesamath</option>
|
||||
<option value="magnard">Magnard</option>
|
||||
<option value="delagrave">Delagrave</option>
|
||||
|
||||
</select>
|
||||
<p id="editionesthcoisieest"></p>
|
||||
</div>
|
||||
|
||||
<div id="server">
|
||||
<label for="server">Choisissez un server :</label>
|
||||
<select name="server">
|
||||
<option value="1" selected>1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
<option value="7">7</option>
|
||||
<option value="8">8</option>
|
||||
<option value="9">9</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<a href="rechercher2.html">Cherche ton code ici</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h1>Liens rapides :</h1>
|
||||
<button onclick="changerURL(9782017102106, 'hachette')">
|
||||
<h1>Declic Maths 1re</h1>
|
||||
</button>
|
||||
<button onclick="changerURL(9782017102120, 'hachette')">
|
||||
<h1>Physique Chimie 1re</h1>
|
||||
</button>
|
||||
<button onclick="changerURL(9782017102243, 'hachette')">
|
||||
<h1>Mitreden Allemand 1re</h1>
|
||||
</button>
|
||||
<button onclick="changerURL(9782401090132, 'hatier')">
|
||||
<h1>Manuel HB test</h1>
|
||||
</button>
|
||||
<button onclick="changerURL('1ere/histoire-premiere', 'belin')">
|
||||
<h1>Histoire (belin)</h1>
|
||||
</button>
|
||||
|
||||
<button onclick="changerURL('1ere/geographie-premiere', 'belin')">
|
||||
<h1>Geographie (belin)</h1>
|
||||
</button>
|
||||
|
||||
<button onclick="changerURL('48453088', 'LLS')">
|
||||
<h1>ES (LLS)</h1>
|
||||
</button>
|
||||
|
||||
<button onclick="changerURL('ms6_2013', 'sesa')">
|
||||
<h1>Manuel 6e (Sesa)</h1>
|
||||
</button>
|
||||
|
||||
<button onclick="changerURL('9782210113183', 'magnard')">
|
||||
<h1>Magnard test</h1>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="slider">
|
||||
<div id="glissière" onclick="taille()" class="col">
|
||||
<input id="slider" type="range" oninput="taille()" min="30" max="200" class="slider" value="50">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="iframe">
|
||||
<div id="iframe-1">
|
||||
<div class="iframe-div-1">
|
||||
<iframe id="myframe1"
|
||||
src="https://storage.libmanuels.fr/Magnard/specimen/9782210113183/9/OEBPS/page003.xhtml?interface=postMessage"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div id="iframe-2">
|
||||
<div class="iframe-div-2">
|
||||
<iframe id="myframe2"
|
||||
src="https://storage.libmanuels.fr/Magnard/specimen/9782210113183/9/OEBPS/page003.xhtml?interface=postMessage"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="img">
|
||||
<img id="myimg1" src="assets/img/404.png">
|
||||
<img id="myimg2" src="assets/img/404.png">
|
||||
</div>
|
||||
|
||||
<div id="changepagebutton">
|
||||
<button onclick="pageachanger(-2)">← Page précédente</button>
|
||||
<button onclick="pageachanger(2)">Page suivante →</button>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var iframe1 = document.getElementById("myframe1");
|
||||
var iframe2 = document.getElementById("myframe2");
|
||||
var diviframe = document.getElementById("iframe")
|
||||
var img1 = document.getElementById("myimg1");
|
||||
var img2 = document.getElementById("myimg2")
|
||||
var divimg = document.getElementById("img");
|
||||
var divserver = document.getElementById("server")
|
||||
var url1 = iframe1.src;
|
||||
var url2 = iframe2.src;
|
||||
var page1 = 1;
|
||||
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 = '';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = 'none';
|
||||
divserver.style.display = 'none';
|
||||
document.documentElement.style.setProperty('--iframe-width', '560px');
|
||||
document.documentElement.style.setProperty('--iframe-height', '800px');
|
||||
|
||||
}
|
||||
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
|
||||
console.log("Didier ou Hatier");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||
diviframe.style.display = '';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = 'none';
|
||||
divserver.style.display = 'none';
|
||||
document.documentElement.style.setProperty('--iframe-width', '1426px');
|
||||
document.documentElement.style.setProperty('--iframe-height', '2048px');
|
||||
}
|
||||
else if (editionchoisie == 'belin') {
|
||||
console.log("Belin");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||
diviframe.style.display = 'none';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = '';
|
||||
divserver.style.display = 'none';
|
||||
}
|
||||
else if (editionchoisie == 'LLS') {
|
||||
console.log("LLS");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||
diviframe.style.display = 'none';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = '';
|
||||
divserver.style.display = 'none';
|
||||
}
|
||||
else if (editionchoisie == 'sesa') {
|
||||
console.log("sesa");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "";
|
||||
diviframe.style.display = 'none';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = '';
|
||||
divserver.style.display = 'none';
|
||||
}
|
||||
else if (editionchoisie == 'magnard') {
|
||||
console.log("magnard");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "Le serveur n°1 devrait marcher mais au cas où les autres sont dispos.";
|
||||
diviframe.style.display = '';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = 'none';
|
||||
divserver.style.display = '';
|
||||
document.documentElement.style.setProperty('--iframe-width', '1540px');
|
||||
document.documentElement.style.setProperty('--iframe-height', '2050px');
|
||||
}
|
||||
else if (editionchoisie == 'delagrave') {
|
||||
console.log("magnard");
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "Le serveur n°1 devrait marcher mais au cas où les autres sont dispos.";
|
||||
diviframe.style.display = '';
|
||||
slider.style.display = '';
|
||||
divimg.style.display = 'none';
|
||||
divserver.style.display = '';
|
||||
}
|
||||
else {
|
||||
document.getElementById("editionesthcoisieest").innerHTML = "⚠ Cette édition n'est pas encore supportée ⚠";
|
||||
diviframe.style.display = 'none';
|
||||
divimg.style.display = 'none';
|
||||
slider.style.display = 'none';
|
||||
divserver.style.display = 'none';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function urlachanger() {
|
||||
var code = document.getElementById("code").value;
|
||||
var editionchoisie = document.getElementsByName("edition")[0].value;
|
||||
changerURL(code, editionchoisie);
|
||||
}
|
||||
|
||||
function changerURL(code, editionchoisie) {
|
||||
var server = document.querySelector('select[name="server"]').value;
|
||||
console.log(server);
|
||||
if (editionchoisie == 'hachette') {
|
||||
var newUrl1 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/Page_1.html?interface=postMessage";
|
||||
var newUrl2 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/Page_2.html?interface=postMessage";
|
||||
iframe1.src = newUrl1;
|
||||
iframe2.src = newUrl2;
|
||||
}
|
||||
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
|
||||
var newUrl1 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/page1.xhtml?interface=postMessage";
|
||||
var newUrl2 = "https://exobank.hachette-livre.fr/contents/final/" + code + "-fxl/OEBPS/page2.xhtml?interface=postMessage";
|
||||
iframe1.src = newUrl1;
|
||||
iframe2.src = newUrl2;
|
||||
}
|
||||
// https://nohamr.github.io/Manuelcontent/Belin/1ere/geographie-premiere/page1.jpg
|
||||
else if (editionchoisie == 'belin') {
|
||||
var newUrl1 = "https://nohamr.github.io/Manuelcontent/Belin/" + code + "/page1.jpg";
|
||||
var newUrl2 = "https://nohamr.github.io/Manuelcontent/Belin/" + code + "/page2.jpg";
|
||||
img1.src = newUrl1;
|
||||
img2.src = newUrl2;
|
||||
}
|
||||
// https://assets.lls.fr/books/48453088/print/14.jpg
|
||||
else if (editionchoisie == 'LLS') {
|
||||
var newUrl1 = "https://assets.lls.fr/books/" + code + "/print/1.jpg";
|
||||
var newUrl2 = "https://assets.lls.fr/books/" + code + "/print/2.jpg";
|
||||
img1.src = newUrl1;
|
||||
img2.src = newUrl2;
|
||||
}
|
||||
// https://manuel.sesamath.net/imgs_produites/pages/ms6_2013/ms6_2013_page0.gif
|
||||
else if (editionchoisie == 'sesa') {
|
||||
var newUrl1 = "https://raw.githubusercontent.com/NohamR/Manuelcontent/main/Sesamath/" + code + "/page0.gif";
|
||||
var newUrl2 = "https://raw.githubusercontent.com/NohamR/Manuelcontent/main/Sesamath/" + code + "/page1.gif";
|
||||
img1.src = newUrl1;
|
||||
img2.src = newUrl2;
|
||||
}
|
||||
// https://storage.libmanuels.fr/Magnard/specimen/9782210116252/4/OEBPS/images/bg003_01.jpg
|
||||
// https://storage.libmanuels.fr/Magnard/specimen/9782210116252/4/OEBPS/page001.xhtml
|
||||
// https://storage.libmanuels.fr/Magnard/specimen/9782210113183/9/OEBPS/page005.xhtml
|
||||
// https://storage.libmanuels.fr/Magnard/specimen/9782210118201/1/OEBPS/page005.xhtml
|
||||
else if (editionchoisie == 'magnard') {
|
||||
var newUrl1 = "https://storage.libmanuels.fr/Magnard/specimen/" + code + '/' + server + "/OEBPS/page002.xhtml?interface=postMessage";
|
||||
var newUrl2 = "https://storage.libmanuels.fr/Magnard/specimen/" + code + '/' + server + "/OEBPS/page003.xhtml?interface=postMessage";
|
||||
iframe1.src = newUrl1;
|
||||
iframe2.src = newUrl2;
|
||||
}
|
||||
// https://storage.libmanuels.fr/Delagrave/specimen/9782206103983/8/OEBPS/page005.xhtml
|
||||
else if (editionchoisie == 'delagrave') {
|
||||
var newUrl1 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page002.xhtml?interface=postMessage";
|
||||
var newUrl2 = "https://storage.libmanuels.fr/Delagrave/specimen/" + code + '/' + server + "/OEBPS/page003.xhtml?interface=postMessage";
|
||||
iframe1.src = newUrl1;
|
||||
iframe2.src = newUrl2;
|
||||
}
|
||||
else {
|
||||
|
||||
}
|
||||
|
||||
url1 = newUrl1;
|
||||
url2 = newUrl2;
|
||||
page1 = 1;
|
||||
page2 = 2;
|
||||
}
|
||||
|
||||
function pageachanger(delta) {
|
||||
// console.log("pageachanger");
|
||||
var editionchoisie = document.getElementsByName("edition")[0].value;
|
||||
changerPage(delta, editionchoisie);
|
||||
}
|
||||
|
||||
function changerPage(delta, editionchoisie) {
|
||||
if (editionchoisie == 'hachette') {
|
||||
// console.log("hachette");
|
||||
page1 += delta;
|
||||
page2 += delta;
|
||||
if (page1 < 1) {
|
||||
page1 = 1;
|
||||
} else if (page1 > 600) {
|
||||
page1 = 600;
|
||||
}
|
||||
if (page2 < 1) {
|
||||
page2 = 2;
|
||||
} else if (page2 > 600) {
|
||||
page2 = 600;
|
||||
}
|
||||
iframe1.src = url1.replace(/Page_\d+/, "Page_" + page1);
|
||||
iframe2.src = url2.replace(/Page_\d+/, "Page_" + page2);
|
||||
nbpage.value = page1;
|
||||
}
|
||||
// page1.jpg
|
||||
else if ((editionchoisie == 'didier') || (editionchoisie == 'hatier')) {
|
||||
console.log("hatier ou didier ou belin");
|
||||
page1 += delta;
|
||||
page2 += delta;
|
||||
if (page1 < 1) {
|
||||
page1 = 1;
|
||||
} else if (page1 > 600) {
|
||||
page1 = 600;
|
||||
}
|
||||
if (page2 < 1) {
|
||||
page2 = 2;
|
||||
} else if (page2 > 600) {
|
||||
page2 = 600;
|
||||
}
|
||||
iframe1.src = url1.replace(/page\d+/, "page" + page1);
|
||||
iframe2.src = url2.replace(/page\d+/, "page" + page2);
|
||||
nbpage.value = page1;
|
||||
}
|
||||
else if (editionchoisie == 'belin') {
|
||||
console.log("belin");
|
||||
page1 += delta;
|
||||
page2 += delta;
|
||||
if (page1 < 1) {
|
||||
page1 = 1;
|
||||
} else if (page1 > 600) {
|
||||
page1 = 600;
|
||||
}
|
||||
if (page2 < 1) {
|
||||
page2 = 2;
|
||||
} else if (page2 > 600) {
|
||||
page2 = 600;
|
||||
}
|
||||
img1.src = url1.replace(/page\d+/, "page" + page1);
|
||||
img2.src = url2.replace(/page\d+/, "page" + page2);
|
||||
nbpage.value = page1
|
||||
}
|
||||
// print/14.jpg
|
||||
else if (editionchoisie == 'LLS') {
|
||||
// console.log("LLS");
|
||||
page1 += delta;
|
||||
page2 += delta;
|
||||
if (page1 < 1) {
|
||||
page1 = 1;
|
||||
} else if (page1 > 600) {
|
||||
page1 = 600;
|
||||
}
|
||||
if (page2 < 1) {
|
||||
page2 = 2;
|
||||
} else if (page2 > 600) {
|
||||
page2 = 600;
|
||||
}
|
||||
img1.src = url1.replace(/\d+(?=\.jpg)/, page1);
|
||||
img2.src = url2.replace(/\d+(?=\.jpg)/, page2);
|
||||
// console.log(img1.src);
|
||||
// console.log(img2.src);
|
||||
nbpage.value = page1;
|
||||
}
|
||||
// /ms6_2013_page1.gif
|
||||
else if (editionchoisie == 'sesa') {
|
||||
// console.log("sesa");
|
||||
page1 += delta;
|
||||
page2 += delta;
|
||||
if (page1 < 1) {
|
||||
page1 = 1;
|
||||
} else if (page1 > 600) {
|
||||
page1 = 600;
|
||||
}
|
||||
if (page2 < 1) {
|
||||
page2 = 2;
|
||||
} else if (page2 > 600) {
|
||||
page2 = 600;
|
||||
}
|
||||
img1.src = url1.replace(/\d+(?=\.gif)/, page1);
|
||||
img2.src = url2.replace(/\d+(?=\.gif)/, page2);
|
||||
console.log(img1.src);
|
||||
console.log(img2.src);
|
||||
nbpage.value = page1;
|
||||
}
|
||||
// /page003.xhtml?interface=postMessage"
|
||||
else if ((editionchoisie == 'magnard') || (editionchoisie == 'delagrave')) {
|
||||
// console.log("magnard");
|
||||
page1 += delta;
|
||||
page2 += delta;
|
||||
if (page1 < 1) {
|
||||
page1 = 1;
|
||||
} else if (page1 > 600) {
|
||||
page1 = 600;
|
||||
}
|
||||
if (page2 < 1) {
|
||||
page2 = 2;
|
||||
} else if (page2 > 600) {
|
||||
page2 = 600;
|
||||
}
|
||||
iframe1.src = url1.replace(/(\/page)\d{3}(\.xhtml\?interface=postMessage)/, "$1" + ("000" + page1).slice(-3) + "$2");
|
||||
iframe2.src = url2.replace(/(\/page)\d{3}(\.xhtml\?interface=postMessage)/, "$1" + ("000" + page2).slice(-3) + "$2");
|
||||
console.log(img1.src);
|
||||
console.log(img2.src);
|
||||
nbpage.value = page1;
|
||||
}
|
||||
}
|
||||
|
||||
function changerNBpage() {
|
||||
var nbtochange = 0
|
||||
var nbpage = document.getElementById("nbpage").value;
|
||||
var editionchoisie = document.getElementsByName("edition")[0].value;
|
||||
// console.log('nbpage', nbpage);
|
||||
nbtochange = nbpage - page1;
|
||||
// console.log('nbtochange', nbtochange);
|
||||
changerPage(nbtochange, editionchoisie);
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
function taille() {
|
||||
var entree = document.getElementById("slider");
|
||||
document.documentElement.style.setProperty('--scalenb', entree.value/100)
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// https://www.toptal.com/developers/keycode
|
||||
document.onkeydown = function (event) {
|
||||
switch (event.keyCode) {
|
||||
case 37:
|
||||
pageachanger(-2);
|
||||
break;
|
||||
case 38:
|
||||
// alert('Up key');
|
||||
break;
|
||||
case 39:
|
||||
pageachanger(2);
|
||||
break;
|
||||
case 40:
|
||||
// alert('Down key');
|
||||
break;
|
||||
case 13:
|
||||
toggleFullScreen();
|
||||
break;
|
||||
}
|
||||
};
|
||||
|
||||
function toggleFullScreen() {
|
||||
if (!document.fullscreenElement) {
|
||||
document.documentElement.requestFullscreen();
|
||||
} else if (document.exitFullscreen) {
|
||||
document.exitFullscreen();
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script>
|
||||
let toggleTheme = 0;
|
||||
var darkMode = getCookie("dark-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('--color-scheme', 'dark')
|
||||
document.documentElement.style.setProperty('--ecriture', '#f1f1f1');
|
||||
document.documentElement.style.setProperty('--background', '#262626');
|
||||
toggleTheme--;
|
||||
} else if (darkMode == "false") {
|
||||
document.documentElement.style.setProperty('--color-scheme', 'light')
|
||||
document.documentElement.style.setProperty('--ecriture', '#262626');
|
||||
document.documentElement.style.setProperty('--background', '#f1f1f1');
|
||||
}
|
||||
}
|
||||
|
||||
// mode sombre
|
||||
const switchThemeBtn = document.querySelector('.changeTheme')
|
||||
switchThemeBtn.addEventListener('click', () => {
|
||||
// mode sombre
|
||||
if (toggleTheme === 0) {
|
||||
document.documentElement.style.setProperty('--color-scheme', 'dark')
|
||||
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--;
|
||||
}
|
||||
// mode clairs
|
||||
else {
|
||||
document.documentElement.style.setProperty('--color-scheme', 'light')
|
||||
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>
|
||||
function capture() {
|
||||
const canvas = document.createElement("canvas");
|
||||
const context = canvas.getContext("2d");
|
||||
const video = document.createElement("video");
|
||||
|
||||
try {
|
||||
const captureStream = navigator.mediaDevices.getDisplayMedia();
|
||||
video.srcObject = captureStream;
|
||||
context.drawImage(video, 0, 0, window.width, window.height);
|
||||
const frame = canvas.toDataURL("image/png");
|
||||
captureStream.getTracks().forEach(track => track.stop());
|
||||
window.location.href = frame;
|
||||
} catch (err) {
|
||||
console.error("Error: " + err);
|
||||
}
|
||||
};
|
||||
|
||||
capture();</script> -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,65 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Recherche d'informations dans un fichier CSV</title>
|
||||
</head>
|
||||
<body>
|
||||
<label for="recherche">Recherche :</label>
|
||||
<input type="text" id="recherche" onkeyup="chercher()" placeholder="Entrez un nom...">
|
||||
<br>
|
||||
<a href="index2.html">Retourne sur la page principale</a>
|
||||
<div id="resultats"></div>
|
||||
<p id="valeur"></p>
|
||||
|
||||
<script>
|
||||
// Lecture du fichier CSV
|
||||
const xhttp = new XMLHttpRequest();
|
||||
xhttp.onreadystatechange = function() {
|
||||
if (this.readyState == 4 && this.status == 200) {
|
||||
const lignes = this.responseText.split('\n');
|
||||
const donnees = [];
|
||||
for (let i = 0; i < lignes.length; i++) {
|
||||
donnees.push(lignes[i].split(','));
|
||||
}
|
||||
document.getElementById('recherche').setAttribute('donnees', JSON.stringify(donnees));
|
||||
}
|
||||
};
|
||||
xhttp.open("GET", "liste2.csv", true);
|
||||
xhttp.send();
|
||||
|
||||
// Recherche d'une information dans le fichier CSV
|
||||
function chercher() {
|
||||
const donnees = JSON.parse(document.getElementById('recherche').getAttribute('donnees'));
|
||||
const recherche = document.getElementById('recherche').value;
|
||||
const resultat = [];
|
||||
for (let i = 0; i < donnees.length; i++) {
|
||||
for (let j = 0; j < donnees[i].length; j++) {
|
||||
if (donnees[i][j].toLowerCase().includes(recherche.toLowerCase())) {
|
||||
resultat.push(donnees[i]);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
afficherResultats(resultat);
|
||||
}
|
||||
|
||||
// Affichage des résultats sur la page HTML
|
||||
function afficherResultats(resultat) {
|
||||
const table = document.createElement('table');
|
||||
table.innerHTML = '<tr><th>Edition</th><th>Code manuel</th><th>Nom du manuel</th><th>Nombre de pages</th><th></th></tr>';
|
||||
for (let i = 0; i < resultat.length; i++) {
|
||||
const ligne = document.createElement('tr');
|
||||
for (let j = 4; j < 9; j++) {
|
||||
const cellule = document.createElement('td');
|
||||
const texte = document.createTextNode(resultat[i][j]);
|
||||
cellule.appendChild(texte);
|
||||
ligne.appendChild(cellule);
|
||||
}
|
||||
table.appendChild(ligne);
|
||||
}
|
||||
document.getElementById('resultats').innerHTML = '';
|
||||
document.getElementById('resultats').appendChild(table);
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
292
style.css
292
style.css
@ -1,139 +1,155 @@
|
||||
:root {
|
||||
/* -webkit-user-select: none; */
|
||||
-webkit-touch-callout: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
--color-scheme : light;
|
||||
--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; */
|
||||
color-scheme: var(--color-scheme);
|
||||
background: var(--background);
|
||||
color: var(--ecriture);
|
||||
font-size: 1.5rem;
|
||||
font-family: var(--police);
|
||||
}
|
||||
|
||||
body {
|
||||
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: var(--background);
|
||||
}
|
||||
|
||||
#iframe {
|
||||
display: flex;
|
||||
/* width:30vh; */
|
||||
height:76vh;
|
||||
}
|
||||
|
||||
#iframe-1 {
|
||||
display: flex;
|
||||
/* margin: 5px; */
|
||||
background-color: transparent;
|
||||
transform: scale(0.5);
|
||||
position: relative;
|
||||
transform-origin: top left;
|
||||
}
|
||||
|
||||
#iframe-2 {
|
||||
display: flex;
|
||||
/* margin: 5px; */
|
||||
background-color: transparent;
|
||||
transform: scale(0.5);
|
||||
position: relative;
|
||||
transform-origin: top right;
|
||||
}
|
||||
|
||||
.iframe-div-1 {
|
||||
/* display: block; */
|
||||
height: 2043px;
|
||||
width: 1477px;
|
||||
}
|
||||
|
||||
.iframe-div-2 {
|
||||
/* display: block; */
|
||||
height: 2043px;
|
||||
width: 1477px;
|
||||
}
|
||||
|
||||
iframe {
|
||||
/* width: 553px;
|
||||
height: 794px; */
|
||||
/* width: fit-content;
|
||||
height: fit-content; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#img {
|
||||
display: flex;
|
||||
margin: 5px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
width: 300px;
|
||||
border-color: var(--background);
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
margin-top: 10px;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
button {
|
||||
/* padding: 5px; */
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 10px;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #3e8e41;
|
||||
}
|
||||
|
||||
|
||||
|
||||
button:last-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #3391ff;
|
||||
}
|
||||
/* -webkit-user-select: none; */
|
||||
-webkit-touch-callout: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
--color-scheme : light;
|
||||
--ecriture: black;
|
||||
--background: white;
|
||||
--police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
--scalenb : 0.5;
|
||||
--iframe-width : 560px;
|
||||
--iframe-height : 800px;
|
||||
}
|
||||
|
||||
html {
|
||||
/* color-scheme: dark !important; */
|
||||
color-scheme: var(--color-scheme);
|
||||
background: var(--background);
|
||||
color: var(--ecriture);
|
||||
font-size: 1.5rem;
|
||||
font-family: var(--police);
|
||||
}
|
||||
|
||||
body {
|
||||
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: var(--background);
|
||||
}
|
||||
|
||||
#iframe {
|
||||
display: flex;
|
||||
/* width:30vh; */
|
||||
height:76vh;
|
||||
transform: scale(var(--scalenb));
|
||||
position: relative;
|
||||
transform-origin: top left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#iframe-1 {
|
||||
display: flex;
|
||||
/* margin: 5px; */
|
||||
background-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
#iframe-2 {
|
||||
display: flex;
|
||||
/* margin: 5px; */
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.iframe-div-1 {
|
||||
/* display: block; */
|
||||
/* height: 2043px;
|
||||
width: 1477px; */
|
||||
height: var(--iframe-height);
|
||||
width: var(--iframe-width);
|
||||
}
|
||||
|
||||
.iframe-div-2 {
|
||||
/* display: block; */
|
||||
/* height: 2043px;
|
||||
width: 1477px; */
|
||||
height: var(--iframe-height);
|
||||
width: var(--iframe-width);
|
||||
}
|
||||
|
||||
iframe {
|
||||
/* width: 553px;
|
||||
height: 794px; */
|
||||
/* width: fit-content;
|
||||
height: fit-content; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#img {
|
||||
display: flex;
|
||||
margin: 5px;
|
||||
background-color: transparent;
|
||||
transform: scale(var(--scalenb));
|
||||
position: relative;
|
||||
transform-origin: top left;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#changepagebutton {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
width: 300px;
|
||||
border-color: var(--background);
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
margin-top: 10px;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
button {
|
||||
/* padding: 5px; */
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 10px;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #3e8e41;
|
||||
}
|
||||
|
||||
|
||||
|
||||
button:last-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #3391ff;
|
||||
}
|
||||
155
style2.css
155
style2.css
@ -1,155 +0,0 @@
|
||||
:root {
|
||||
/* -webkit-user-select: none; */
|
||||
-webkit-touch-callout: none;
|
||||
-ms-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none;
|
||||
--color-scheme : light;
|
||||
--ecriture: black;
|
||||
--background: white;
|
||||
--police: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
--scalenb : 0.5;
|
||||
--iframe-width : 560px;
|
||||
--iframe-height : 800px;
|
||||
}
|
||||
|
||||
html {
|
||||
/* color-scheme: dark !important; */
|
||||
color-scheme: var(--color-scheme);
|
||||
background: var(--background);
|
||||
color: var(--ecriture);
|
||||
font-size: 1.5rem;
|
||||
font-family: var(--police);
|
||||
}
|
||||
|
||||
body {
|
||||
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: var(--background);
|
||||
}
|
||||
|
||||
#iframe {
|
||||
display: flex;
|
||||
/* width:30vh; */
|
||||
height:76vh;
|
||||
transform: scale(var(--scalenb));
|
||||
position: relative;
|
||||
transform-origin: top left;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#iframe-1 {
|
||||
display: flex;
|
||||
/* margin: 5px; */
|
||||
background-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
#iframe-2 {
|
||||
display: flex;
|
||||
/* margin: 5px; */
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.iframe-div-1 {
|
||||
/* display: block; */
|
||||
/* height: 2043px;
|
||||
width: 1477px; */
|
||||
height: var(--iframe-height);
|
||||
width: var(--iframe-width);
|
||||
}
|
||||
|
||||
.iframe-div-2 {
|
||||
/* display: block; */
|
||||
/* height: 2043px;
|
||||
width: 1477px; */
|
||||
height: var(--iframe-height);
|
||||
width: var(--iframe-width);
|
||||
}
|
||||
|
||||
iframe {
|
||||
/* width: 553px;
|
||||
height: 794px; */
|
||||
/* width: fit-content;
|
||||
height: fit-content; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
#img {
|
||||
display: flex;
|
||||
margin: 5px;
|
||||
background-color: transparent;
|
||||
transform: scale(var(--scalenb));
|
||||
position: relative;
|
||||
transform-origin: top left;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
#changepagebutton {
|
||||
position: fixed;
|
||||
bottom: 0px;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
width: 300px;
|
||||
border-color: var(--background);
|
||||
}
|
||||
|
||||
input[type="radio"] {
|
||||
margin-top: 10px;
|
||||
margin-right: 20px;
|
||||
margin-bottom: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
button {
|
||||
/* padding: 5px; */
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin-bottom: 10px;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #3e8e41;
|
||||
}
|
||||
|
||||
|
||||
|
||||
button:last-child {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #3391ff;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user