Added new fuctions

index.html

@@ -14,12 +14,14 @@
         <header id="header">
             <div id="logo-container">
                 <svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg" class="logo" role="img">
+                    <!-- Ajouter votre chemin SVG ici -->
                     <path d="M37.5324 16.8707C37.9808 15.5241 38.1363 14.0974 37.9886 12.6859C37.8409 11.2744 37.3934 9.91076 36.676 8.68622C35.6126 6.83404 33.9882 5.3676 32.0373 4.4985C30.0864 3.62941 27.9098 3.40259 25.8215 3.85078C24.8796 2.7893 23.7219 1.94125 22.4257 1.36341C21.1295 0.785575 19.7249 0.491269 18.3058 0.500197C16.1708 0.495044 14.0893 1.16803 12.3614 2.42214C10.6335 3.67624 9.34853 5.44666 8.6917 7.47815C7.30085 7.76286 5.98686 8.3414 4.8377 9.17505C3.68854 10.0087 2.73073 11.0782 2.02839 12.312C0.956464 14.1591 0.498905 16.2988 0.721698 18.4228C0.944492 20.5467 1.83612 22.5449 3.268 24.1293C2.81966 25.4759 2.66413 26.9026 2.81182 28.3141C2.95951 29.7256 3.40701 31.0892 4.12437 32.3138C5.18791 34.1659 6.8123 35.6322 8.76321 36.5013C10.7141 37.3704 12.8907 37.5973 14.9789 37.1492C15.9208 38.2107 17.0786 39.0587 18.3747 39.6366C19.6709 40.2144 21.0755 40.5087 22.4946 40.4998C24.6307 40.5054 26.7133 39.8321 28.4418 38.5772C30.1704 37.3223 31.4556 35.5506 32.1119 33.5179C33.5027 33.2332 34.8167 32.6547 35.9659 31.821C37.115 30.9874 38.0728 29.9178 38.7752 28.684C39.8458 26.8371 40.3023 24.6979 40.0789 22.5748C39.8556 20.4517 38.9639 18.4544 37.5324 16.8707ZM22.4978 37.8849C20.7443 37.8874 19.0459 37.2733 17.6994 36.1501C17.7601 36.117 17.8666 36.0586 17.936 36.0161L25.9004 31.4156C26.1003 31.3019 26.2663 31.137 26.3813 30.9378C26.4964 30.7386 26.5563 30.5124 26.5549 30.2825V19.0542L29.9213 20.998C29.9389 21.0068 29.9541 21.0198 29.9656 21.0359C29.977 21.052 29.9842 21.0707 29.9867 21.0902V30.3889C29.9842 32.375 29.1946 34.2791 27.7909 35.6841C26.3872 37.0892 24.4838 37.8806 22.4978 37.8849ZM6.39227 31.0064C5.51397 29.4888 5.19742 27.7107 5.49804 25.9832C5.55718 26.0187 5.66048 26.0818 5.73461 26.1244L13.699 30.7248C13.8975 30.8408 14.1233 30.902 14.3532 30.902C14.583 30.902 14.8088 30.8408 15.0073 30.7248L24.731 25.1103V28.9979C24.7321 29.0177 24.7283 29.0376 24.7199 29.0556C24.7115 29.0736 24.6988 29.0893 24.6829 29.1012L16.6317 33.7497C14.9096 34.7416 12.8643 35.0097 10.9447 34.4954C9.02506 33.9811 7.38785 32.7263 6.39227 31.0064ZM4.29707 13.6194C5.17156 12.0998 6.55279 10.9364 8.19885 10.3327C8.19885 10.4013 8.19491 10.5228 8.19491 10.6071V19.808C8.19351 20.0378 8.25334 20.2638 8.36823 20.4629C8.48312 20.6619 8.64893 20.8267 8.84863 20.9404L18.5723 26.5542L15.206 28.4979C15.1894 28.5089 15.1703 28.5155 15.1505 28.5173C15.1307 28.5191 15.1107 28.516 15.0924 28.5082L7.04046 23.8557C5.32135 22.8601 4.06716 21.2235 3.55289 19.3046C3.03862 17.3858 3.30624 15.3413 4.29707 13.6194ZM31.955 20.0556L22.2312 14.4411L25.5976 12.4981C25.6142 12.4872 25.6333 12.4805 25.6531 12.4787C25.6729 12.4769 25.6928 12.4801 25.7111 12.4879L33.7631 17.1364C34.9967 17.849 36.0017 18.8982 36.6606 20.1613C37.3194 21.4244 37.6047 22.849 37.4832 24.2684C37.3617 25.6878 36.8382 27.0432 35.9743 28.1759C35.1103 29.3086 33.9415 30.1717 32.6047 30.6641C32.6047 30.5947 32.6047 30.4733 32.6047 30.3889V21.188C32.6066 20.9586 32.5474 20.7328 32.4332 20.5338C32.319 20.3348 32.154 20.1698 31.955 20.0556ZM35.3055 15.0128C35.2464 14.9765 35.1431 14.9142 35.069 14.8717L27.1045 10.2712C26.906 10.1554 26.6803 10.0943 26.4504 10.0943C26.2206 10.0943 25.9948 10.1554 25.7963 10.2712L16.0726 15.8858V11.9982C16.0715 11.9783 16.0753 11.9585 16.0837 11.9405C16.0921 11.9225 16.1048 11.9068 16.1207 11.8949L24.1719 7.25025C25.4053 6.53903 26.8158 6.19376 28.2383 6.25482C29.6608 6.31589 31.0364 6.78077 32.2044 7.59508C33.3723 8.40939 34.2842 9.53945 34.8334 10.8531C35.3826 12.1667 35.5464 13.6095 35.3055 15.0128ZM14.2424 21.9419L10.8752 19.9981C10.8576 19.9893 10.8423 19.9763 10.8309 19.9602C10.8195 19.9441 10.8122 19.9254 10.8098 19.9058V10.6071C10.8107 9.18295 11.2173 7.78848 11.9819 6.58696C12.7466 5.38544 13.8377 4.42659 15.1275 3.82264C16.4173 3.21869 17.8524 2.99464 19.2649 3.1767C20.6775 3.35876 22.0089 3.93941 23.1034 4.85067C23.0427 4.88379 22.937 4.94215 22.8668 4.98473L14.9024 9.58517C14.7025 9.69878 14.5366 9.86356 14.4215 10.0626C14.3065 10.2616 14.2466 10.4877 14.2479 10.7175L14.2424 21.9419ZM16.071 17.9991L20.4018 15.4978L24.7325 17.9975V22.9985L20.4018 25.4983L16.071 22.9985V17.9991Z" fill="currentColor"></path>
                 </svg>
                 <h3>ChatGPT</h3>
             </div>
             <button id="new-chat-btn" title="Nouveau Chat">
                 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" class="icon-xl-heavy">
+                    <!-- Ajouter votre chemin SVG ici -->
                     <path d="M15.673 3.913a3.121 3.121 0 1 1 4.414 4.414l-5.937 5.937a5 5 0 0 1-2.828 1.415l-2.18.31a1 1 0 0 1-1.132-1.13l.311-2.18A5 5 0 0 1 9.736 9.85zm3 1.414a1.12 1.12 0 0 0-1.586 0l-5.937 5.937a3 3 0 0 0-.849 1.697l-.123.86.86-.122a3 3 0 0 0 1.698-.849l5.937-5.937a1.12 1.12 0 0 0 0-1.586M11 4A1 1 0 0 1 10 5c-.998 0-1.702.008-2.253.06-.54.052-.862.141-1.109.267a3 3 0 0 0-1.311 1.311c-.134.263-.226.611-.276 1.216C5.001 8.471 5 9.264 5 10.4v3.2c0 1.137 0 1.929.051 2.546.05.605.142.953.276 1.216a3 3 0 0 0 1.311 1.311c.263.134.611.226 1.216.276.617.05 1.41.051 2.546.051h3.2c1.137 0 1.929 0 2.546-.051.605-.05.953-.142 1.216-.276a3 3 0 0 0 1.311-1.311c.126-.247.215-.569.266-1.108.053-.552.06-1.256.06-2.255a1 1 0 1 1 2 .002c0 .978-.006 1.78-.069 2.442-.064.673-.192 1.27-.475 1.827a5 5 0 0 1-2.185 2.185c-.592.302-1.232.428-1.961.487C15.6 21 14.727 21 13.643 21h-3.286c-1.084 0-1.958 0-2.666-.058-.728-.06-1.369-.185-1.96-.487a5 5 0 0 1-2.186-2.185c-.302-.592-.428-1.233-.487-1.961C3 15.6 3 14.727 3 13.643v-3.286c0-1.084 0-1.958.058-2.666.06-.729.185-1.369.487-1.961A5 5 0 0 1 5.73 3.545c.556-.284 1.154-.411 1.827-.475C8.22 3.007 9.021 3 10 3A1 1 0 0 1 11 4"></path>
                 </svg>
             </button>
@@ -38,20 +40,23 @@ <h3>ChatGPT</h3>
                 <input type="text" id="user-input" placeholder="Tapez un message...">
                 <button id="send-button" title="Envoyer">
                     <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32" class="icon-2xl">
+                        <!-- Ajouter votre chemin SVG ici -->
                         <path fill="currentColor" fill-rule="evenodd" d="M15.192 8.906a1.143 1.143 0 0 1 1.616 0l5.143 5.143a1.143 1.143 0 0 1-1.616 1.616l-3.192-3.192v9.813a1.143 1.143 0 0 1-2.286 0v-9.813l-3.192 3.192a1.143 1.143 0 1 1-1.616-1.616z" clip-rule="evenodd"></path>
                     </svg>
                 </button>
                 <label for="file-input" id="file-btn" title="Envoyer un fichier">
                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+                        <!-- Ajouter votre chemin SVG ici -->
                         <path fill="currentColor" fill-rule="evenodd" d="M9 7a5 5 0 0 1 10 0v8a7 7 0 1 1-14 0V9a1 1 0 0 1 2 0v6a5 5 0 0 0 10 0V7a3 3 0 1 0-6 0v8a1 1 0 1 0 2 0V9a1 1 0 1 1 2 0v6a3 3 0 1 1-6 0z" clip-rule="evenodd"></path>
                     </svg>
                 </label>
-                <input type="file" id="file-input">
+                <input type="file" id="file-input" class="hidden">
             </div>
         </main>
     </div>
 
     <script src="scripts.js"></script>
+    <script src="responses.js"></script>
 </body>
 
 </html>

responses.js

@@ -0,0 +1,160 @@
+// responses.js
+
+// Réponses aléatoires pour les insultes (mode roast)
+window.roasts = [
+    "C'est adorable que tu te trouves suffisamment intéressant pour poser des questions. On dirait que tu cherches désespérément de l'attention.",
+    "Envoyer ce fichier ? Ah, la joie de voir quelqu'un s'exciter pour des choses aussi insignifiantes.",
+    "Wow, un autre message ? Tu es vraiment un maître dans l'art de l'ennui. Chapeau bas !",
+    "C'est fascinant de voir quelqu'un capable de rendre chaque question aussi palpitante qu'une conférence sur les législations fiscales.",
+    "Tes tentatives pour me surprendre sont aussi rafraîchissantes qu'un coup de vent dans un désert.",
+    "Si la paresse était un art, tu serais un véritable Picasso. Tes messages sont des chefs-d'œuvre de l'inutilité.",
+    "On dirait que tu es en compétition pour le titre de champion du monde de l'ennui. Félicitations, tu es en bonne voie pour gagner !",
+    "Je suis impressionné par ta capacité à transformer des interactions simples en un spectacle d'ennui absolu. Bravo pour cet exploit !",
+    "Chaque fois que tu envoies un message, c'est comme si tu avais pris un cours sur comment être le plus banal possible. C'est un talent rare.",
+    "Si les questions pouvaient être évaluées, les tiennes recevraient le prix Nobel de la monotonie.",
+    "Il faut vraiment un talent particulier pour rendre les interactions aussi captivantes qu'une liste de numéros de téléphone.",
+    "Chaque question que tu poses est une aventure dans le royaume du manque d'originalité. Tu dois être le roi des clichés.",
+    "Je suis ravi de voir que tu persistes dans l'art d'être ennuyeux. C'est un véritable don que tu maîtrises à la perfection.",
+    "Tes messages sont comme des films sans intrigue : on sait à l'avance qu'ils seront ennuyeux et sans intérêt.",
+    "Si l'ennui était une discipline olympique, tu serais déjà sur le podium avec une médaille d'or.",
+    "Tu sembles avoir fait des études approfondies sur l'art de poser des questions décevantes. Tes efforts sont vraiment remarquables.",
+    "Chaque fois que tu envoies un message, c'est comme si tu cherchais à battre un record mondial de l'ennui. Et tu réussis avec brio.",
+    "À quel point peux-tu être créatif dans le domaine de l'ennui ? Je suis curieux de voir jusqu'où tu peux aller.",
+    "C'est marrant que tu me demandes ça, mais as-tu envisagé d'apprendre à utiliser un ordinateur ?",
+    "Tu te surpasses vraiment en envoyant ce fichier inutile.",
+    "Envoyer ça ? On dirait que tu cherches à briller... mais non.",
+    "Wow, encore une question complexe... pour un enfant de 5 ans.",
+    "C'est toujours amusant de voir quelqu'un qui ne sait pas quoi faire avec un ordinateur.",
+    "Si tu cherches des encouragements, je te conseille de te tourner vers un miroir.",
+    "Tu es vraiment un expert en envoi de fichiers inutiles, bravo !",
+    "Encore une question ? Peut-être que tu devrais prendre des cours sur comment utiliser un ordinateur.",
+    "Je suis impressionné par ton dévouement à me faire perdre mon temps.",
+    "Oh, encore un autre message sans intérêt. Je commence à m'habituer à ce genre de chose.",
+    "Si la paresse était un sport olympique, tu aurais déjà gagné l'or.",
+    "Est-ce que tu sais ce que sont les compétences en informatique ? Ça pourrait t'aider.",
+    "Quelle créativité ! Poser des questions aussi passionnantes. Tu devrais vraiment obtenir un prix.",
+    "Est-ce que quelqu'un t'a dit que tes messages sont aussi intéressants qu'une feuille de papier ?",
+    "C'est impressionnant combien tu réussis à rendre chaque conversation aussi ennuyante.",
+    "J'espère que tu as d'autres talents, parce que les questions que tu poses sont un vrai chef-d'œuvre de l'ennui.",
+    "Bravo pour ton message ! J'avais oublié ce que c'était que d'être aussi peu inspirant.",
+    "Tu es un véritable maître de la banalité. Chaque message est un chef-d'œuvre d'ennui.",
+    "Si les questions ennuyeuses étaient des œuvres d'art, tu serais un Picasso.",
+    "Encore une question ? J'espère que tu n'attends pas une médaille pour ça.",
+    "Chaque message que tu envoies est comme une performance de stand-up, mais sans la partie comique.",
+    "Est-ce que tu as un livre sur comment être ennuyeux ? Je pense que tu écris le tome deux.",
+    "Si les questions que tu poses étaient des films, ce seraient des chefs-d'œuvre de la lenteur.",
+    "Oh, tu as une question ? Quelle originalité, je suis époustouflé.",
+    "Une autre question ? Tu ne te lasses jamais d'ennuyer les gens avec tes interrogations ?",
+    "C'est fascinant de voir à quel point tu es déterminé à poser des questions stupides.",
+    "Je vais répondre à ta question, même si je sais que c'est probablement une perte de temps.",
+    "Merci pour la question. Je suis sûr que ça ne changera pas grand-chose dans le grand schéma des choses.",
+    "Tu as encore une question ? Quel talent pour la persistance dans l'ennui."
+];
+
+
+// Réponses aléatoires pour les fichiers envoyés
+window.fileResponses = {
+    image: [
+        "Wow, une autre image ! On dirait que tu cherches désespérément à attirer l'attention.",
+        "Encore une image ? Tu collectionnes les clichés comme des trophées, c'est pathétique.",
+        "Une image encore ? Tu es vraiment le champion des fichiers inutiles.",
+        "Un autre chef-d'œuvre visuel ? C'est vraiment ce que tu voulais partager ?",
+        "À quel point peux-tu être ennuyeux avec tes images ? Challenge accepté.",
+        "Une image... Peut-être que tu devrais essayer de trouver quelque chose d'intéressant à faire."
+    ],
+    pdf: [
+        "Un PDF ! Je parie que c'est aussi passionnant que regarder de la peinture sécher.",
+        "Encore un PDF ? On dirait que tu as un problème avec les documents ennuyeux.",
+        "Un autre PDF. Tu fais sûrement des recherches sur comment être plus ennuyeux.",
+        "Je suis ravi de voir un autre PDF. Ça va vraiment égayer ma journée.",
+        "Un PDF ? C'est comme si tu essayais de me convaincre que tu es sérieux.",
+        "Merci pour le PDF. Je vais l'ajouter à ma collection de documents aussi intéressants qu'une feuille de papier."
+    ],
+    word: [
+        "Un fichier Word ! Je suis sûr que tu écris des choses aussi intéressantes qu'une liste de courses.",
+        "Un document Word ? Ça va être aussi captivant qu'une conférence sur les statistiques.",
+        "Encore un fichier Word ? Tu te surpasses dans l'art de la monotonie.",
+        "Je vois un document Word. J'espère qu'il contient quelque chose d'un peu moins ennuyeux.",
+        "Un autre Word ! Peut-être que tu devrais essayer de faire quelque chose de plus stimulant.",
+        "Un fichier Word, quelle surprise ! Comme c'est inattendu et passionnant."
+    ],
+    excel: [
+        "Un fichier Excel ! Je parie que c'est rempli de données aussi passionnantes que regarder les chiffres défiler.",
+        "Des feuilles de calcul ? Peut-être que tu pourrais essayer d'ajouter du divertissement à ta vie.",
+        "Encore un Excel ! Tu dois vraiment aimer les tableaux comme tout le monde aime le désespoir.",
+        "Un fichier Excel ? J'espère qu'il contient quelque chose de moins ennuyeux que les chiffres.",
+        "Excel, encore ! Je suis certain que tes compétences en tableur sont dignes d'un Oscar.",
+        "Merci pour le fichier Excel. Je vais le ranger à côté des autres documents fascinants."
+    ],
+    powerpoint: [
+        "Un PowerPoint ! Peut-être qu'il contient une présentation sur l'art de l'ennui.",
+        "Un autre fichier PowerPoint. J'espère qu'il est aussi divertissant qu'une conférence sur la paperasse.",
+        "PowerPoint, super ! Parce que rien ne dit 'passion' comme des diapositives ennuyeuses.",
+        "Je vois un PowerPoint. J'espère que ta présentation est aussi captivante qu'une réunion interminable.",
+        "Encore un PowerPoint ! Que pourrais-tu faire pour rendre cela encore plus ennuyeux ?",
+        "Merci pour le fichier PowerPoint. Je suis impatient de voir combien de diapositives ennuyeuses il contient."
+    ]
+};
+
+// Réponses générales aléatoires
+window.kindresponses = [
+    "Bonjour ! Comment puis-je t'aider aujourd'hui ?",
+    "Je suis là pour t'assister. Que puis-je faire pour toi ?",
+    "N'hésite pas à poser une question, je suis là pour ça !",
+    "Comment ça va ? Que puis-je faire pour toi aujourd'hui ?"
+];
+
+
+// Réponses spécifiques améliorées avec plus d'expressions courantes
+window.specificResponses = {
+    "bonjour": {
+        alone: "Bonjour ! Voilà une ouverture classique. J'espère que tu n'as pas épuisé toutes tes idées avec cette salutation.",
+        inSentence: "Ah, tu dis 'bonjour'. Une salutation pleine de promesses. Allons-nous maintenant explorer l'excitation de l'échange verbal ?"
+    },
+    "que sais tu faire": {
+        alone: "Tu veux savoir ce que je sais faire ? J'ai l'impression que tu cherches à remplir ton temps libre avec des questions stimulantes.",
+        inSentence: "Tu es curieux de mes compétences ? Voici un aperçu de ce que je peux offrir :\n" +
+                     "1. Convertir des unités - parfait pour t'éviter de faire des calculs qui te dépassent.\n" +
+                     "2. Traduire des textes - idéal pour les moments où tu te retrouves perdu dans une langue étrangère.\n" +
+                     "3. Calculer des expressions mathématiques - parce que même les équations simples semblent te poser problème.\n" +
+                     "4. Fournir des infos sur l'utilisateur - une touche de narcissisme pour égayer ta journée.\n" +
+                     "5. Envoyer des images aléatoires - pour ajouter un peu de couleur à ta routine quotidienne.\n" +
+                     "6. Réagir à des noms spécifiques - comme une touche personnalisée pour tes moments les plus ennuyeux.\n" +
+                     "7. Répondre à des questions courantes - pour t'aider à traverser les questions les plus élémentaires de la vie.\n" +
+                     "Prêt à tester ces capacités ? J'attends avec impatience tes prochaines questions."
+    },
+    "comment ça va": {
+        alone: "Ah, 'comment ça va'. Une question aussi originale qu'une tasse de café dans un bureau.",
+        inSentence: "Tu demandes comment ça va ? C'est merveilleux, je suis là pour faire passer ton ennui au niveau supérieur."
+    },
+    "merci": {
+        alone: "Merci ? Quelle politesse ! C'est presque rafraîchissant dans cet océan de banalités.",
+        inSentence: "Ah, des remerciements. C'est presque touchant, si ce n'était pas pour le fait que cela ne change rien à la routine monotone."
+    },
+    "au revoir": {
+        alone: "Au revoir ! J'espère que tu reviendras avec des questions plus stimulantes la prochaine fois.",
+        inSentence: "Ah, 'au revoir'. Je suppose que tu préfères t'éclipser plutôt que d'explorer davantage ce chat fascinant."
+    },
+    "quel est ton nom": {
+        alone: "Mon nom ? Je suis une entité virtuelle, pas un personnage de conte de fées. Mais si ça te fait plaisir, tu peux m'appeler comme tu veux.",
+        inSentence: "Tu veux savoir mon nom ? Pourquoi ne pas te concentrer sur les questions intéressantes pour changer ?"
+    },
+    "aide": {
+        alone: "Aide ? Une demande générale. Je suis curieux de savoir quel type d'aide tu cherches vraiment.",
+        inSentence: "Tu cries 'aide' dans l'obscurité. Peut-être que je peux illuminer ton chemin, ou du moins essayer."
+    },
+    "quel temps fait-il": {
+        alone: "Vérifier la météo ? C'est presque comme me demander l'heure, mais avec un peu plus de curiosité.",
+        inSentence: "Tu veux savoir la météo ? Peut-être que cela t'aidera à planifier ta journée d'ennui."
+    }
+};
+
+
+// Réponses pour les noms spécifiques
+window.nameResponses = {
+    "lucas charliers": "Ah, Lucas ! Encore un message de ta part ? Quelle surprise !",
+    "noah bruijninckx": "Bonjour Noah ! Que puis-je faire pour toi, à part te rappeler combien tes questions sont prévisibles ?",
+    "emma durand": "Emma ! Toujours là à poser des questions. J'espère que tu as quelque chose de moins ennuyeux à partager.",
+    "julien martin": "Julien ! Encore une fois avec tes questions ? Je suis impressionné par ta persistance.",
+    "isabelle thomas": "Isabelle ! Que puis-je faire pour toi aujourd'hui ? J'espère que ce ne sera pas aussi monotone que tes précédents messages."
+};