Hugging Face's logo

Spaces:
Mrdips
/
undefined
Running

App Files Community
Mrdips commited on
Commit
a167661
·
verified ·
1 Parent(s): 1ead186

внедри в него инструменты модификаций приложений разюоруи и создания и все доступные нам фпи кодирования и нструментов с сдк

Browse files
Files changed (3) hide show
  1. chat.html +4 -2
  2. index.html +1 -0
  3. tools.html +82 -0
chat.html CHANGED
@@ -18,9 +18,11 @@
18
  <input type="text" id="user-input" placeholder="Type your message..." class="flex-1 p-2 border rounded-l-lg">
19
  <button onclick="sendMessage()" class="bg-blue-500 text-white p-2 rounded-r-lg hover:bg-blue-600">Send</button>
20
  </div>
 
 
 
21
  </div>
22
-
23
- <script>
24
  // Function to add a message to the chat
25
  function addMessage(sender, text) {
26
  const chatContainer = document.getElementById('chat-container');
 
18
  <input type="text" id="user-input" placeholder="Type your message..." class="flex-1 p-2 border rounded-l-lg">
19
  <button onclick="sendMessage()" class="bg-blue-500 text-white p-2 rounded-r-lg hover:bg-blue-600">Send</button>
20
  </div>
21
+ <div class="mt-4">
22
+ <a href="tools.html" class="text-blue-500 hover:underline">Explore Development Tools & SDKs</a>
23
+ </div>
24
  </div>
25
+ <script>
 
26
  // Function to add a message to the chat
27
  function addMessage(sender, text) {
28
  const chatContainer = document.getElementById('chat-container');
index.html CHANGED
@@ -14,6 +14,7 @@
14
  <h1>The Colorless Wonder</h1>
15
  <p>Welcome to the Colorless Wonder website.</p>
16
  <p><a href="chat.html" class="text-blue-500 hover:underline">Chat with our AI assistant</a></p>
 
17
  </div>
18
  </body>
19
  </html>
 
14
  <h1>The Colorless Wonder</h1>
15
  <p>Welcome to the Colorless Wonder website.</p>
16
  <p><a href="chat.html" class="text-blue-500 hover:underline">Chat with our AI assistant</a></p>
17
+ <p><a href="tools.html" class="text-blue-500 hover:underline">Explore Development Tools & SDKs</a></p>
18
  </div>
19
  </body>
20
  </html>
tools.html ADDED
@@ -0,0 +1,82 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Development Tools - The Colorless Wonder</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <script src="https://unpkg.com/feather-icons"></script>
10
+ </head>
11
+ <body>
12
+ <div class="card">
13
+ <h1>Development Tools & SDKs</h1>
14
+ <p>Explore our collection of development tools, APIs, and SDKs for building amazing applications.</p>
15
+
16
+ <div class="mt-6">
17
+ <h2 class="text-xl font-semibold mb-4">API Integration Tools</h2>
18
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
19
+ <div class="border p-4 rounded-lg">
20
+ <h3 class="font-medium">OpenAI GPT API</h3>
21
+ <p class="text-gray-600 text-sm mt-1">Integrate powerful AI capabilities into your applications.</p>
22
+ <a href="https://platform.openai.com/docs/api-reference" target="_blank" class="text-blue-500 hover:underline text-sm mt-2 inline-block">Documentation</a>
23
+ </div>
24
+ <div class="border p-4 rounded-lg">
25
+ <h3 class="font-medium">Public APIs Collection</h3>
26
+ <p class="text-gray-600 text-sm mt-1">Access a wide variety of free APIs for development.</p>
27
+ <a href="https://github.com/public-apis/public-apis" target="_blank" class="text-blue-500 hover:underline text-sm mt-2 inline-block">GitHub Repository</a>
28
+ </div>
29
+ </div>
30
+ </div>
31
+
32
+ <div class="mt-6">
33
+ <h2 class="text-xl font-semibold mb-4">Development SDKs</h2>
34
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
35
+ <div class="border p-4 rounded-lg">
36
+ <h3 class="font-medium">Frontend Frameworks</h3>
37
+ <p class="text-gray-600 text-sm mt-1">React, Vue, Angular, and more for building modern UIs.</p>
38
+ <a href="https://reactjs.org/" target="_blank" class="text-blue-500 hover:underline text-sm mt-2 inline-block">React Docs</a>
39
+ </div>
40
+ <div class="border p-4 rounded-lg">
41
+ <h3 class="font-medium">Mobile Development</h3>
42
+ <p class="text-gray-600 text-sm mt-1">Flutter, React Native, and native SDKs for mobile apps.</p>
43
+ <a href="https://flutter.dev/" target="_blank" class="text-blue-500 hover:underline text-sm mt-2 inline-block">Flutter SDK</a>
44
+ </div>
45
+ </div>
46
+ </div>
47
+
48
+ <div class="mt-6">
49
+ <h2 class="text-xl font-semibold mb-4">Code Generation Tools</h2>
50
+ <div class="border p-4 rounded-lg">
51
+ <h3 class="font-medium">AI-Powered Code Assistants</h3>
52
+ <p class="text-gray-600 text-sm mt-1">Tools that help you write code faster and more efficiently.</p>
53
+ <ul class="list-disc pl-5 mt-2 text-sm">
54
+ <li>GitHub Copilot</li>
55
+ <li>Amazon CodeWhisperer</li>
56
+ <li>Tabnine</li>
57
+ </ul>
58
+ </div>
59
+ </div>
60
+
61
+ <div class="mt-6">
62
+ <h2 class="text-xl font-semibold mb-4">Application Modification Tools</h2>
63
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
64
+ <div class="border p-4 rounded-lg">
65
+ <h3 class="font-medium">Browser DevTools</h3>
66
+ <p class="text-gray-600 text-sm mt-1">Inspect, debug, and modify web applications in real-time.</p>
67
+ <a href="https://developer.chrome.com/docs/devtools/" target="_blank" class="text-blue-500 hover:underline text-sm mt-2 inline-block">Chrome DevTools</a>
68
+ </div>
69
+ <div class="border p-4 rounded-lg">
70
+ <h3 class="font-medium">Reverse Engineering</h3>
71
+ <p class="text-gray-600 text-sm mt-1">Tools for analyzing and modifying existing applications.</p>
72
+ <a href="https://ghidra-sre.org/" target="_blank" class="text-blue-500 hover:underline text-sm mt-2 inline-block">Ghidra</a>
73
+ </div>
74
+ </div>
75
+ </div>
76
+
77
+ <div class="mt-6">
78
+ <a href="index.html" class="text-blue-500 hover:underline">&larr; Back to Home</a>
79
+ </div>
80
+ </div>
81
+ </body>
82
+ </html>