Hugging Face's logo

michaeltsegaye
/
ShegerAI

Adapters
Amharic
Model card Files
xet
Community
ShegerAI
File size: 3,060 Bytes 
d2c991b
 
 
 
 
 
 
 
 
 
 
 
 
e020fbb
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
adfe12e
e126af0
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
e020fbb
1b69ca0
 
d2c991b
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
 
---
license: openrail
datasets:
- nvidia/Llama-Nemotron-VLM-Dataset-v1
language:
- am
metrics:
- accuracy
base_model:
- openai/gpt-oss-120b
new_version: openai/gpt-oss-20b
library_name: adapter-transformers
---
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>World Knowledge AI</title>
  <style>
    body {
      font-family: 'Segoe UI', sans-serif;
      background-color: #f4f4f4;
      margin: 0;
      padding: 2rem;
    }
    #chatbox {
      width: 100%;
      max-width: 600px;
      margin: auto;
      background: #fff;
      padding: 1rem;
      border-radius: 8px;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    .message {
      margin: 1rem 0;
    }
    .user {
      text-align: right;
      color: #2c3e50;
    }
    .bot {
      text-align: left;
      color: #16a085;
    }
    input[type="text"] {
      width: 80%;
      padding: 0.5rem;
      border: 1px solid #ccc;
      border-radius: 4px;
    }
    button {
      padding: 0.5rem 1rem;
      background-color: #3498db;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
  </style>
</head>
<body>

  <div id="chatbox">
    <h2>🌐 Ask the AI Anything</h2>
    <div id="messages"></div>
    <input type="text" id="userInput" placeholder="Ask about anything...">
    <button onclick="sendMessage()">Send</button>
  </div>

  <script>
    async function sendMessage() {
      const input = document.getElementById('userInput');
      const message = input.value;
      if (!message) return;

      const messagesDiv = document.getElementById('messages');
      messagesDiv.innerHTML += `<div class="message user"><strong>You:</strong> ${message}</div>`;
      input.value = '';

      // Replace this with your actual API call
      const response = await fetch('https://api-inference.huggingface.co/models/your-model-name', {
        method: 'POST',
        headers: {
          'Authorization': 'Bearer YOUR_API_KEY',
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({ inputs: message })
      });

      const data = await response.json();
      const botReply = data.generated_text || "Sorry, I couldn't find an answer.";

      messagesDiv.innerHTML += `<div class="message bot"><strong>AI:</strong> ${botReply}</div>`;
    }
  </script>

</body>
</html>
---
<!DOCTYPE html>
<html>
<head>
  <title>Click Trigger Test</title>
  <style>
    #myButton {
      padding: 10px 20px;
      background-color: #4CAF50;
      color: white;
      border: none;
      cursor: pointer;
      font-size: 16px;
    }
  </style>
</head>
<body>

  <button id="myButton">Click Me</button>
  <p id="output"></p>

  <script>
    document.getElementById("myButton").addEventListener("click", function() {
      document.getElementById("output").textContent = "✅ Button was clicked!";
      console.log("Button click triggered");
    });
  </script>

</body>
</html>


# MIK-TSE Chatbot
A branded onboarding assistant for Ethiopian creators.
gr.Textbox(label="Your message", interactive=True)