Spaces:

raineye
/

ds

Running

App Files Files Community

raineye commited on Apr 6, 2025

Commit

c4fe9cb

verified ·

1 Parent(s): ef9f8f9

Add 2 files

Browse files

Files changed (2) hide show

README.md +7 -5
index.html +558 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Ds
-emoji: 🔥
-colorFrom: green
-colorTo: green
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: ds
+emoji: 🐳
+colorFrom: blue
+colorTo: pink
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,558 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DeepSeek Chat</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>
+        /* 自定义滚动条 */
+        ::-webkit-scrollbar {
+            width: 6px;
+        }
+        ::-webkit-scrollbar-track {
+            background: #1a1a1a;
+        }
+        ::-webkit-scrollbar-thumb {
+            background: #4b5563;
+            border-radius: 3px;
+        }
+        ::-webkit-scrollbar-thumb:hover {
+            background: #6b7280;
+        }
+        /* 打字动画 */
+        @keyframes typing {
+            from { width: 0 }
+            to { width: 100% }
+        }
+        .typing-animation {
+            overflow: hidden;
+            white-space: nowrap;
+            animation: typing 1s steps(40, end);
+        }
+        /* 消息气泡动画 */
+        @keyframes fadeIn {
+            from { opacity: 0; transform: translateY(10px); }
+            to { opacity: 1; transform: translateY(0); }
+        }
+        .message-fade-in {
+            animation: fadeIn 0.3s ease-out forwards;
+        }
+        /* 输入框聚焦效果 */
+        .input-focus-effect:focus {
+            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
+        }
+        /* 语音录制动画 */
+        @keyframes pulse {
+            0% { opacity: 1; }
+            50% { opacity: 0.5; }
+            100% { opacity: 1; }
+        }
+        .recording-animation {
+            animation: pulse 1.5s infinite;
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-gray-100 h-screen flex flex-col overflow-hidden">
+    <!-- 顶部导航栏 -->
+    <header class="bg-gray-800 border-b border-gray-700 py-3 px-4 flex items-center justify-between">
+        <div class="flex items-center space-x-2">
+            <div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center">
+                <i class="fas fa-robot text-white"></i>
+            </div>
+            <h1 class="text-xl font-bold text-white">DeepSeek Chat</h1>
+        </div>
+        <div class="flex items-center space-x-4">
+            <button id="theme-toggle" class="text-gray-400 hover:text-white transition-colors">
+                <i class="fas fa-moon"></i>
+            </button>
+            <button class="text-gray-400 hover:text-white transition-colors">
+                <i class="fas fa-cog"></i>
+            </button>
+            <button class="text-gray-400 hover:text-white transition-colors">
+                <i class="fas fa-user"></i>
+            </button>
+        </div>
+    </header>
+    <!-- 主聊天区域 -->
+    <main class="flex-1 overflow-y-auto p-4 space-y-6" id="chat-container">
+        <!-- 欢迎消息 -->
+        <div class="max-w-3xl mx-auto message-fade-in">
+            <div class="flex space-x-3">
+                <div class="flex-shrink-0">
+                    <div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center">
+                        <i class="fas fa-robot text-white"></i>
+                    </div>
+                </div>
+                <div class="flex-1 min-w-0">
+                    <div class="bg-gray-800 rounded-lg p-4">
+                        <p class="text-white font-medium">DeepSeek Chat</p>
+                        <div class="mt-2 text-gray-300">
+                            <p>你好！我是DeepSeek Chat，一个强大的AI助手。我可以帮助你解答问题、提供建议、分析数据等等。</p>
+                            <p class="mt-2">你可以问我任何问题，我会尽力提供最准确和有用的回答。</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 示例问题 -->
+        <div class="max-w-3xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-3">
+            <button class="bg-gray-800 hover:bg-gray-700 rounded-lg p-3 text-left transition-colors message-fade-in" onclick="insertExample(this)">
+                <p class="text-sm text-gray-400">示例问题</p>
+                <p class="mt-1 text-white">如何提高我的Python编程技能？</p>
+            </button>
+            <button class="bg-gray-800 hover:bg-gray-700 rounded-lg p-3 text-left transition-colors message-fade-in" onclick="insertExample(this)">
+                <p class="text-sm text-gray-400">示例问题</p>
+                <p class="mt-1 text-white">解释量子计算的基本概念</p>
+            </button>
+            <button class="bg-gray-800 hover:bg-gray-700 rounded-lg p-3 text-left transition-colors message-fade-in" onclick="insertExample(this)">
+                <p class="text-sm text-gray-400">示例问题</p>
+                <p class="mt-1 text-white">写一封专业的求职信</p>
+            </button>
+            <button class="bg-gray-800 hover:bg-gray-700 rounded-lg p-3 text-left transition-colors message-fade-in" onclick="insertExample(this)">
+                <p class="text-sm text-gray-400">示例问题</p>
+                <p class="mt-1 text-white">如何制定一个有效的学习计划？</p>
+            </button>
+        </div>
+    </main>
+    <!-- 输入区域 -->
+    <div class="bg-gray-800 border-t border-gray-700 p-4">
+        <div class="max-w-3xl mx-auto">
+            <form id="chat-form" class="relative">
+                <div class="flex items-end space-x-2">
+                    <div class="flex-1 relative">
+                        <textarea
+                            id="message-input"
+                            rows="1"
+                            class="w-full bg-gray-700 border border-gray-600 rounded-lg py-3 px-4 pr-12 text-white placeholder-gray-400 focus:outline-none input-focus-effect resize-none"
+                            placeholder="输入消息..."
+                            oninput="autoResize(this)"
+                        ></textarea>
+                        <div class="absolute right-2 bottom-2 flex space-x-1">
+                            <button type="button" id="attach-button" class="text-gray-400 hover:text-white p-1 rounded-full transition-colors">
+                                <i class="fas fa-paperclip"></i>
+                            </button>
+                            <button type="button" id="voice-button" class="text-gray-400 hover:text-white p-1 rounded-full transition-colors">
+                                <i class="fas fa-microphone"></i>
+                            </button>
+                        </div>
+                    </div>
+                    <button
+                        type="submit"
+                        id="send-button"
+                        class="bg-blue-600 hover:bg-blue-700 text-white rounded-lg p-3 transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
+                        disabled
+                    >
+                        <i class="fas fa-paper-plane"></i>
+                    </button>
+                </div>
+            </form>
+            <p class="text-xs text-gray-500 mt-2 text-center">DeepSeek Chat 可能会产生不准确的信息，请验证重要信息。</p>
+        </div>
+    </div>
+    <!-- 文件选择模态框 -->
+    <div id="file-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
+        <div class="bg-gray-800 rounded-lg p-6 w-full max-w-md">
+            <div class="flex justify-between items-center mb-4">
+                <h3 class="text-lg font-medium text-white">选择文件</h3>
+                <button id="close-file-modal" class="text-gray-400 hover:text-white">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <div class="border-2 border-dashed border-gray-600 rounded-lg p-8 text-center mb-4">
+                <i class="fas fa-cloud-upload-alt text-4xl text-gray-400 mb-3"></i>
+                <p class="text-gray-300 mb-2">拖放文件到这里或点击选择</p>
+                <input type="file" id="file-input" class="hidden" multiple>
+                <button id="select-file-button" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg">
+                    选择文件
+                </button>
+            </div>
+            <div id="selected-files" class="hidden">
+                <p class="text-gray-300 mb-2">已选择文件:</p>
+                <ul id="file-list" class="text-gray-400 text-sm"></ul>
+            </div>
+            <div class="flex justify-end space-x-3 mt-4">
+                <button id="cancel-upload" class="px-4 py-2 rounded-lg border border-gray-600 text-gray-300 hover:bg-gray-700">
+                    取消
+                </button>
+                <button id="confirm-upload" class="px-4 py-2 rounded-lg bg-blue-600 text-white hover:bg-blue-700">
+                    上传
+                </button>
+            </div>
+        </div>
+    </div>
+    <!-- 语音录制模态框 -->
+    <div id="voice-modal" class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 hidden">
+        <div class="bg-gray-800 rounded-lg p-6 w-full max-w-md">
+            <div class="flex justify-between items-center mb-4">
+                <h3 class="text-lg font-medium text-white">语音输入</h3>
+                <button id="close-voice-modal" class="text-gray-400 hover:text-white">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+            <div class="text-center mb-6">
+                <div class="w-20 h-20 bg-gray-700 rounded-full flex items-center justify-center mx-auto mb-4">
+                    <i id="voice-icon" class="fas fa-microphone text-3xl text-blue-500"></i>
+                </div>
+                <p id="voice-status" class="text-gray-300">点击下方按钮开始录音</p>
+                <div class="mt-2 flex justify-center space-x-4">
+                    <div class="w-2 h-2 bg-gray-500 rounded-full"></div>
+                    <div class="w-2 h-2 bg-gray-500 rounded-full"></div>
+                    <div class="w-2 h-2 bg-gray-500 rounded-full"></div>
+                </div>
+            </div>
+            <div class="flex justify-center">
+                <button id="start-recording" class="px-6 py-3 rounded-full bg-red-600 text-white hover:bg-red-700 flex items-center">
+                    <i class="fas fa-microphone mr-2"></i>
+                    <span>开始录音</span>
+                </button>
+                <button id="stop-recording" class="px-6 py-3 rounded-full bg-gray-700 text-white hover:bg-gray-600 flex items-center hidden">
+                    <i class="fas fa-stop mr-2"></i>
+                    <span>停止</span>
+                </button>
+            </div>
+            <div id="recording-timer" class="text-center mt-4 text-gray-400 hidden">
+                <i class="fas fa-circle text-red-500 mr-2 recording-animation"></i>
+                <span>00:00</span>
+            </div>
+        </div>
+    </div>
+    <script>
+        // 自动调整输入框高度
+        function autoResize(textarea) {
+            textarea.style.height = 'auto';
+            textarea.style.height = textarea.scrollHeight + 'px';
+            // 启用/禁用发送按钮
+            document.getElementById('send-button').disabled = textarea.value.trim() === '';
+        }
+        // 插入示例问题
+        function insertExample(button) {
+            const question = button.querySelector('p:not(.text-sm)').textContent;
+            const input = document.getElementById('message-input');
+            input.value = question;
+            autoResize(input);
+            input.focus();
+        }
+        // 处理表单提交
+        document.getElementById('chat-form').addEventListener('submit', function(e) {
+            e.preventDefault();
+            const input = document.getElementById('message-input');
+            const message = input.value.trim();
+            if (message) {
+                sendMessage(message);
+                input.value = '';
+                autoResize(input);
+            }
+        });
+        // 发送消息
+        function sendMessage(message) {
+            const chatContainer = document.getElementById('chat-container');
+            // 添加用户消息
+            const userMessageDiv = document.createElement('div');
+            userMessageDiv.className = 'max-w-3xl mx-auto message-fade-in';
+            userMessageDiv.innerHTML = `
+                <div class="flex space-x-3 justify-end">
+                    <div class="flex-1 min-w-0 flex justify-end">
+                        <div class="bg-blue-600 rounded-lg p-4 max-w-[80%]">
+                            <p class="text-white">${message}</p>
+                        </div>
+                    </div>
+                    <div class="flex-shrink-0">
+                        <div class="w-8 h-8 bg-gray-700 rounded-full flex items-center justify-center">
+                            <i class="fas fa-user text-gray-300"></i>
+                        </div>
+                    </div>
+                </div>
+            `;
+            chatContainer.appendChild(userMessageDiv);
+            // 滚动到底部
+            chatContainer.scrollTop = chatContainer.scrollHeight;
+            // 显示AI正在输入
+            const aiTypingDiv = document.createElement('div');
+            aiTypingDiv.className = 'max-w-3xl mx-auto message-fade-in';
+            aiTypingDiv.innerHTML = `
+                <div class="flex space-x-3">
+                    <div class="flex-shrink-0">
+                        <div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center">
+                            <i class="fas fa-robot text-white"></i>
+                        </div>
+                    </div>
+                    <div class="flex-1 min-w-0">
+                        <div class="bg-gray-800 rounded-lg p-4">
+                            <div class="flex space-x-2 items-center">
+                                <div class="w-2 h-2 bg-gray-500 rounded-full animate-bounce" style="animation-delay: 0s"></div>
+                                <div class="w-2 h-2 bg-gray-500 rounded-full animate-bounce" style="animation-delay: 0.2s"></div>
+                                <div class="w-2 h-2 bg-gray-500 rounded-full animate-bounce" style="animation-delay: 0.4s"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            `;
+            chatContainer.appendChild(aiTypingDiv);
+            chatContainer.scrollTop = chatContainer.scrollHeight;
+            // 模拟AI回复（实际应用中这里应该是API调用）
+            setTimeout(() => {
+                // 移除"正在输入"状态
+                chatContainer.removeChild(aiTypingDiv);
+                // 添加AI回复
+                const aiResponseDiv = document.createElement('div');
+                aiResponseDiv.className = 'max-w-3xl mx-auto message-fade-in';
+                // 模拟不同类型的回复
+                const responses = [
+                    `我理解你想了解"${message}"。这是一个很好的问题。让我为你详细解释...`,
+                    `关于"${message}"，有几个关键点需要考虑...`,
+                    `"${message}"是一个复杂的话题。简而言之...`,
+                    `我可以从几个角度回答"${message}"这个问题...`
+                ];
+                const randomResponse = responses[Math.floor(Math.random() * responses.length)];
+                aiResponseDiv.innerHTML = `
+                    <div class="flex space-x-3">
+                        <div class="flex-shrink-0">
+                            <div class="w-8 h-8 bg-blue-600 rounded-full flex items-center justify-center">
+                                <i class="fas fa-robot text-white"></i>
+                            </div>
+                        </div>
+                        <div class="flex-1 min-w-0">
+                            <div class="bg-gray-800 rounded-lg p-4">
+                                <p class="text-white font-medium">DeepSeek Chat</p>
+                                <div class="mt-2 text-gray-300">
+                                    <p>${randomResponse}</p>
+                                    <p class="mt-2">如果你需要更详细的信息或有其他问题，请随时告诉我。</p>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                `;
+                chatContainer.appendChild(aiResponseDiv);
+                chatContainer.scrollTop = chatContainer.scrollHeight;
+            }, 1500);
+        }
+        // 主题切换
+        document.getElementById('theme-toggle').addEventListener('click', function() {
+            const html = document.documentElement;
+            const isDark = html.classList.contains('dark');
+            if (isDark) {
+                html.classList.remove('dark');
+                html.classList.add('light');
+                this.innerHTML = '<i class="fas fa-sun"></i>';
+                document.body.className = 'bg-gray-100 text-gray-900 h-screen flex flex-col overflow-hidden';
+            } else {
+                html.classList.remove('light');
+                html.classList.add('dark');
+                this.innerHTML = '<i class="fas fa-moon"></i>';
+                document.body.className = 'bg-gray-900 text-gray-100 h-screen flex flex-col overflow-hidden';
+            }
+        });
+        // 文件上传功能
+        const fileModal = document.getElementById('file-modal');
+        const attachButton = document.getElementById('attach-button');
+        const closeFileModal = document.getElementById('close-file-modal');
+        const selectFileButton = document.getElementById('select-file-button');
+        const fileInput = document.getElementById('file-input');
+        const cancelUpload = document.getElementById('cancel-upload');
+        const confirmUpload = document.getElementById('confirm-upload');
+        const selectedFiles = document.getElementById('selected-files');
+        const fileList = document.getElementById('file-list');
+        attachButton.addEventListener('click', () => {
+            fileModal.classList.remove('hidden');
+        });
+        closeFileModal.addEventListener('click', () => {
+            fileModal.classList.add('hidden');
+        });
+        selectFileButton.addEventListener('click', () => {
+            fileInput.click();
+        });
+        fileInput.addEventListener('change', (e) => {
+            if (e.target.files.length > 0) {
+                fileList.innerHTML = '';
+                for (let i = 0; i < e.target.files.length; i++) {
+                    const file = e.target.files[i];
+                    const listItem = document.createElement('li');
+                    listItem.textContent = `${file.name} (${formatFileSize(file.size)})`;
+                    fileList.appendChild(listItem);
+                }
+                selectedFiles.classList.remove('hidden');
+            }
+        });
+        cancelUpload.addEventListener('click', () => {
+            fileInput.value = '';
+            selectedFiles.classList.add('hidden');
+            fileModal.classList.add('hidden');
+        });
+        confirmUpload.addEventListener('click', () => {
+            if (fileInput.files.length > 0) {
+                // 这里应该是实际上传文件的代码
+                alert(`${fileInput.files.length}个文件已选择，准备上传`);
+                fileModal.classList.add('hidden');
+                // 模拟上传成功后在聊天中显示
+                setTimeout(() => {
+                    const chatContainer = document.getElementById('chat-container');
+                    const fileMessageDiv = document.createElement('div');
+                    fileMessageDiv.className = 'max-w-3xl mx-auto message-fade-in';
+                    let filesHtml = '';
+                    for (let i = 0; i < fileInput.files.length; i++) {
+                        const file = fileInput.files[i];
+                        filesHtml += `
+                            <div class="flex items-center bg-gray-700 rounded-lg p-2 mt-2">
+                                <i class="fas fa-file-alt text-gray-400 mr-2"></i>
+                                <span class="text-gray-300 text-sm">${file.name}</span>
+                                <span class="text-gray-500 text-xs ml-auto">${formatFileSize(file.size)}</span>
+                            </div>
+                        `;
+                    }
+                    fileMessageDiv.innerHTML = `
+                        <div class="flex space-x-3 justify-end">
+                            <div class="flex-1 min-w-0 flex justify-end">
+                                <div class="bg-blue-600 rounded-lg p-4 max-w-[80%]">
+                                    <p class="text-white">已上传文件:</p>
+                                    ${filesHtml}
+                                </div>
+                            </div>
+                            <div class="flex-shrink-0">
+                                <div class="w-8 h-8 bg-gray-700 rounded-full flex items-center justify-center">
+                                    <i class="fas fa-user text-gray-300"></i>
+                                </div>
+                            </div>
+                        </div>
+                    `;
+                    chatContainer.appendChild(fileMessageDiv);
+                    chatContainer.scrollTop = chatContainer.scrollHeight;
+                    // 清空文件选择
+                    fileInput.value = '';
+                    selectedFiles.classList.add('hidden');
+                }, 500);
+            } else {
+                alert('请先选择文件');
+            }
+        });
+        // 语音输入功能
+        const voiceModal = document.getElementById('voice-modal');
+        const voiceButton = document.getElementById('voice-button');
+        const closeVoiceModal = document.getElementById('close-voice-modal');
+        const startRecording = document.getElementById('start-recording');
+        const stopRecording = document.getElementById('stop-recording');
+        const voiceStatus = document.getElementById('voice-status');
+        const voiceIcon = document.getElementById('voice-icon');
+        const recordingTimer = document.getElementById('recording-timer');
+        let isRecording = false;
+        let seconds = 0;
+        let timerInterval;
+        voiceButton.addEventListener('click', () => {
+            voiceModal.classList.remove('hidden');
+        });
+        closeVoiceModal.addEventListener('click', () => {
+            voiceModal.classList.add('hidden');
+            stopRecordingFunc();
+        });
+        startRecording.addEventListener('click', () => {
+            isRecording = true;
+            startRecording.classList.add('hidden');
+            stopRecording.classList.remove('hidden');
+            voiceStatus.textContent = '正在录音...';
+            voiceIcon.className = 'fas fa-microphone-alt text-3xl text-red-500';
+            recordingTimer.classList.remove('hidden');
+            // 开始计时
+            seconds = 0;
+            updateTimer();
+            timerInterval = setInterval(updateTimer, 1000);
+            // 这里应该是实际开始录音的代码
+            console.log('录音开始');
+        });
+        stopRecording.addEventListener('click', stopRecordingFunc);
+        function stopRecordingFunc() {
+            if (!isRecording) return;
+            isRecording = false;
+            startRecording.classList.remove('hidden');
+            stopRecording.classList.add('hidden');
+            voiceStatus.textContent = '录音已停止';
+            voiceIcon.className = 'fas fa-microphone text-3xl text-blue-500';
+            clearInterval(timerInterval);
+            // 这里应该是实际停止录音的代码
+            console.log('录音停止');
+            // 模拟语音识别结果
+            setTimeout(() => {
+                const recognizedText = "这是模拟的语音识别结果。实际应用中这里应该是从语音识别API返回的文本。";
+                document.getElementById('message-input').value = recognizedText;
+                autoResize(document.getElementById('message-input'));
+                voiceModal.classList.add('hidden');
+            }, 1000);
+        }
+        function updateTimer() {
+            seconds++;
+            const minutes = Math.floor(seconds / 60);
+            const remainingSeconds = seconds % 60;
+            recordingTimer.querySelector('span').textContent =
+                `${minutes.toString().padStart(2, '0')}:${remainingSeconds.toString().padStart(2, '0')}`;
+        }
+        // 辅助函数：格式化文件大小
+        function formatFileSize(bytes) {
+            if (bytes === 0) return '0 Bytes';
+            const k = 1024;
+            const sizes = ['Bytes', 'KB', 'MB', 'GB'];
+            const i = Math.floor(Math.log(bytes) / Math.log(k));
+            return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i];
+        }
+        // 初始化时自动调整输入框高度
+        document.addEventListener('DOMContentLoaded', () => {
+            autoResize(document.getElementById('message-input'));
+        });
+    </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=raineye/ds" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>