Spaces:

LuckyEnforceAgent
/

armaforge-assistant

Running

App Files Files Community

LuckyEnforceAgent commited on Oct 8, 2025

Commit

fd9d6c0

verified ·

1 Parent(s): 22d9105

I NEED A AI ASISTANT THAT IS TRAINED ON ARMA REFORGER MODDING

Browse files

Files changed (3) hide show

README.md +8 -5
chat.html +198 -0
index.html +176 -18

README.md CHANGED Viewed

@@ -1,10 +1,13 @@
 ---
-title: Armaforge Assistant
-emoji: 🏃
-colorFrom: purple
-colorTo: yellow
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: ArmaForge Assistant 🤖
+colorFrom: gray
+colorTo: gray
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).

chat.html ADDED Viewed

	@@ -0,0 +1,198 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ArmaForge Assistant - Live Chat</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <style>
+        .chat-container {
+            height: calc(100vh - 180px);
+        }
+        .code-block {
+            font-family: 'Courier New', monospace;
+            background-color: #1e293b;
+            border-left: 3px solid #10b981;
+        }
+        .user-bubble {
+            background-color: #1e40af;
+            border-radius: 1rem 1rem 0 1rem;
+        }
+        .ai-bubble {
+            background-color: #334155;
+            border-radius: 1rem 1rem 1rem 0;
+        }
+        .typing-indicator span {
+            height: 8px;
+            width: 8px;
+            background-color: #6ee7b7;
+            border-radius: 50%;
+            display: inline-block;
+            margin: 0 2px;
+            animation: bounce 1.4s infinite ease-in-out both;
+        }
+        .typing-indicator span:nth-child(1) {
+            animation-delay: -0.32s;
+        }
+        .typing-indicator span:nth-child(2) {
+            animation-delay: -0.16s;
+        }
+        @keyframes bounce {
+            0%, 80%, 100% { transform: scale(0); }
+            40% { transform: scale(1); }
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-gray-100 min-h-screen">
+    <div class="container mx-auto px-4 py-6">
+        <!-- Header -->
+        <header class="flex justify-between items-center mb-6 border-b border-teal-500 pb-4">
+            <div class="flex items-center space-x-3">
+                <i data-feather="cpu" class="w-8 h-8 text-teal-400"></i>
+                <h1 class="text-2xl font-bold text-teal-400">ArmaForge Assistant</h1>
+            </div>
+            <button class="text-teal-300 hover:text-white flex items-center">
+                <i data-feather="settings" class="mr-2"></i> Settings
+            </button>
+        </header>
+        <!-- Chat Area -->
+        <div class="chat-container overflow-y-auto mb-4 space-y-4">
+            <!-- Welcome Message -->
+            <div class="flex">
+                <div class="ai-bubble max-w-3xl p-4">
+                    <p class="font-medium">Welcome to ArmaForge Assistant! 👋</p>
+                    <p class="mt-1">I'm here to help with all your Arma Reforger modding questions. You can ask about:</p>
+                    <ul class="list-disc pl-5 mt-2 space-y-1">
+                        <li>Script debugging and optimization</li>
+                        <li>Workbench setup and configuration</li>
+                        <li>Mod packaging and deployment</li>
+                        <li>Game mechanics implementation</li>
+                    </ul>
+                    <p class="mt-2">What would you like to know about today?</p>
+                </div>
+            </div>
+            <!-- Sample Conversation -->
+            <div class="flex justify-end">
+                <div class="user-bubble max-w-3xl p-4">
+                    <p>How do I spawn AI units in a mission script?</p>
+                </div>
+            </div>
+            <div class="flex">
+                <div class="ai-bubble max-w-3xl p-4">
+                    <p>Here's a basic example of spawning AI units in Arma Reforger:</p>
+                    <div class="code-block p-4 rounded-lg mt-2 text-sm overflow-x-auto">
+                        <pre class="text-green-400">
+// Create a group for the AI
+auto group = GetGame().CreateGroup();
+// Spawn a soldier at position [0,0,0]
+auto unit = GetGame().CreateCharacter(group, "Faction_US_Soldier_Rifleman_M4A1");
+unit.SetPosition(vector.Zero);
+// Add waypoints
+auto waypoint = group.AddWaypoint(vector(100, 0, 100));
+waypoint.SetType(EWaypointType.MOVE);</pre>
+                    </div>
+                    <p class="mt-3">Remember to set appropriate faction templates and loadouts for your units.</p>
+                </div>
+            </div>
+            <!-- Typing Indicator -->
+            <div class="flex items-center space-x-2 opacity-75 hidden" id="typingIndicator">
+                <div class="ai-bubble px-4 py-2">
+                    <div class="typing-indicator">
+                        <span></span>
+                        <span></span>
+                        <span></span>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Input Area -->
+        <div class="bg-gray-800 rounded-lg p-4">
+            <form id="chatForm" class="flex items-center space-x-2">
+                <input type="text" id="userInput" placeholder="Ask about Arma Reforger modding..."
+                       class="flex-grow bg-gray-700 border border-gray-600 rounded-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-teal-500">
+                <button type="submit" class="bg-teal-600 hover:bg-teal-500 p-3 rounded-lg">
+                    <i data-feather="send" class="w-5 h-5"></i>
+                </button>
+            </form>
+            <div class="flex justify-between mt-2 text-xs text-gray-400">
+                <div class="flex space-x-2">
+                    <button class="hover:text-teal-400 flex items-center">
+                        <i data-feather="code" class="w-3 h-3 mr-1"></i> Code
+                    </button>
+                    <button class="hover:text-teal-400 flex items-center">
+                        <i data-feather="image" class="w-3 h-3 mr-1"></i> Image
+                    </button>
+                </div>
+                <div>
+                    <button class="hover:text-teal-400 flex items-center">
+                        <i data-feather="trash-2" class="w-3 h-3 mr-1"></i> Clear
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script>
+        // Initialize feather icons
+        feather.replace();
+        // Simple chat interaction
+        document.getElementById('chatForm').addEventListener('submit', function(e) {
+            e.preventDefault();
+            const input = document.getElementById('userInput');
+            const message = input.value.trim();
+            if (message) {
+                // Add user message to chat
+                const chatContainer = document.querySelector('.chat-container');
+                const userMsg = document.createElement('div');
+                userMsg.className = 'flex justify-end';
+                userMsg.innerHTML = `
+                    <div class="user-bubble max-w-3xl p-4">
+                        <p>${message}</p>
+                    </div>
+                `;
+                chatContainer.appendChild(userMsg);
+                // Clear input
+                input.value = '';
+                // Show typing indicator
+                const typingIndicator = document.getElementById('typingIndicator');
+                typingIndicator.classList.remove('hidden');
+                // Scroll to bottom
+                chatContainer.scrollTop = chatContainer.scrollHeight;
+                // Simulate AI response after delay
+                setTimeout(() => {
+                    typingIndicator.classList.add('hidden');
+                    // Add AI response
+                    const aiMsg = document.createElement('div');
+                    aiMsg.className = 'flex';
+                    aiMsg.innerHTML = `
+                        <div class="ai-bubble max-w-3xl p-4">
+                            <p>Thanks for your question about Arma Reforger modding. I'm currently a demo interface, but in a real implementation, I would provide detailed guidance on "${message}".</p>
+                            <p class="mt-2">For real help, this would connect to an AI backend trained on Arma Reforger documentation and modding resources.</p>
+                        </div>
+                    `;
+                    chatContainer.appendChild(aiMsg);
+                    // Scroll to bottom
+                    chatContainer.scrollTop = chatContainer.scrollHeight;
+                }, 2000);
+            }
+        });
+    </script>
+</body>
+</html>

index.html CHANGED Viewed

@@ -1,19 +1,177 @@
-<!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="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ArmaForge Assistant - Your Modding Companion</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/feather-icons"></script>
+    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
+    <style>
+        .glow-text {
+            text-shadow: 0 0 8px rgba(110, 231, 183, 0.8);
+        }
+        .code-block {
+            font-family: 'Courier New', monospace;
+            background-color: #1e293b;
+            border-left: 3px solid #10b981;
+        }
+        .chat-bubble {
+            border-radius: 1rem;
+            position: relative;
+        }
+        .user-bubble {
+            background-color: #1e40af;
+        }
+        .ai-bubble {
+            background-color: #334155;
+        }
+    </style>
+</head>
+<body class="bg-gray-900 text-gray-100 min-h-screen">
+    <div id="vanta-bg" class="fixed inset-0 z-0"></div>
+    <div class="relative z-10 container mx-auto px-4 py-8">
+        <!-- Header -->
+        <header class="flex flex-col md:flex-row justify-between items-center mb-12 border-b border-teal-500 pb-6">
+            <div class="flex items-center space-x-4 mb-4 md:mb-0">
+                <i data-feather="cpu" class="w-10 h-10 text-teal-400"></i>
+                <h1 class="text-3xl md:text-4xl font-bold glow-text text-teal-400">ArmaForge Assistant</h1>
+            </div>
+            <nav class="flex space-x-6">
+                <a href="#" class="text-teal-300 hover:text-white font-medium flex items-center">
+                    <i data-feather="home" class="mr-2"></i> Home
+                </a>
+                <a href="#" class="text-teal-300 hover:text-white font-medium flex items-center">
+                    <i data-feather="book" class="mr-2"></i> Docs
+                </a>
+                <a href="#" class="text-teal-300 hover:text-white font-medium flex items-center">
+                    <i data-feather="message-square" class="mr-2"></i> Community
+                </a>
+            </nav>
+        </header>
+        <!-- Hero Section -->
+        <section class="mb-16 text-center">
+            <h2 class="text-4xl md:text-5xl font-bold mb-6 glow-text">Your <span class="text-teal-400">Arma Reforger</span> Modding Expert</h2>
+            <p class="text-xl md:text-2xl text-gray-300 max-w-3xl mx-auto mb-8">
+                Get instant help with script debugging, mod creation, and troubleshooting for Arma Reforger.
+            </p>
+            <div class="flex justify-center space-x-4">
+                <button class="bg-teal-600 hover:bg-teal-500 text-white px-6 py-3 rounded-lg font-medium flex items-center transition">
+                    <i data-feather="terminal" class="mr-2"></i> Start Modding Chat
+                </button>
+                <button class="border border-teal-400 text-teal-400 hover:bg-teal-900/50 px-6 py-3 rounded-lg font-medium flex items-center transition">
+                    <i data-feather="download" class="mr-2"></i> Get Templates
+                </button>
+            </div>
+        </section>
+        <!-- Features Grid -->
+        <section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-16">
+            <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-teal-500 transition">
+                <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
+                    <i data-feather="code" class="text-teal-400"></i>
+                </div>
+                <h3 class="text-xl font-bold mb-2">Script Debugging</h3>
+                <p class="text-gray-300">Get help fixing script errors and optimizing your Arma Reforger mod code.</p>
+            </div>
+            <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-teal-500 transition">
+                <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
+                    <i data-feather="box" class="text-teal-400"></i>
+                </div>
+                <h3 class="text-xl font-bold mb-2">Mod Creation</h3>
+                <p class="text-gray-300">Step-by-step guidance for creating all types of Arma Reforger mods.</p>
+            </div>
+            <div class="bg-gray-800/70 backdrop-blur-sm p-6 rounded-xl border border-gray-700 hover:border-teal-500 transition">
+                <div class="bg-teal-900/30 w-12 h-12 rounded-lg flex items-center justify-center mb-4">
+                    <i data-feather="tool" class="text-teal-400"></i>
+                </div>
+                <h3 class="text-xl font-bold mb-2">Troubleshooting</h3>
+                <p class="text-gray-300">Solve common and complex issues with your mods and game setup.</p>
+            </div>
+        </section>
+        <!-- Chat Preview -->
+        <section class="bg-gray-800/70 backdrop-blur-sm rounded-xl border border-gray-700 p-6 mb-16">
+            <h2 class="text-2xl font-bold mb-6 text-center">Try a Sample Query</h2>
+            <div class="space-y-4">
+                <!-- User Message -->
+                <div class="flex justify-end">
+                    <div class="chat-bubble user-bubble max-w-3xl p-4">
+                        <p>How do I add custom weapons to Arma Reforger using the Workbench?</p>
+                    </div>
+                </div>
+                <!-- AI Response -->
+                <div class="flex">
+                    <div class="chat-bubble ai-bubble max-w-3xl p-4">
+                        <p>Here's a basic workflow for adding custom weapons:</p>
+                        <div class="code-block p-4 rounded-lg mt-2 text-sm overflow-x-auto">
+                            <pre class="text-green-400">
+// 1. Create a new mod in Workbench
+// 2. Add a new script file (e.g., MyWeapon.c)
+class MyWeapon : Weapon_Base
+{
+    void MyWeapon()
+    {
+        // Weapon configuration
+        m_WeaponLength = 0.85;
+        m_Weight = 3.5;
+        m_Damage = 85;
+        // Add other parameters...
+    }
+}</pre>
+                        </div>
+                        <p class="mt-3">Remember to register your weapon in the config.cpp and set up proper models and textures.</p>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-8">
+                <form class="flex items-center">
+                    <input type="text" placeholder="Ask about Arma Reforger modding..."
+                           class="flex-grow bg-gray-700 border border-gray-600 rounded-l-lg px-4 py-3 focus:outline-none focus:ring-2 focus:ring-teal-500">
+                    <button type="submit" class="bg-teal-600 hover:bg-teal-500 px-6 py-3 rounded-r-lg font-medium">
+                        <i data-feather="send" class="w-5 h-5"></i>
+                    </button>
+                </form>
+            </div>
+        </section>
+        <!-- Footer -->
+        <footer class="text-center text-gray-400 border-t border-gray-800 pt-8">
+            <div class="flex justify-center space-x-6 mb-6">
+                <a href="#" class="hover:text-teal-400"><i data-feather="github"></i></a>
+                <a href="#" class="hover:text-teal-400"><i data-feather="discord"></i></a>
+                <a href="#" class="hover:text-teal-400"><i data-feather="twitter"></i></a>
+            </div>
+            <p>© 2023 ArmaForge Assistant. Not affiliated with Bohemia Interactive.</p>
+            <p class="text-sm mt-2">Arma Reforger is a registered trademark of Bohemia Interactive.</p>
+        </footer>
+    </div>
+    <script>
+        // Initialize Vanta.js background
+        VANTA.NET({
+            el: "#vanta-bg",
+            mouseControls: true,
+            touchControls: true,
+            gyroControls: false,
+            minHeight: 200.00,
+            minWidth: 200.00,
+            scale: 1.00,
+            scaleMobile: 1.00,
+            color: 0x10b981,
+            backgroundColor: 0x111827,
+            points: 9.00,
+            maxDistance: 20.00,
+            spacing: 15.00
+        });
+        // Initialize feather icons
+        feather.replace();
+    </script>
+</body>
 </html>