Файловый менеджер - Редактировать - /home/gqdcvggs/nouveau.conquerfive.net/eyefind/msg.html
Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Institut Exemple - Messagerie</title> <link href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet"> <style> body { background: #dcdcdc; font-family: 'Times New Roman', Times, serif; color: #333; } .container { background: #ffffff; border: 2px solid #000000; box-shadow: 5px 5px 0 #000000; padding: 20px; max-width: 800px; margin: 20px auto; text-align: center; } .header { border-bottom: 2px solid #000000; padding-bottom: 20px; margin-bottom: 20px; } .header h1 { font-size: 3rem; margin-bottom: 10px; } .header p { font-size: 1.25rem; color: #666; } .contacts { display: flex; justify-content: space-around; margin-bottom: 20px; } .contact { text-align: center; cursor: pointer; } .contact img { border: 2px solid #000000; border-radius: 50%; margin-bottom: 10px; } .modal { display: none; position: fixed; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.5); justify-content: center; align-items: center; } .modal-content { background: #ffffff; border: 2px solid #000000; box-shadow: 5px 5px 0 #000000; padding: 20px; width: 90%; max-width: 500px; text-align: left; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 5px; } .form-group input, .form-group textarea { width: 100%; padding: 10px; border: 2px solid #000000; margin-bottom: 10px; } .send-button { padding: 10px 20px; background: #000000; color: #ffffff; border: 2px solid #000000; cursor: pointer; } .close-button { float: right; cursor: pointer; padding: 5px; background: #000000; color: #ffffff; border: none; } .notification { display: none; position: fixed; bottom: 20px; right: 20px; background: #48bb78; color: white; padding: 10px 20px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); } </style> </head> <body> <div class="container"> <header class="header"> <h1>EyeFind message</h1> <p>Envoyer un message � un canal</p> </header> <div class="contacts"> <div class="contact" onclick="openModal('ANR')"> <img src="https://cdn.imators.com/anr.png" alt="ANR" class="w-24 h-24"> <p>ANR</p> </div> <div class="contact" onclick="openModal('contact2')"> <img src="https://via.placeholder.com/100" alt="Contact 2" class="w-24 h-24"> <p>Not found</p> </div> <div class="contact" onclick="openModal('contact3')"> <img src="https://via.placeholder.com/100" alt="Contact 3" class="w-24 h-24"> <p>Not found</p> </div> </div> </div> <div id="modal" class="modal"> <div class="modal-content"> <button class="close-button" onclick="closeModal()">X</button> <div class="form-group"> <label for="discord-username">Lien-D (Nom complet Discord) :</label> <input type="text" id="discord-username" placeholder="Entrez votre pseudo Discord"> </div> <div class="form-group"> <label for="message">Votre message :</label> <textarea id="message" rows="4" placeholder="Entrez votre message"></textarea> </div> <button class="send-button" onclick="sendMessage()">Envoyer</button> </div> </div> <div id="notification" class="notification"> Message envoy� avec succ�s. </div> <script> let selectedContact = ''; function openModal(contact) { selectedContact = contact; document.getElementById('modal').style.display = 'flex'; } function closeModal() { document.getElementById('modal').style.display = 'none'; } function showNotification(message) { const notification = document.getElementById('notification'); notification.textContent = message; notification.style.display = 'block'; setTimeout(() => { notification.style.display = 'none'; }, 3000); } function sendMessage() { const username = document.getElementById('discord-username').value; const message = document.getElementById('message').value; let webhookUrl = ''; if (!username || !message) { showNotification('Veuillez saisir votre pseudo Discord et votre message.'); return; } switch (selectedContact) { case 'contact1': webhookUrl = 'https://discord.com/api/webhooks/1256283040930332825/QEUV3orGrxytSnqo-gJSdLPEqwBEg339pkNIdbBxnLMNsgrHBUlTW-I72akeWMgkoAtU'; break; case 'contact2': webhookUrl = 'https://discord.com/api/webhooks/YOUR_WEBHOOK_ID_2/YOUR_WEBHOOK_TOKEN_2'; break; case 'contact3': webhookUrl = 'https://discord.com/api/webhooks/YOUR_WEBHOOK_ID_3/YOUR_WEBHOOK_TOKEN_3'; break; default: showNotification('Contact non valide.'); return; } const payload = { content: message, username: username, }; fetch(webhookUrl, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(payload), }) .then(response => { if (response.ok) { showNotification('Message envoy� avec succ�s.'); closeModal(); document.getElementById('discord-username').value = ''; document.getElementById('message').value = ''; } else { showNotification('Une erreur est survenue lors de l\'envoi du message.'); } }) .catch(error => { console.error('Erreur:', error); showNotification('Une erreur est survenue lors de l\'envoi du message.'); }); } </script> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка