[camélianimes] màj des infos et du site
All checks were successful
camelia / deploy (push) Successful in 34s
All checks were successful
camelia / deploy (push) Successful in 34s
This commit is contained in:
parent
9cd723f48d
commit
04485ccea7
@ -7,7 +7,6 @@
|
|||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
<a href="index.html">Accueil</a>
|
<a href="index.html">Accueil</a>
|
||||||
@ -17,32 +16,43 @@
|
|||||||
<a href="pages/credits.html">Crédits</a>
|
<a href="pages/credits.html">Crédits</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
<div class="carousel">
|
||||||
<div class="home-background">
|
<div id="carousel-container">
|
||||||
<div class="home-content">
|
<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>
|
<h1>Camélianimes</h1>
|
||||||
<p>Viens regarder avec nous, chaque lundi à 22h00, l'animé sélectionné !<br>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
let currentImageIndex = 0;
|
|
||||||
const images = [
|
const images = [
|
||||||
'images/39372436_p0_master1200.jpg',
|
"images/39372436_p0_master1200.jpg",
|
||||||
'images/60834799_p0_master1200.jpg',
|
"images/60834799_p0_master1200.jpg",
|
||||||
'images/65751842_p0_master1200.jpg',
|
"images/70764381_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"
|
||||||
];
|
];
|
||||||
|
let currentIndex = 0;
|
||||||
function changeBackgroundImage() {
|
const carouselImage = document.getElementById("carousel-image");
|
||||||
document.querySelector('.home-background').style.backgroundImage = `url(${images[currentImageIndex]})`;
|
const overlay = document.getElementById("overlay");
|
||||||
currentImageIndex = (currentImageIndex + 1) % images.length;
|
function changeImage() {
|
||||||
|
overlay.style.opacity = 1;
|
||||||
|
setTimeout(() => {
|
||||||
|
currentIndex = (currentIndex + 1) % images.length;
|
||||||
|
carouselImage.src = images[currentIndex];
|
||||||
|
setTimeout(() => {
|
||||||
|
overlay.style.opacity = 0;
|
||||||
|
}, 400);
|
||||||
|
}, 800);
|
||||||
}
|
}
|
||||||
|
setInterval(changeImage, 4000);
|
||||||
setInterval(changeBackgroundImage, 5000);
|
|
||||||
window.onload = changeBackgroundImage;
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -22,9 +22,16 @@
|
|||||||
<h1>Crédits</h1>
|
<h1>Crédits</h1>
|
||||||
<p>Sources des images utilisées sur la page d'accueil : </p>
|
<p>Sources des images utilisées sur la page d'accueil : </p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Image 1: Source et lien.</li>
|
<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>Image 2: Source et lien.</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>
|
||||||
<!-- More credits if necessary -->
|
<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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -29,13 +29,13 @@
|
|||||||
</p>
|
</p>
|
||||||
<ol>
|
<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>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>
|
<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>
|
</ol>
|
||||||
|
|
||||||
<h2>Comment télécharger et installer « Syncplay » ?</h2>
|
<h2>Comment télécharger et installer « Syncplay » ?</h2>
|
||||||
<p>
|
<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>
|
</p>
|
||||||
<ol>
|
<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>
|
<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>Puis validez avec « OK ».</p>
|
||||||
|
|
||||||
<p>Voilà ! Vous êtes maintenant prêt à profiter confortablement des séances de Camélianime !</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>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -19,13 +19,62 @@
|
|||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div class="container">
|
<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>
|
<ul>
|
||||||
<li><a href="https://anilist.co/anime/1376" target="_blank">Great Teacher Onizuka (vf)</a></li>
|
<li><a href="https://anilist.co/anime/245/GTO/" 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>
|
<li><a href="https://anilist.co/anime/100665/Back-Street-Girls-Gokudols/" target="_blank">Back Street Girls - Gokudols (vf)</a></li>
|
||||||
<!-- More series as per the list -->
|
<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>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
@ -1,9 +1,11 @@
|
|||||||
/* style.css */
|
/* style.css */
|
||||||
|
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
|
||||||
|
|
||||||
/* Global Styles */
|
/* Global Styles */
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-family: Arial, sans-serif;
|
font-family: 'Inter', Arial, sans-serif;
|
||||||
background-color: #2c2f33;
|
background-color: #2c2f33;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
@ -38,6 +40,7 @@ nav a {
|
|||||||
|
|
||||||
nav a:hover {
|
nav a:hover {
|
||||||
color: #7289da;
|
color: #7289da;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
@ -46,6 +49,61 @@ nav a:hover {
|
|||||||
margin: auto;
|
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 */
|
/* Page-specific Styles */
|
||||||
.home-background {
|
.home-background {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@ -107,6 +165,33 @@ ul li a:hover {
|
|||||||
text-decoration: underline;
|
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 */
|
||||||
footer {
|
footer {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user