[camélianimes] màj des infos et du site
All checks were successful
camelia / deploy (push) Successful in 34s

This commit is contained in:
Esenjin 2024-10-04 13:51:39 +02:00
parent 9cd723f48d
commit 04485ccea7
5 changed files with 183 additions and 30 deletions

View File

@ -7,7 +7,6 @@
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<a href="index.html">Accueil</a>
@ -17,32 +16,43 @@
<a href="pages/credits.html">Crédits</a>
</nav>
</header>
<div class="home-background">
<div class="home-content">
<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">
<h1>Camélianimes</h1>
<p>Viens regarder avec nous, chaque lundi à 22h00, l'animé sélectionné !<br>
En ce moment c'est « BOFURI » (saison 2)</p>
En ce moment c'est « BOFURI » (saison 2) et « Highschool of the Dead ».<br>
Viens discuter de cela avec nous <a href="https://discord.gg/nBuZ9vJ" target="_blank">sur notre serveur Discord</a>.</p>
</div>
</div>
<script>
let currentImageIndex = 0;
const images = [
'images/39372436_p0_master1200.jpg',
'images/60834799_p0_master1200.jpg',
'images/65751842_p0_master1200.jpg',
'images/70764381_p0_master1200.jpg'
"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"
];
function changeBackgroundImage() {
document.querySelector('.home-background').style.backgroundImage = `url(${images[currentImageIndex]})`;
currentImageIndex = (currentImageIndex + 1) % images.length;
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);
}
setInterval(changeBackgroundImage, 5000);
window.onload = changeBackgroundImage;
setInterval(changeImage, 4000);
</script>
</body>
</html>

View File

@ -22,9 +22,16 @@
<h1>Crédits</h1>
<p>Sources des images utilisées sur la page d'accueil : </p>
<ul>
<li>Image 1: Source et lien.</li>
<li>Image 2: Source et lien.</li>
<!-- More credits if necessary -->
<li><a href="../images/39372436_p0_master1200.jpg">Image 1</a> - Série : <b>Kyousougiga</b>, artiste <b>B村</b>, <a href="https://www.pixiv.net/en/artworks/39372436">voir sur Pixiv</a>.</li>
<li><a href="../images/60834799_p0_master1200.jpg">Image 2</a> - Série : <b>Violet Evergarden</b>, artiste <b>Cheese慷</b>, <a href="https://www.pixiv.net/en/artworks/60834799">voir sur Pixiv</a>.</li>
<li><a href="../images/65751842_p0_master1200.jpg">Image 3</a> - Série : <b>L'Ère des Cristaux</b>, artiste <b>韭方★JoFang</b>, <a href="https://www.pixiv.net/en/artworks/65751842">voir sur Pixiv</a>.</li>
<li><a href="../images/70764381_p0_master1200.jpg">Image 4</a> - Série : <b>Sora yori mo Tooi Basho</b>, artiste <b>大宮いお</b>, <a href="https://www.pixiv.net/en/artworks/70764381">voir sur Pixiv</a>.</li>
<li><a href="../images/72278604_p0_master1200.jpg">Image 5</a> - Série : <b>Liz et l'oiseau bleu</b>, artiste <b>KuA</b>, <a href="https://www.pixiv.net/en/artworks/72278604">voir sur Pixiv</a>.</li>
<li><a href="../images/79704508_p0_master1200.jpg">Image 6</a> - Série : <b>Somali et l'esprit de la forêt</b>, artiste <b>
Psi</b>, <a href="https://www.pixiv.net/en/artworks/79704508">voir sur Pixiv</a>.</li>
<li><a href="../images/90908293_p2_master1200.jpg">Image 7</a> - Série : <b>Josée, le tigre et les poissons</b>, artiste <b>
Arudi</b>, <a href="https://www.pixiv.net/en/artworks/90908293">voir sur Pixiv</a>.</li>
<li><a href="../images/91837671_p0_master1200.jpg">Image 8</a> - Série : <b>Majo no tabitabi</b>, artiste <b>OvO</b>, <a href="https://www.pixiv.net/en/artworks/91837671">voir sur Pixiv</a>.</li>
</ul>
</div>

View File

@ -29,13 +29,13 @@
</p>
<ol>
<li>Télécharger la dernière version de « MPV » sur son site : <a href="https://mpv.io/" target="_blank">https://mpv.io/</a>.</li>
<li>Créer un dossier MPV où vous souhaitez l'installer et y décompresser l'archive que vous venez de télécharger (normalement bootstrapper.zip).</li>
<li>Créer un dossier MPV où vous souhaitez l'installer et y décompresser l'archive que vous venez de télécharger (normalement <code>bootstrapper.zip</code>).</li>
<li>L'installer en exécutant le fichier <code>updater.bat</code> contenu dans l'archive. Cela devrait ouvrir une fenêtre avec des lignes de commandes qui s'exécutent toutes seules, c'est normal. Laisser tout cela se terminer et c'est bon ! Vous avez « MPV » d'installé sur votre machine.</li>
</ol>
<h2>Comment télécharger et installer « Syncplay » ?</h2>
<p>
Note : « Syncplay » est un programme qui va synchroniser les lecteurs « MPV » de tous les participants à la séance, ainsi, si une personne fait play ou pause, cela lancera/arrêtera la vidéo pour tout le monde.
Note : « Syncplay » est un programme qui va synchroniser les lecteurs « MPV » de tous les participants à la séance, ainsi, si une personne fait <i>play</i> ou <i>pause</i>, cela lancera/arrêtera la vidéo pour tout le monde.
</p>
<ol>
<li>Télécharger la dernière version de « Syncplay » sur son site : <a href="https://syncplay.pl/" target="_blank">https://syncplay.pl/</a> (version portable pour Windows).</li>
@ -62,6 +62,8 @@
<p>Puis validez avec « OK ».</p>
<p>Voilà ! Vous êtes maintenant prêt à profiter confortablement des séances de Camélianime !</p>
<p>On se donne rendez-vous <a href="https://discord.gg/nBuZ9vJ" target="_blank">sur Discord</a> pour en discuter !</p>
</div>
</body>

View File

@ -19,13 +19,62 @@
</header>
<div class="container">
<h1>Liste des séries visionnées</h1>
<h1>Toutes les séries visionnées</h1>
<p>Elles sont listées de la plus ancienne à la plus récemment vue. En cliquant dessus, vous serez amené à la page <b>AniList</b> correspondante. Tout a été regardé en VOSTFR (la mention "VF" indique que cette dernière était disponible en plus de la VO). Pour des soucis de lisibilité, on notera que le titre de la première saison (lorsqu'il y en a plusieurs), mais toutes les licences sont vues à chaque fois dans leur intégralité (toutes saisons, films, OAVs, etc. inclus).</p>
<ul>
<li><a href="https://anilist.co/anime/1376" target="_blank">Great Teacher Onizuka (vf)</a></li>
<li><a href="https://anilist.co/anime/10103" target="_blank">Back Street Girls - Gokudols (vf)</a></li>
<!-- More series as per the list -->
<li><a href="https://anilist.co/anime/245/GTO/" target="_blank">Great Teacher Onizuka (vf)</a></li>
<li><a href="https://anilist.co/anime/100665/Back-Street-Girls-Gokudols/" target="_blank">Back Street Girls - Gokudols (vf)</a></li>
<li><a href="https://anilist.co/anime/21049/ReLIFE/" target="_blank">ReLife</a></li>
<li><a href="https://anilist.co/anime/20932/Harmony/" target="_blank">Harmony</a></li>
<li><a href="https://anilist.co/anime/19815/No-Game-No-Life/" target="_blank">No Game No Life (vf)</a></li>
<li><a href="https://anilist.co/anime/21827/Violet-Evergarden/" target="_blank">Violet Evergarden</a></li>
<li><a href="https://anilist.co/anime/100178/Liz-to-Aoi-Tori/" target="_blank">Liz et l'oiseau bleu</a></li>
<li><a href="https://anilist.co/anime/12445/Tasogare-Otome-x-Amnesia/" target="_blank">Tasogare Otome x Amnesia</a></li>
<li><a href="https://anilist.co/anime/11433/Ano-Natsu-de-Matteru/" target="_blank">Ano Natsu de Matteru</a></li>
<li><a href="https://anilist.co/anime/108617/Somali-to-Mori-no-Kamisama/" target="_blank">Somali et l'esprit de la forêt</a></li>
<li><a href="https://anilist.co/anime/20458/Mahouka-Koukou-no-Rettousei/" target="_blank">Mahouka Koukou no Rettousei</a></li>
<li><a href="https://anilist.co/anime/107663/Kanata-no-Astra/" target="_blank">Kanata no Astra</a></li>
<li><a href="https://anilist.co/anime/99750/Kimi-no-Suizou-wo-Tabetai/" target="_blank">Je veux manger ton pancréas</a></li>
<li><a href="https://anilist.co/anime/114963/Nakitai-Watashi-wa-Neko-wo-Kaburu/" target="_blank">Loin de moi, près de toi (vf)</a></li>
<li><a href="https://anilist.co/anime/9756/Mahou-Shoujo-MadokaMagica/" target="_blank">Mahou Shoujo Madoka☆Magica</a></li>
<li><a href="https://anilist.co/anime/10893/Kyousougiga/" target="_blank">Kyousougiga</a></li>
<li><a href="https://anilist.co/anime/5680/KON/" target="_blank">K-ON!</a></li>
<li><a href="https://anilist.co/anime/21714/Flip-Flappers/" target="_blank">Flip Flappers</a></li>
<li><a href="https://anilist.co/anime/104051/Magia-Record-Mahou-Shoujo-MadokaMagica-Gaiden/" target="_blank">Magia Record: Mahou Shoujo Madoka☆Magica</a></li>
<li><a href="https://anilist.co/anime/101281/Carole--Tuesday/" target="_blank">Carole & Tuesday</a></li>
<li><a href="https://anilist.co/anime/98707/Houseki-no-Kuni/" target="_blank">L'Ère des Cristaux</a></li>
<li><a href="https://anilist.co/anime/437/PERFECT-BLUE/" target="_blank">Perfect Blue</a></li>
<li><a href="https://anilist.co/anime/1033/Sennen-Joyuu/" target="_blank">Millenuim Actress</a></li>
<li><a href="https://anilist.co/anime/101280/Tensei-Shitara-Slime-Datta-Ken/" target="_blank">Mois, quand je me réincarne en Slime (vf)</a></li>
<li><a href="https://anilist.co/anime/759/Tokyo-Godfathers/" target="_blank">Tokyo Godfathers</a></li>
<li><a href="https://anilist.co/anime/21284/Flying-Witch/" target="_blank">Flying Witch</a></li>
<li><a href="https://anilist.co/anime/1943/Paprika/" target="_blank">Paprika</a></li>
<li><a href="https://anilist.co/anime/8795/Panty--Stocking-with-Garterbelt/" target="_blank">Panty & Stocking with Gartebelt</a></li>
<li><a href="https://anilist.co/anime/13599/RoboticsNotes/" target="_blank">Robotics;Notes</a></li>
<li><a href="https://anilist.co/anime/21823/ACCA-13ku-Kansatsuka/" target="_blank">ACCA: 13-ku Kansatsu-ka</a></li>
<li><a href="https://anilist.co/anime/101291/Seishun-Buta-Yarou-wa-Bunny-Girl-Senpai-no-Yume-wo-Minai/" target="_blank">Seishun Buta Yarou wa Bunny Girl Senpai no Yume wo Minai</a></li>
<li><a href="https://anilist.co/anime/112609/Majo-no-Tabitabi/" target="_blank">Majo no tabitabi</a></li>
<li><a href="https://anilist.co/anime/20607/Ping-Pong-THE-ANIMATION/" target="_blank">Ping Pong The Animation</a></li>
<li><a href="https://anilist.co/anime/21428/Hai-to-Gensou-no-Grimgar/" target="_blank">Hai to Gensou no Grimgar</a></li>
<li><a href="https://anilist.co/anime/113311/Kakushigoto/" target="_blank">Kakushigoto</a></li>
<li><a href="https://anilist.co/anime/10165/Nichijou/" target="_blank">Nichijou</a></li>
<li><a href="https://anilist.co/anime/99426/Sora-yori-mo-Tooi-Basho/" target="_blank">Sora yori mo Tooi Basho</a></li>
<li><a href="https://anilist.co/anime/97903/Sakura-Quest/" target="_blank">Sakura Quest</a></li>
<li><a href="https://anilist.co/anime/132126/Sonny-Boy/" target="_blank">Sonny Boy</a></li>
<li><a href="https://anilist.co/anime/20812/SHIROBAKO/" target="_blank">Shirobako</a></li>
<li><a href="https://anilist.co/anime/113596/Josee-to-Tora-to-Sakanatachi/" target="_blank">Josée, le tigre et les poissons (vf)</a></li>
<li><a href="https://anilist.co/anime/15315/Mondaijitachi-ga-Isekai-kara-Kuru-Sou-desu-yo/" target="_blank">Mondaiji-tachi ga Isekai kara Kuru Sou Desu yo?</a></li>
<li><a href="https://anilist.co/anime/13125/Shinsekai-yori/" target="_blank">Shinsekai Yori</a></li>
<li><a href="https://anilist.co/anime/21190/Subete-ga-F-ni-Naru-THE-PERFECT-INSIDER/" target="_blank">Subete ga F ni Naru: THE PERFECT INSIDER</a></li>
<li><a href="https://anilist.co/anime/120377/Cyberpunk-Edgerunners/" target="_blank">Cyberpunk: Edgerunners</a></li>
<li><a href="https://anilist.co/manga/86742/Kujira-no-Kora-wa-Sajou-ni-Utau/" target="_blank">Les Enfants de la Baleine</a></li>
<li><a href="https://anilist.co/anime/11887/Kokoro-Connect/" target="_blank">Kokoro Connect</a></li>
<li><a href="https://anilist.co/anime/110349/GREAT-PRETENDER/" target="_blank">Great Pretender (vf)</a></li>
<li><a href="https://anilist.co/anime/20665/Shigatsu-wa-Kimi-no-Uso/" target="_blank">Shigatsu wa Kimi no Uso</a></li>
<li><a href="https://anilist.co/anime/98505/Princess-Principal/" target="_blank">Princess Principal</a></li>
<li><a href="https://anilist.co/anime/2251/Baccano/" target="_blank">Baccano! (vf)</a></li>
</ul>
</div>
</body>
</html>
</html>

View File

@ -1,9 +1,11 @@
/* style.css */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* Global Styles */
body {
margin: 0;
font-family: Arial, sans-serif;
font-family: 'Inter', Arial, sans-serif;
background-color: #2c2f33;
color: #ffffff;
overflow: auto;
@ -38,6 +40,7 @@ nav a {
nav a:hover {
color: #7289da;
text-decoration: none;
}
.container {
@ -46,6 +49,61 @@ nav a:hover {
margin: auto;
}
/* Carousel Styles */
.carousel {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
#carousel-container {
position: relative;
width: 100%;
height: 100%;
}
#carousel-image {
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 1s ease;
}
#overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 0;
transition: opacity 1s ease;
z-index: 1;
}
.carousel-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #ffffff;
text-align: center;
background-color: rgba(35, 39, 42, 0.9);
padding: 20px;
border-radius: 10px;
z-index: 2;
}
.carousel-text h1 {
font-size: 3em;
margin: 0 0 10px;
}
.carousel-text p {
font-size: 1.5em;
}
/* Page-specific Styles */
.home-background {
height: 100vh;
@ -107,6 +165,33 @@ ul li a:hover {
text-decoration: underline;
}
/* Liste page */
.anime-list {
list-style-type: none;
padding: 0;
margin: 20px;
font-size: 1rem;
color: #b9bbbe;
}
.anime-list li {
margin-bottom: 10px;
}
.anime-list a {
color: #7289da;
text-decoration: none;
transition: color 0.3s ease;
}
.anime-list a:hover {
color: #ffffff;
}
.anime-list a:visited {
color: #a58dff;
}
/* Footer */
footer {
padding: 10px;