LOL/labolyon.fr
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Ajout de l'affiche des JDLL 2024

Browse Source
This commit is contained in:
EpicKiwi
2024-05-04 13:59:56 +02:00
parent 534782af30
commit 5a70198b0b
18 changed files with 12220 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
index.html
View File

@ -17,6 +17,7 @@
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/affiches/perm.css">
<link rel="stylesheet" href="css/affiches/jdll2024.css">
</head>
<body>
@ -105,6 +106,71 @@
<p>Adhésion 5€ pour le mois</p>
</article>
<article class="event affiche-jdll2024 affiche">
<header>
<img src="/images/favicon.png" alt="Favicon du LOL" />
<h1 id="jdll-2024-title">Le LOL aux JDLL 2024</h1>
<button>
<img src="/css/affiches/reduire.png" alt="Reduire" />
</button>
<button>
<img src="/css/affiches/agrandir.png" alt="Agrandir" />
</button>
<button>
<img src="/css/affiches/fermer.png" alt="Fermer" />
</button>
</header>
<nav>
<button id="jdll-2024-back">
<img src="/css/affiches/back.png" alt="Back" />
Back
</button>
<button id="jdll-2024-forward">
<img src="/css/affiches/forward.png" alt="Back" />
Forward
</button>
<button id="jdll-2024-home">
<img src="/css/affiches/home.png" alt="Home" />
Home
</button>
<hr>
<img src="/css/affiches/tux.png" alt="Tux" />
</nav>
<nav>
<label for="jdll-2024-location">Location : </label>
<input type="url" name="location" id="jdll-2024-location" value="/jdll2024/affiche.html"/>
</nav>
<iframe src="/jdll2024/affiche.html" id="jdll-2024-iframe" frameborder="0"></iframe>
</article>
<script>
(() => {
const iframe = document.getElementById("jdll-2024-iframe");
const initialValue = iframe.src;
iframe.addEventListener("load", () => {
document.getElementById("jdll-2024-location").value = iframe.src
document.getElementById("jdll-2024-title").textContent = iframe.contentWindow.document.title
})
document.getElementById("jdll-2024-location").addEventListener("change", e => {
iframe.src = e.target.value
})
document.getElementById("jdll-2024-back").addEventListener("click", () => {
iframe.contentWindow.history.back()
})
document.getElementById("jdll-2024-forward").addEventListener("click", () => {
iframe.contentWindow.history.forward()
})
document.getElementById("jdll-2024-home").addEventListener("click", () => {
iframe.src = initialValue
})
})()
</script>
</section>
<div class="toolbar">