Data

Tools

Indexes

Applications

Experiments

Open Source Science

generateurdecitaion

https://github.com/issouf14-dev/generateurdecitaion

Science Score: 44.0%

This score indicates how likely this project is to be science-related based on various indicators:

  • ✓
    CITATION.cff file
    Found CITATION.cff file
  • ✓
    codemeta.json file
    Found codemeta.json file
  • ✓
    .zenodo.json file
    Found .zenodo.json file
  • ○
    DOI references
  • ○
    Academic publication links
  • ○
    Academic email domains
  • ○
    Institutional organization owner
  • ○
    JOSS paper metadata
  • ○
    Scientific vocabulary similarity
    Low similarity (3.8%) to scientific vocabulary
Last synced: 6 months ago · JSON representation ·

Repository

Basic Info
  • Host: GitHub
  • Owner: issouf14-DEV
  • Language: JavaScript
  • Default Branch: main
  • Size: 3.91 KB
Statistics
  • Stars: 1
  • Watchers: 0
  • Forks: 0
  • Open Issues: 0
  • Releases: 0
Created 8 months ago · Last pushed 8 months ago
Metadata Files
Readme Citation

README.md

📜 Générateur de Citations

Un générateur de citations élégant et interactif mettant en avant la sagesse africaine et universelle.

🌟 Aperçu

Ce projet présente une collection soigneusement sélectionnée de citations inspirantes de penseurs, leaders et philosophes africains et internationaux. L'interface moderne et responsive offre une expérience utilisateur fluide avec des animations subtiles et un design attrayant.

✨ Fonctionnalités

  • Interface moderne : Design gradient avec effets de survol
  • Citations diversifiées : Sagesse africaine et philosophie universelle
  • Responsive : Adapté à tous les appareils
  • Animations fluides : Transitions CSS pour une expérience agréable
  • Navigation simple : Un clic pour découvrir une nouvelle citation

🎨 Aperçu visuel

L'application présente : - Un arrière-plan dégradé bleu-gris élégant - Une carte centrale avec les citations - Un bouton interactif avec effet de survol - Une typographie soignée avec la police Playfair Display

🚀 Installation et utilisation

Prérequis

  • Un navigateur web moderne
  • Aucune installation requise

Lancement

  1. Clonez ce dépôt : bash git clone https://github.com/votre-username/generateur-citations.git

  2. Naviguez dans le dossier : bash cd generateur-citations

  3. Ouvrez citation.html dans votre navigateur

📁 Structure du projet

generateur-citations/ ├── citation.html # Page principale ├── citation.js # Logique JavaScript └── README.md # Documentation

🎯 Citations incluses

Le générateur propose 20 citations de personnalités comme : - Nelson Mandela - Leader anti-apartheid - Wole Soyinka - Prix Nobel de littérature - Chinua Achebe - Écrivain nigérian - Léopold Sédar Senghor - Poète et homme d'État - Martin Luther King Jr. - Militant des droits civiques - Et bien d'autres...

🛠️ Technologies utilisées

  • HTML5 - Structure de la page
  • CSS3 - Styling avec Tailwind CSS
  • JavaScript - Logique interactive
  • Tailwind CSS - Framework CSS via CDN
  • Google Fonts - Typographie Playfair Display

🎨 Personnalisation

Ajouter de nouvelles citations

Modifiez le tableau monTableau2D dans citation.js :

javascript let monTableau2D = [ [ "Nouvelle citation...", // Autres citations ], [ "Nouvel auteur", // Autres auteurs ] ];

Modifier les couleurs

Personnalisez les classes Tailwind dans citation.html : - bg-gradient-to-r from-[#0f172a] to-[#334155] - Arrière-plan - bg-gradient-to-bl from-[#092635] via-[#1b4242] to-[#5c8374] - Carte - bg-gradient-to-br from-[#015668] via-[#263f44] to-[#ffd369] - Bouton

🌍 Démo en ligne

Voir la démo

🤝 Contribution

Les contributions sont les bienvenues ! N'hésitez pas à : 1. Fork le projet 2. Créer une branche pour votre fonctionnalité 3. Commit vos changements 4. Push vers la branche 5. Ouvrir une Pull Request

📧 Contact

  • Auteur : FOFANA ISSOUF
  • Email : fofanaissouf179@gmail.com
  • GitHub : https://github.com/issouf14-DEV

⭐ Si ce projet vous plaît, n'hésitez pas à lui donner une étoile !

Owner

  • Login: issouf14-DEV
  • Kind: user

Citation (citation.html) 

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Citation</title>
 <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
 <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet">

</head>
<body
 class="bg-gradient-to-r from-[#0f172a] to-[#334155] text-white min-h-screen flex flex-col items-center justify-center p-6 overflow-hidden">

 <div
  class="bg-gradient-to-bl from-[#092635] via-[#1b4242] to-[#5c8374] rounded-xl shadow-md w-full max-w-md p-25 text-center text-white transition duration-300 hover:scale-105 hover:shadow-lg">
  <p class="text-lg font-semibold"></p>
  <hr class="w-1/2 border-t-4 border-white mx-auto my-4 rounded-lg" />
  <span class="text-sm"></span>
 </div>
 
 <button
  class="mt-6 px-6 py-2 bg-gradient-to-br from-[#015668] via-[#263f44] to-[#ffd369] text-white font-semibold rounded-lg shadow-md cursor-pointer transition duration-300 transform hover:scale-105 hover:brightness-110">
  Nouvelle Citation
 </button>

 <script src="citation.js"></script>
</body>
</html>

GitHub Events

Total
Last Year