partage/breakout-custom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Amélioration header

Browse source
This commit is contained in:
François Pelletier 2024-09-07 20:02:12 -04:00
parent 39ba48de00
commit d51c41e2bc
2 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
embed/embed.html
View file

@ -3,7 +3,6 @@
position: relative;
overflow: hidden;
width: 100%;
padding-top: 125%; /* Aspect ratio: 540:675 (height/width = 1.25) */
}
.responsive-iframe-container iframe {
position: absolute;
@ -20,11 +19,13 @@
</div>
<script>
window.addEventListener('message', function(e) {
if (e.data.type === 'setHeight') {
var container = document.querySelector('.responsive-iframe-container');
var aspectRatio = e.data.height / e.data.width;
container.style.paddingTop = (aspectRatio * 100) + '%';
document.addEventListener('DOMContentLoaded', function () {
var footer = document.querySelector('footer');
var contentArea = document.querySelector('.content-area');
if (footer && footer.parentNode && contentArea) {
var footerHeight = footer.offsetHeight;
footer.parentNode.removeChild(footer);
contentArea.style.minHeight = 'calc(100vh - ' + footerHeight + 'px)';
}
}, false);
});
</script>

2
public/javascripts/game.js
View file

@ -191,7 +191,7 @@ pauseButton.addEventListener('click', togglePause);
function updateThemeHeader(theme) {
const themeHeader = document.getElementById('themeHeader');
if (themeHeader) {
themeHeader.textContent = `Theme: ${theme}`;
themeHeader.textContent = `DéconstruIT - Le jeu ! Thème: ${theme}`;
themeHeader.style.position = 'absolute';
themeHeader.style.top = '10px';
themeHeader.style.left = '0';