82 lines
3.0 KiB
PHP
Executable File
82 lines
3.0 KiB
PHP
Executable File
<?php defined('APP_VERSION') || define('APP_VERSION', date('YmdHi')); ?>
|
|
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<base href="<?= $racineWeb ?>">
|
|
<link rel="icon" href="Bootstrap_new/images/favicon.ico"/>
|
|
<link href="Bootstrap_new/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
|
|
<link href="Bootstrap_new/css/style-portail.css?ver=<?= APP_VERSION ?>" rel="stylesheet">
|
|
<title><?= $titre ?></title>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="login-wrapper">
|
|
<div class="slide-container">
|
|
<div class="slides">
|
|
<img src="assets/img/slides/image01.jpg" class="slide active">
|
|
<img src="assets/img/slides/image02.jpg" class="slide">
|
|
<img src="assets/img/slides/image03.jpg" class="slide">
|
|
<img src="assets/img/slides/image04.jpg" class="slide">
|
|
<img src="assets/img/slides/image05.jpg" class="slide">
|
|
<img src="assets/img/slides/image06.jpg" class="slide">
|
|
<img src="assets/img/slides/image07.jpg" class="slide">
|
|
<img src="assets/img/slides/image08.jpg" class="slide">
|
|
<img src="assets/img/slides/image09.jpeg" class="slide">
|
|
</div>
|
|
<span class="nav-btn next" onclick="slideNext()">❯</span>
|
|
<span class="nav-btn prev" onclick="slidePrev()">❮</span>
|
|
<div class="dotsContainer">
|
|
<?php for($i=0; $i<9; $i++): ?>
|
|
<div class="dot <?= $i==0?'active':'' ?>" onclick="switchImage(<?= $i ?>)"></div>
|
|
<?php endfor; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="content-side">
|
|
<input type="hidden" id="racineWeb" value="<?= $racineWeb ?>">
|
|
<img src="assets/img/logo_portail_gestionnaire.png" alt="logo" class="portal-logo">
|
|
<div id="contenu">
|
|
<?= $contenu ?>
|
|
</div>
|
|
<div class="footer-version">
|
|
INTER SANTÉ © v2026
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// Logique Carrousel simple
|
|
let slides = document.querySelectorAll('.slide');
|
|
let dots = document.querySelectorAll('.dot');
|
|
let counter = 0;
|
|
|
|
function updateSlides() {
|
|
slides.forEach(s => s.classList.remove('active'));
|
|
dots.forEach(d => d.classList.remove('active'));
|
|
slides[counter].classList.add('active');
|
|
dots[counter].classList.add('active');
|
|
}
|
|
|
|
function slideNext() {
|
|
counter = (counter + 1) % slides.length;
|
|
updateSlides();
|
|
}
|
|
|
|
function slidePrev() {
|
|
counter = (counter - 1 + slides.length) % slides.length;
|
|
updateSlides();
|
|
}
|
|
|
|
function switchImage(index) {
|
|
counter = index;
|
|
updateSlides();
|
|
}
|
|
|
|
setInterval(slideNext, 4000);
|
|
document.addEventListener('contextmenu', e => e.preventDefault());
|
|
</script>
|
|
</body>
|
|
</html>
|