diff --git a/images/.nfs0000000000f53c8600000084 b/images/.nfs0000000000f53c8600000084 deleted file mode 100644 index 87a6e54..0000000 Binary files a/images/.nfs0000000000f53c8600000084 and /dev/null differ diff --git a/pages/accueil.html b/pages/accueil.html index 4e2c80f..d150454 100644 --- a/pages/accueil.html +++ b/pages/accueil.html @@ -7,6 +7,7 @@ +
@@ -17,13 +18,16 @@ quizz
- user + user

Wiki Fantasy

+ - + \ No newline at end of file diff --git a/script/auth-check.js b/script/auth-check.js new file mode 100644 index 0000000..02d72d9 --- /dev/null +++ b/script/auth-check.js @@ -0,0 +1,39 @@ +// auth-check.js + +// Vérifier si l'utilisateur est connecté +function isUserLoggedIn() { + // Vérifiez si 'isLoggedIn' est défini dans le localStorage ou par un cookie + return localStorage.getItem('isLoggedIn') === 'true'; +} + +// Redirection des liens en fonction de l'état de connexion +function setupLinks() { + const favoriteLink = document.querySelector('a[href="favorite.html"]'); + const quizLink = document.querySelector('a[href="quiz.html"]'); + const userIcon = document.querySelector('.user img'); + + if (!isUserLoggedIn()) { + // Si l'utilisateur n'est pas connecté, rediriger vers la page de connexion + if (favoriteLink) favoriteLink.href = "login.html"; + if (quizLink) quizLink.href = "login.html"; + if (userIcon) { + userIcon.style.cursor = "pointer"; // Changer le curseur pour indiquer la cliquabilité + userIcon.addEventListener('click', () => { + window.location.href = "login.html"; + }); + } + } else { + // Si l'utilisateur est connecté, définir les liens vers les pages dédiées + if (favoriteLink) favoriteLink.href = "favorite.html"; + if (quizLink) quizLink.href = "quiz.html"; + if (userIcon) { + userIcon.style.cursor = "pointer"; // Changer le curseur pour indiquer la cliquabilité + userIcon.addEventListener('click', () => { + window.location.href = "user-profile.html"; + }); + } + } +} + +// Initialiser les liens lors du chargement de la page +document.addEventListener('DOMContentLoaded', setupLinks); diff --git a/src/citation.txt b/src/citation.txt new file mode 100644 index 0000000..949c816 --- /dev/null +++ b/src/citation.txt @@ -0,0 +1,3 @@ +"Il ne suffit pas de se mettre une plume dans le cul pour ressembler à un coq."|Fight Club|Tyler Durden|1999|173000|../images/tyler.jpg +"Je suis ton père"|Star Wars|Darth Vader||1000000|../images/darth_vader.jpg +"C’est trop calme... j’aime pas trop beaucoup ça..."|Asterix et Obelix: Mission Cléopâtre|Numérobis||250000|../images/numerobis.jpg diff --git a/styles/style.css b/styles/style.css index 5f4b213..5054021 100644 --- a/styles/style.css +++ b/styles/style.css @@ -1,3 +1,5 @@ +/* header.css */ + /* Styles généraux */ * { margin: 0; @@ -5,9 +7,10 @@ box-sizing: border-box; } -body{ - background-color: #120b1d ; - font-family: "Lemon", serif; +body { + background-color: #120b1d; + font-family: "Lemon", serif; + margin-top: 200px; } /* Header */ @@ -65,7 +68,6 @@ body.dark-mode .nav img:hover { filter: invert(59%) sepia(96%) saturate(6733%) hue-rotate(275deg) brightness(112%) contrast(122%); } - /* Mode clair */ body.light-mode { background-color: #ffffff; @@ -82,4 +84,4 @@ body.light-mode .header img { body.light-mode .nav img:hover { filter: invert(22%) sepia(6%) saturate(2269%) hue-rotate(193deg) brightness(98%) contrast(106%); -} \ No newline at end of file +} diff --git a/styles/styleAccueil.css b/styles/styleAccueil.css new file mode 100644 index 0000000..5080b5a --- /dev/null +++ b/styles/styleAccueil.css @@ -0,0 +1,61 @@ +/* accueil.css */ + +/* Importer les styles du bandeau */ +@import url('header.css'); + +/* Styles spécifiques à la page d'accueil */ +.quote-of-the-day, .suggestions { + margin: 20px auto; + padding: 20px; + background-color: #2b2b45; + border-radius: 10px; + width: 80%; +} + +h2 { + text-align: center; + color: #fff; +} + +.quote-card, .suggestion-card { + display: flex; + align-items: center; + margin: 10px 0; + background: #3b3b5f; + border-radius: 10px; + padding: 15px; +} + +.quote-card img, .suggestion-card img { + border-radius: 10px; + width: 100px; + height: auto; + margin-right: 15px; +} + +.quote-content, .suggestion-content { + flex-grow: 1; +} + +.quote-likes { + display: flex; + align-items: center; + color: #fff; + margin-left: 10px; +} + +.quote-likes img { + width: 20px; + height: auto; + margin-left: 5px; +} + +.suggestion-list { + display: flex; + justify-content: space-around; + flex-wrap: wrap; +} + +.suggestion-card { + width: 45%; +}