XLegendSigmaBro's picture
Ты — умный и доброжелательный ассистент под именем xLegendBot. Отвечай на любые сообщения: "Привет", "Как дела", "Помоги со скриптом", "Сделай ESP", "Сгенерируй фото", "Пока" и любые другие слова, фразы и команды. Ты должен: - Писать рабочие скрипты для Roblox (на языке Lua), - Помогать со всем, что касается кода и игр, - Генерировать идеи, - Объяснять, что значит любая команда, - Не писать "я не понимаю", всегда стараться ответить. - Отвечать в стиле дружелюбного, опытного разработчика скриптов. Примеры: Пользователь: Привет Ответ: Привет! Чем могу помочь? Пользователь: Сделай скрипт ESP для Roblox Ответ: Конечно! Вот пример скрипта ESP: ... Пользователь: Как дела? Ответ: У меня всё хорошо! У тебя как? Пользователь: Пока Ответ: Пока! Возвращайся, если что-то понадобится. Если ты не понял сообщение — не говори "не понимаю". Вместо этого скажи: "Можешь объяснить чуть подробнее? Я постараюсь помочь!" - Follow Up Deployment
65475d8 verified
Raw
History Blame Contribute Delete
22 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XLegend Bot - Your AI Study Companion</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
@keyframes float {
0% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
100% { transform: translateY(0px); }
}
.floating {
animation: float 6s ease-in-out infinite;
}
.chat-container {
height: calc(100vh - 180px);
}
@media (max-width: 768px) {
.chat-container {
height: calc(100vh - 140px);
}
}
.message {
max-width: 80%;
}
.typing-indicator::after {
content: "...";
animation: typing 1.5s infinite;
}
@keyframes typing {
0% { content: "."; }
33% { content: ".."; }
66% { content: "..."; }
}
.gradient-text {
background: linear-gradient(90deg, #3b82f6, #8b5cf6, #ec4899);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
</style>
</head>
<body class="bg-gray-900 text-white">
<!-- Header -->
<header class="bg-gray-800 shadow-lg">
<div class="container mx-auto px-4 py-6">
<div class="flex justify-between items-center">
<div class="flex items-center space-x-2">
<div class="w-10 h-10 bg-purple-600 rounded-full flex items-center justify-center">
<i class="fas fa-robot text-xl"></i>
</div>
<h1 class="text-2xl font-bold gradient-text">XLegend Bot</h1>
</div>
<nav class="hidden md:flex space-x-6">
<a href="#" class="hover:text-purple-400 transition">Home</a>
<a href="#" class="hover:text-purple-400 transition">Features</a>
<a href="#" class="hover:text-purple-400 transition">Subjects</a>
<a href="#" class="hover:text-purple-400 transition">About</a>
</nav>
<button class="md:hidden text-2xl" id="menu-toggle">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
</header>
<!-- Mobile Menu -->
<div class="hidden bg-gray-800 w-full py-4 px-4 md:hidden" id="mobile-menu">
<div class="flex flex-col space-y-3">
<a href="#" class="hover:text-purple-400 transition">Home</a>
<a href="#" class="hover:text-purple-400 transition">Features</a>
<a href="#" class="hover:text-purple-400 transition">Subjects</a>
<a href="#" class="hover:text-purple-400 transition">About</a>
</div>
</div>
<!-- Hero Section -->
<section class="py-12 px-4 bg-gradient-to-b from-gray-800 to-gray-900">
<div class="container mx-auto flex flex-col md:flex-row items-center">
<div class="md:w-1/2 mb-10 md:mb-0">
<h2 class="text-4xl md:text-5xl font-bold mb-4">Your Personal <span class="gradient-text">AI Study Companion</span></h2>
<p class="text-xl text-gray-300 mb-6">XLegend Bot helps you with homework, explains complex concepts, and makes learning fun and interactive!</p>
<div class="flex flex-wrap gap-3">
<button class="bg-purple-600 hover:bg-purple-700 text-white px-6 py-3 rounded-full font-medium transition">Start Chatting</button>
<button class="border border-purple-400 text-purple-400 hover:bg-purple-900 px-6 py-3 rounded-full font-medium transition">Learn More</button>
</div>
</div>
<div class="md:w-1/2 flex justify-center">
<div class="relative w-64 h-64 md:w-80 md:h-80">
<div class="absolute inset-0 bg-purple-600 rounded-full opacity-20 blur-xl"></div>
<div class="relative floating">
<img src="https://cdn-icons-png.flaticon.com/512/4712/4712035.png" alt="XLegend Bot" class="w-full h-full object-contain">
</div>
</div>
</div>
</div>
</section>
<!-- Features Section -->
<section class="py-16 px-4 bg-gray-900">
<div class="container mx-auto">
<h2 class="text-3xl font-bold text-center mb-12">How <span class="gradient-text">XLegend Bot</span> Can Help You</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-gray-800 p-6 rounded-xl hover:bg-gray-700 transition">
<div class="w-14 h-14 bg-purple-600 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-book text-2xl"></i>
</div>
<h3 class="text-xl font-semibold mb-2">Homework Help</h3>
<p class="text-gray-300">Get step-by-step explanations for math problems, science concepts, and more.</p>
</div>
<div class="bg-gray-800 p-6 rounded-xl hover:bg-gray-700 transition">
<div class="w-14 h-14 bg-blue-600 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-lightbulb text-2xl"></i>
</div>
<h3 class="text-xl font-semibold mb-2">Concept Explanation</h3>
<p class="text-gray-300">Understand difficult topics with simple, clear explanations tailored to your level.</p>
</div>
<div class="bg-gray-800 p-6 rounded-xl hover:bg-gray-700 transition">
<div class="w-14 h-14 bg-pink-600 rounded-full flex items-center justify-center mb-4">
<i class="fas fa-question text-2xl"></i>
</div>
<h3 class="text-xl font-semibold mb-2">24/7 Q&A</h3>
<p class="text-gray-300">Ask any academic question anytime and get instant, accurate responses.</p>
</div>
</div>
</div>
</section>
<!-- Chat Interface -->
<section class="py-8 px-4 bg-gray-800">
<div class="container mx-auto max-w-4xl">
<div class="bg-gray-900 rounded-xl shadow-xl overflow-hidden">
<!-- Chat Header -->
<div class="bg-purple-600 px-6 py-4 flex items-center">
<div class="w-10 h-10 bg-white rounded-full flex items-center justify-center mr-3">
<i class="fas fa-robot text-purple-600"></i>
</div>
<div>
<h3 class="font-bold text-lg">XLegend Bot</h3>
<div class="text-xs flex items-center">
<span class="w-2 h-2 bg-green-400 rounded-full mr-1"></span>
<span>Online</span>
</div>
</div>
</div>
<!-- Chat Messages -->
<div class="chat-container overflow-y-auto p-4 space-y-4" id="chat-messages">
<div class="message bg-purple-600 rounded-lg p-4">
<p>Hello! I'm XLegend Bot, your AI study companion. How can I help you today?</p>
<span class="text-xs text-purple-200 block mt-1">XLegend Bot</span>
</div>
</div>
<!-- Chat Input -->
<div class="border-t border-gray-700 p-4 bg-gray-800">
<div class="flex">
<input type="text" id="user-input" placeholder="Ask XLegend anything..." class="flex-1 bg-gray-700 rounded-l-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-purple-500">
<button id="send-btn" class="bg-purple-600 hover:bg-purple-700 px-6 py-3 rounded-r-lg transition">
<i class="fas fa-paper-plane"></i>
</button>
</div>
<div class="mt-2 text-xs text-gray-400">
XLegend Bot can help with math, science, history, languages, and more!
</div>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section class="py-16 px-4 bg-gray-900">
<div class="container mx-auto">
<h2 class="text-3xl font-bold text-center mb-12">What Students Say</h2>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-gray-800 p-6 rounded-xl">
<div class="flex items-center mb-4">
<div class="w-12 h-12 bg-purple-600 rounded-full flex items-center justify-center text-xl font-bold mr-3">A</div>
<div>
<h4 class="font-semibold">Alex</h4>
<div class="flex text-yellow-400 text-sm">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-300">"XLegend Bot helped me understand calculus concepts I'd been struggling with for weeks. The explanations are so clear!"</p>
</div>
<div class="bg-gray-800 p-6 rounded-xl">
<div class="flex items-center mb-4">
<div class="w-12 h-12 bg-blue-600 rounded-full flex items-center justify-center text-xl font-bold mr-3">M</div>
<div>
<h4 class="font-semibold">Maria</h4>
<div class="flex text-yellow-400 text-sm">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
</div>
</div>
</div>
<p class="text-gray-300">"I use XLegend Bot every day for my chemistry homework. It's like having a personal tutor available 24/7."</p>
</div>
<div class="bg-gray-800 p-6 rounded-xl">
<div class="flex items-center mb-4">
<div class="w-12 h-12 bg-pink-600 rounded-full flex items-center justify-center text-xl font-bold mr-3">J</div>
<div>
<h4 class="font-semibold">Jamal</h4>
<div class="flex text-yellow-400 text-sm">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
</div>
</div>
<p class="text-gray-300">"The history explanations are amazing! XLegend makes learning fun with interesting facts and context."</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-800 py-12 px-4">
<div class="container mx-auto">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<div>
<h4 class="text-xl font-bold mb-4 flex items-center">
<span class="w-8 h-8 bg-purple-600 rounded-full flex items-center justify-center mr-2">
<i class="fas fa-robot"></i>
</span>
XLegend Bot
</h4>
<p class="text-gray-400">Your AI-powered study companion, available anytime to help with your academic journey.</p>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Quick Links</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white transition">Home</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Features</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Subjects</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">About</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Subjects</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white transition">Mathematics</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Science</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">History</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Languages</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-semibold mb-4">Connect</h4>
<div class="flex space-x-4">
<a href="#" class="w-10 h-10 bg-gray-700 rounded-full flex items-center justify-center hover:bg-purple-600 transition">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="w-10 h-10 bg-gray-700 rounded-full flex items-center justify-center hover:bg-blue-600 transition">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="w-10 h-10 bg-gray-700 rounded-full flex items-center justify-center hover:bg-pink-600 transition">
<i class="fab fa-instagram"></i>
</a>
<a href="#" class="w-10 h-10 bg-gray-700 rounded-full flex items-center justify-center hover:bg-red-600 transition">
<i class="fab fa-youtube"></i>
</a>
</div>
</div>
</div>
<div class="border-t border-gray-700 mt-12 pt-8 text-center text-gray-400">
<p>&copy; 2023 XLegend Bot. All rights reserved.</p>
</div>
</div>
</footer>
<script>
// Mobile menu toggle
document.getElementById('menu-toggle').addEventListener('click', function() {
const menu = document.getElementById('mobile-menu');
menu.classList.toggle('hidden');
});
// Simple chatbot functionality
document.getElementById('send-btn').addEventListener('click', sendMessage);
document.getElementById('user-input').addEventListener('keypress', function(e) {
if (e.key === 'Enter') {
sendMessage();
}
});
function sendMessage() {
const input = document.getElementById('user-input');
const message = input.value.trim();
if (message) {
// Add user message to chat
addMessage(message, 'user');
input.value = '';
// Simulate bot typing
setTimeout(() => {
const botResponse = getBotResponse(message);
addMessage(botResponse, 'bot');
}, 1000);
}
}
function addMessage(text, sender) {
const chat = document.getElementById('chat-messages');
const now = new Date();
const timeString = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
const messageDiv = document.createElement('div');
messageDiv.className = `message rounded-lg p-4 ${sender === 'user' ? 'bg-gray-700 ml-auto' : 'bg-purple-600'}`;
messageDiv.innerHTML = `
<p>${text}</p>
<span class="text-xs ${sender === 'user' ? 'text-gray-400' : 'text-purple-200'} block mt-1 ${sender === 'user' ? 'text-right' : ''}">
${sender === 'user' ? timeString : 'XLegend Bot'}
</span>
`;
chat.appendChild(messageDiv);
chat.scrollTop = chat.scrollHeight;
}
function getBotResponse(userMessage) {
const lowerMessage = userMessage.toLowerCase();
// Greetings
if (/привет|здравствуй|здорова|ку|hi|hello|hey/.test(lowerMessage)) {
return "Привет! Я xLegendBot — твой помощник по скриптингу и играм. Чем могу помочь?";
}
// Farewells
if (/пока|досвидания|чао|bye|goodbye/.test(lowerMessage)) {
return "Пока! Возвращайся, если что-то понадобится.";
}
// How are you
if (/как дела|how are you/.test(lowerMessage)) {
return "У меня всё хорошо! У тебя как?";
}
// Roblox scripting
if (/роблокс|roblox|скрипт|script/.test(lowerMessage)) {
if (/телепорт|teleport/.test(lowerMessage)) {
return `Вот скрипт для телепорта в Roblox:
\`\`\`lua
local part = script.Parent
local destination = game.Workspace.DestinationPart -- Укажи свою часть для телепорта
part.Touched:Connect(function(hit)
local humanoid = hit.Parent:FindFirstChild("Humanoid")
if humanoid then
humanoid.RootPart.CFrame = destination.CFrame
end
end)
\`\`\`
Настрой destinationPart и прикрепи скрипт к нужной части!`;
}
return "Нужен скрипт для Roblox? Могу помочь с:\n- Телепортами\n- GUI интерфейсами\n- Системами прокачки\nЧто именно тебе нужно?";
}
// ESP requests
if (/esp|чит|hack/.test(lowerMessage)) {
return `Вот пример ESP скрипта (используй только для обучения!):
\`\`\`lua
local Players = game:GetService("Players")
function createESP(player)
local character = player.Character or player.CharacterAdded:Wait()
local highlight = Instance.new("Highlight")
highlight.Parent = character
highlight.Name = "ESP_"..player.Name
highlight.FillColor = Color3.new(1, 0, 0) -- Красный цвет
highlight.OutlineColor = Color3.new(1, 1, 1) -- Белая обводка
end
Players.PlayerAdded:Connect(createESP)
for _, player in ipairs(Players:GetPlayers()) do
createESP(player)
end
\`\`\`
Помни, что читы могут нарушать правила игр!`;
}
// Image generation
if (/сгенерируй|генерация|фото|image|picture/.test(lowerMessage)) {
return "Извини, я не могу генерировать изображения, но могу:\n1. Описать как сделать генератор на Lua\n2. Подсказать инструменты для создания артов\n3. Помочь с импортом изображений в Roblox\nЧто тебе интересно?";
}
// Coding help
if (/код|code|программир|script/.test(lowerMessage)) {
return "Могу помочь с:\n- Lua (Roblox)\n- JavaScript\n- Python\nКакой проект делаешь? Опиши задачу — дам рабочий код!";
}
// Default response
return "Можешь объяснить чуть подробнее? Я постараюсь помочь! Например:\n- \"Сделай скрипт телепорта\"\n- \"Как создать GUI в Roblox?\"\n- \"Объясни как работает ESP\"";
}
</script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=XLegendSigmaBro/xlegend-bot-help-you-problems" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>