diff --git a/p/camelianimes/index.html b/p/camelianimes/index.html index c168156..c802bbe 100644 --- a/p/camelianimes/index.html +++ b/p/camelianimes/index.html @@ -7,7 +7,6 @@ -
- -
-
+
+ +

Camélianimes

Viens regarder avec nous, chaque lundi à 22h00, l'animé sélectionné !
- En ce moment c'est « BOFURI » (saison 2)

+ En ce moment c'est « BOFURI » (saison 2) et « Highschool of the Dead ».
+ Viens discuter de cela avec nous sur notre serveur Discord.

- - \ No newline at end of file diff --git a/p/camelianimes/pages/credits.html b/p/camelianimes/pages/credits.html index 630cae9..917a511 100644 --- a/p/camelianimes/pages/credits.html +++ b/p/camelianimes/pages/credits.html @@ -22,9 +22,16 @@

Crédits

Sources des images utilisées sur la page d'accueil :

diff --git a/p/camelianimes/pages/infos.html b/p/camelianimes/pages/infos.html index 5590e1a..9c34842 100644 --- a/p/camelianimes/pages/infos.html +++ b/p/camelianimes/pages/infos.html @@ -29,13 +29,13 @@

  1. Télécharger la dernière version de « MPV » sur son site : https://mpv.io/.
    2. -
  2. 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).
    3. +
  3. 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).
  4. L'installer en exécutant le fichier updater.bat 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.

Comment télécharger et installer « Syncplay » ?

- 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 play ou pause, cela lancera/arrêtera la vidéo pour tout le monde.

  1. Télécharger la dernière version de « Syncplay » sur son site : https://syncplay.pl/ (version portable pour Windows).
    2. @@ -62,6 +62,8 @@

    Puis validez avec « OK ».

    Voilà ! Vous êtes maintenant prêt à profiter confortablement des séances de Camélianime !

    + +

    On se donne rendez-vous sur Discord pour en discuter !

diff --git a/p/camelianimes/pages/liste.html b/p/camelianimes/pages/liste.html index 0b8cb23..d08be40 100644 --- a/p/camelianimes/pages/liste.html +++ b/p/camelianimes/pages/liste.html @@ -19,13 +19,62 @@
-

Liste des séries visionnées

+

Toutes les séries visionnées

+

Elles sont listées de la plus ancienne à la plus récemment vue. En cliquant dessus, vous serez amené à la page AniList 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).

- + \ No newline at end of file diff --git a/p/camelianimes/style.css b/p/camelianimes/style.css index ca6911f..8561004 100644 --- a/p/camelianimes/style.css +++ b/p/camelianimes/style.css @@ -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;