CITATION DU JOUR

Spread the love
Citation du Jour – Taha-Hassine Ferhat body { font-family: ‘Georgia’, serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); margin: 0; padding: 20px; min-height: 100vh; display: flex; align-items: center; justify-content: center; } .citation-container { background: rgba(255, 255, 255, 0.95); border-radius: 20px; padding: 40px; max-width: 800px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2); text-align: center; backdrop-filter: blur(10px); position: relative; overflow: hidden; } .citation-container::before { content:  »; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); animation: shimmer 3s infinite; } @keyframes shimmer { 0% { left: -100%; } 100% { left: 100%; } } .date { color: #764ba2; font-size: 16px; font-weight: bold; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 2px; } .titre { color: #2c3e50; font-size: 32px; font-weight: bold; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); } .citation-text { font-size: 24px; line-height: 1.6; color: #34495e; margin: 30px 0; font-style: italic; position: relative; z-index: 1; } .citation-text::before { content: ‘ »‘; font-size: 60px; color: #667eea; position: absolute; top: -20px; left: -20px; opacity: 0.3; } .citation-text::after { content: ‘ »‘; font-size: 60px; color: #667eea; position: absolute; bottom: -40px; right: -20px; opacity: 0.3; } .auteur { font-size: 18px; color: #764ba2; font-weight: bold; margin-top: 30px; text-align: right; } .auteur::before { content: ‘— ‘; } .numero-citation { position: absolute; top: 15px; right: 20px; background: #667eea; color: white; padding: 5px 12px; border-radius: 15px; font-size: 12px; font-weight: bold; } .nouvelle-citation-btn { background: linear-gradient(45deg, #667eea, #764ba2); color: white; border: none; padding: 12px 30px; border-radius: 25px; font-size: 16px; cursor: pointer; margin-top: 30px; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); } .nouvelle-citation-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); } .footer { margin-top: 30px; font-size: 14px; color: #7f8c8d; } .footer a { color: #667eea; text-decoration: none; } .footer a:hover { text-decoration: underline; } @media (max-width: 768px) { .citation-container { padding: 20px; margin: 10px; } .titre { font-size: 24px; } .citation-text { font-size: 18px; } }

Citation du Jour

Taha-Hassine Ferhat
// Collection de citations de Taha-Hassine Ferhat const citations = [ « La richesse aveugle, la pauvreté éclaire. », « L’intelligence humaine est à l’intelligence artificielle ce que le carburant est au moteur. », « Les mots sont les ponts entre les âmes. », « La vérité ne craint pas la lumière, mais l’ignorance fuit l’ombre. », « Celui qui plante un arbre plante l’espoir. », « Le silence en dit parfois plus que mille discours. », « L’éducation est la clé qui ouvre toutes les portes de l’avenir. », « La patience est l’art de garder espoir dans l’attente. », « Chaque échec est une marche vers la réussite. », « L’humilité est la grandeur qui ne se voit pas. », « Le temps guérit les blessures mais laisse les cicatrices de la sagesse. », « La beauté réside dans l’œil de celui qui sait regarder. », « Le courage n’est pas l’absence de peur, mais la décision d’agir malgré elle. », « Les livres sont les amis silencieux qui parlent le plus fort. », « L’amour véritable ne demande rien en retour si ce n’est d’être. », « La liberté commence là où finit l’ignorance. », « Celui qui donne reçoit toujours plus qu’il n’offre. », « Les rêves sont les graines de la réalité de demain. », « La joie partagée est une joie doublée. », « L’art de vivre consiste à transformer les obstacles en opportunités. », « La sagesse n’est pas de tout savoir, mais de savoir ce qui importe. », « Chaque sourire est une victoire sur la tristesse du monde. », « L’espoir est la lumière qui guide dans les ténèbres de l’incertitude. », « La simplicité est l’ultime sophistication. », « Celui qui sème la bonté récolte toujours la paix. », « Le respect de soi commence par le respect des autres. », « Les larmes d’aujourd’hui sont les perles de demain. », « L’authenticité est le plus beau des masques à porter. », « La créativité naît de la rencontre entre l’imagination et la réalité. », « Celui qui écoute vraiment entend au-delà des mots. », « La gratitude transforme ce que nous avons en suffisance. », « L’erreur est humaine, le pardon est divin. », « Chaque instant présent est un cadeau du temps. », « La persévérance est l’art de continuer quand tout semble fini. », « L’âme grandit dans le silence et s’épanouit dans l’action. », « La tolérance est le pont entre les différences. », « Celui qui cherche la vérité la trouve toujours en lui-même. », « L’amitié sincère est un trésor qui ne se déprécie jamais. », « Le bonheur n’est pas une destination mais une façon de voyager. », « La paix intérieure rayonne vers l’extérieur. », « Chaque lever de soleil apporte de nouvelles possibilités. », « L’optimisme est un choix, le pessimisme une habitude. », « La générosité enrichit celui qui donne autant que celui qui reçoit. », « Le changement commence par un premier pas courageux. », « La beauté de l’âme illumine le visage le plus simple. », « Celui qui apprend de ses erreurs transforme ses faiblesses en forces. », « L’innovation naît de la curiosité et de l’audace. », « La compassion est la voix du cœur qui parle à tous les cœurs. », « Chaque difficulté surmontée révèle une force insoupçonnée. », « La sérénité s’acquiert par l’acceptation de ce qui ne peut être changé. » ]; function obtenirDateFormatee() { const options = { weekday: ‘long’, year: ‘numeric’, month: ‘long’, day: ‘numeric’ }; return new Date().toLocaleDateString(‘fr-FR’, options); } function obtenirCitationDuJour() { // Utilise la date actuelle pour générer un index stable pour la journée const aujourd_hui = new Date(); const debut_annee = new Date(aujourd_hui.getFullYear(), 0, 1); const jour_annee = Math.floor((aujourd_hui – debut_annee) / (24 * 60 * 60 * 1000)); // Utilise le jour de l’année pour sélectionner une citation const index = jour_annee % citations.length; return { text: citations[index], numero: index + 1 }; } function obtenirCitationAleatoire() { const index = Math.floor(Math.random() * citations.length); return { text: citations[index], numero: index + 1 }; } function afficherCitation(citation) { document.getElementById(‘citationTexte’).textContent = citation.text; document.getElementById(‘numeroCitation’).textContent = `#${citation.numero}`; } function changerCitation() { const nouvelleCitation = obtenirCitationAleatoire(); afficherCitation(nouvelleCitation); } // Initialisation au chargement de la page document.addEventListener(‘DOMContentLoaded’, function() { // Afficher la date document.getElementById(‘dateJour’).textContent = obtenirDateFormatee(); // Afficher la citation du jour const citationDuJour = obtenirCitationDuJour(); afficherCitation(citationDuJour); });

[citation-du-jour]

Retour en haut