Spaces:

fastpro
/

alm-msci

Running

App Files Files Community

joermd commited on Dec 13, 2025

Commit

334356b

verified ·

1 Parent(s): 5f9bd88

Update index.html

Browse files

Files changed (1) hide show

index.html +16 -226

index.html CHANGED Viewed

@@ -1,229 +1,27 @@
 <!DOCTYPE html>
-<html lang="ar" dir="rtl">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>شات عارف - معهد مدينة العلوم العصرية</title>
-    <style>
-        body {
-            font-family: 'Cairo', Arial, sans-serif;
-            background: #f6fafc;
-            min-height: 100vh;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-        .chat-container {
-            background: #fff;
-            border-radius: 30px;
-            box-shadow: 0 10px 35px rgba(60,180,90,0.12);
-            width: 98%;
-            max-width: 500px;
-            height: 92vh;
-            display: flex;
-            flex-direction: column;
-            overflow: hidden;
-            border: 2px solid #e6f6ed;
-            position: relative;
-        }
-        .header {
-            padding: 25px 10px;
-            text-align: center;
-            border-bottom: 2px solid #e6f6ed;
-        }
-        .logo {
-            width: 90px;
-            height: 90px;
-            border-radius: 20px;
-            margin-bottom: 10px;
-            border: 3px solid #77eeaa;
-        }
-        .header h1 {
-            color: #27ae60;
-            font-size: 30px;
-            margin: 5px 0;
-        }
-        .header p {
-            color: #555;
-            font-size: 15px;
-        }
-        .chat-messages {
-            flex: 1;
-            padding: 15px;
-            overflow-y: auto;
-            background: #f8fefb;
-        }
-        .message {
-            margin-bottom: 15px;
-            display: flex;
-            align-items: flex-end;
-        }
-        .message.user {
-            flex-direction: row-reverse;
-        }
-        .bot-avatar {
-            width: 34px;
-            height: 34px;
-            border-radius: 50%;
-            margin: 0 8px;
-            border: 2px solid #7affb8;
-        }
-        .message-content {
-            max-width: 75%;
-            padding: 14px 18px;
-            border-radius: 20px;
-            font-size: 16px;
-            line-height: 1.6;
-        }
-        .message.bot .message-content {
-            background: #f0fff7;
-            color: #29482d;
-            border-bottom-left-radius: 5px;
-        }
-        .message.user .message-content {
-            background: linear-gradient(135deg, #27ae60, #86e5a8);
-            color: #fff;
-            border-bottom-right-radius: 5px;
-        }
-        .input-container {
-            padding: 12px;
-            border-top: 2px solid #e6f6ed;
-            display: flex;
-            gap: 8px;
-        }
-        .message-input {
-            flex: 1;
-            padding: 12px 15px;
-            border-radius: 18px;
-            border: 2px solid #d1f5e0;
-            font-size: 15px;
-        }
-        .send-button {
-            background: linear-gradient(135deg, #27ae60, #86e5a8);
-            border: none;
-            color: #fff;
-            padding: 12px 18px;
-            border-radius: 18px;
-            cursor: pointer;
-            font-weight: bold;
-        }
-        .send-button:disabled {
-            opacity: 0.6;
-        }
-        .clear-btn {
-            position: absolute;
-            top: 10px;
-            left: 10px;
-            background: #fff;
-            border: 1px solid #eee;
-            color: #27ae60;
-            padding: 6px 12px;
-            border-radius: 14px;
-            cursor: pointer;
-        }
-    </style>
 </head>
 <body>
-<div class="chat-container">
-    <button class="clear-btn" onclick="clearChat()">مسح</button>
-    <div class="header">
-        <img src="https://ufastpro.com/wp-content/uploads/2025/04/476234917_1002033431973236_2935522081755714863_n.jpg" class="logo">
-        <h1>عارف</h1>
-        <p>مساعدك الذكي لمعهد مدينة العلوم العصرية</p>
-    </div>
-    <div class="chat-messages" id="chatMessages"></div>
-    <div class="input-container">
-        <input id="messageInput" class="message-input" placeholder="اكتب سؤالك..." onkeypress="if(event.key==='Enter') sendMessage()">
-        <button id="sendButton" class="send-button" onclick="sendMessage()">إرسال</button>
-    </div>
-</div>
 <script>
 const API_URL = "https://api.deepseek.com/chat/completions";
 const API_KEY = "sk-6080b89d5cb844c29ad10158144e45eb";
-const SYSTEM_PROMPT = `
-أنت عارف، مساعد ذكي رسمي لمعهد مدينة العلوم العصرية.
-رد دايمًا بالعامية المصرية وبأسلوب محترم وودود.
-`;
-let conversationHistory = [];
-const STORAGE_KEY = "chat_arif_mscieg";
-window.onload = () => {
-    const saved = localStorage.getItem(STORAGE_KEY);
-    if (saved) {
-        conversationHistory = JSON.parse(saved);
-        conversationHistory.forEach(m => addMessage(m.content, m.role === "user"));
-    }
-};
-function saveHistory() {
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(conversationHistory));
-}
-function clearChat() {
-    localStorage.removeItem(STORAGE_KEY);
-    location.reload();
-}
-function addMessage(text, isUser) {
-    const chat = document.getElementById("chatMessages");
-    const div = document.createElement("div");
-    div.className = "message " + (isUser ? "user" : "bot");
-    if (isUser) {
-        div.innerHTML = `<div class="message-content">${text}</div>`;
-    } else {
-        div.innerHTML = `
-            <img class="bot-avatar" src="https://ufastpro.com/wp-content/uploads/2025/04/476234917_1002033431973236_2935522081755714863_n.jpg">
-            <div class="message-content">${text}</div>
-        `;
-    }
-    chat.appendChild(div);
-    chat.scrollTop = chat.scrollHeight;
-}
-async function sendMessage() {
-    const input = document.getElementById("messageInput");
-    const btn = document.getElementById("sendButton");
-    const text = input.value.trim();
-    if (!text) return;
-    addMessage(text, true);
-    conversationHistory.push({ role: "user", content: text });
-    saveHistory();
-    input.value = "";
-    btn.disabled = true;
     try {
-        const res = await fetch(API_URL, {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
@@ -232,27 +30,19 @@ async function sendMessage() {
             body: JSON.stringify({
                 model: "deepseek-chat",
                 messages: [
-                    { role: "system", content: SYSTEM_PROMPT },
-                    ...conversationHistory.slice(-10)
                 ],
-                temperature: 0.7,
-                max_tokens: 1000
             })
         });
-        const data = await res.json();
-        const reply = data.choices[0].message.content;
-        addMessage(reply, false);
-        conversationHistory.push({ role: "assistant", content: reply });
-        saveHistory();
-    } catch (e) {
-        addMessage("حصلت مشكلة في الاتصال 😅", false);
     }
-    btn.disabled = false;
-    input.focus();
 }
 </script>

 <!DOCTYPE html>
+<html lang="en">
 <head>
     <meta charset="UTF-8">
+    <title>DeepSeek Test</title>
 </head>
 <body>
+<h2>DeepSeek Chat Test</h2>
+<button onclick="send()">Send Request</button>
+<pre id="output"></pre>
 <script>
 const API_URL = "https://api.deepseek.com/chat/completions";
 const API_KEY = "sk-6080b89d5cb844c29ad10158144e45eb";
+async function send() {
+    const output = document.getElementById("output");
+    output.textContent = "Loading...";
     try {
+        const response = await fetch(API_URL, {
             method: "POST",
             headers: {
                 "Content-Type": "application/json",
             body: JSON.stringify({
                 model: "deepseek-chat",
                 messages: [
+                    { role: "system", content: "You are a helpful assistant." },
+                    { role: "user", content: "Hello!" }
                 ],
+                stream: false
             })
         });
+        const data = await response.json();
+        output.textContent = data.choices[0].message.content;
+    } catch (err) {
+        output.textContent = "Error: " + err.message;
     }
 }
 </script>