2024-10-04 10:10:20 +00:00
<!DOCTYPE html>
< html lang = "fr" >
< head >
2024-10-04 13:17:30 +00:00
< meta charset = "utf-8" >
< meta http-equiv = "x-ua-compatible" content = "ie=edge" >
< title > Camélianimes< / title >
< meta name = "description" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta property = "og:title" content = "Camélianimes" >
< meta property = "og:image" content = "https://camelia-studio.org/p/camelianimes/images/B27AB0.gif" >
< meta property = "og:description" content = "Séances de visionnage d'animés, organisées par l'association Camélia Studio sur son serveur Discord https://discord.gg/nBuZ9vJ." >
2024-10-04 10:10:20 +00:00
< link rel = "stylesheet" href = "style.css" >
2024-11-17 15:30:58 +00:00
< link rel = "icon" type = "image/x-icon" href = "images/favicon.ico" >
2024-10-04 10:10:20 +00:00
< / head >
< body >
< header >
< nav >
2024-11-13 10:45:51 +00:00
< a href = "index.html" style = "color: #7289da;" > Accueil< / a >
2024-10-07 12:44:08 +00:00
< a href = "pages/infos.html" > Informations< / a >
2024-10-04 10:10:20 +00:00
< a href = "pages/liste.html" > Liste< / a >
< a href = "pages/calendrier.html" > Calendrier< / a >
< a href = "pages/credits.html" > Crédits< / a >
< / nav >
< / header >
2024-10-04 11:51:39 +00:00
< div class = "carousel" >
< div id = "carousel-container" >
< img id = "carousel-image" src = "images/39372436_p0_master1200.jpg" alt = "Carousel Image" >
< div id = "overlay" > < / div >
< / div >
< div class = "carousel-text" >
2024-10-04 10:10:20 +00:00
< h1 > Camélianimes< / h1 >
< p > Viens regarder avec nous, chaque lundi à 22h00, l'animé sélectionné !< br >
2024-11-19 14:38:13 +00:00
En ce moment c'est « < b > 86: Eighty Six< / b > ».< br >
2024-10-04 11:51:39 +00:00
Viens discuter de cela avec nous < a href = "https://discord.gg/nBuZ9vJ" target = "_blank" > sur notre serveur Discord< / a > .< / p >
2024-10-04 10:10:20 +00:00
< / div >
< / div >
< script >
const images = [
2024-10-04 11:51:39 +00:00
"images/39372436_p0_master1200.jpg",
"images/60834799_p0_master1200.jpg",
"images/70764381_p0_master1200.jpg",
"images/72278604_p0_master1200.jpg",
"images/79704508_p0_master1200.jpg",
"images/90908293_p2_master1200.jpg",
"images/91837671_p0_master1200.jpg",
"images/65751842_p0_master1200.jpg"
2024-10-04 10:10:20 +00:00
];
2024-10-04 11:51:39 +00:00
let currentIndex = 0;
const carouselImage = document.getElementById("carousel-image");
const overlay = document.getElementById("overlay");
function changeImage() {
overlay.style.opacity = 1;
setTimeout(() => {
currentIndex = (currentIndex + 1) % images.length;
carouselImage.src = images[currentIndex];
setTimeout(() => {
overlay.style.opacity = 0;
}, 400);
}, 800);
2024-10-04 10:10:20 +00:00
}
2024-10-04 11:51:39 +00:00
setInterval(changeImage, 4000);
2024-10-04 10:10:20 +00:00
< / script >
< / body >
< / html >
