Hiagora's picture
# Load model directly
79356b0 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LocalAI Install Wizard</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
</head>
<body class="bg-gray-50 min-h-screen flex flex-col">
<custom-navbar></custom-navbar>
<main class="flex-grow container mx-auto px-4 py-12">
<div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden">
<div class="p-8">
<div class="flex items-center mb-8">
<i data-feather="terminal" class="w-12 h-12 text-indigo-600 mr-4"></i>
<h1 class="text-3xl font-bold text-gray-800">LocalAI Installation</h1>
</div>
<div class="mb-8">
<h2 class="text-xl font-semibold text-gray-700 mb-4">One-line Install</h2>
<div class="bg-gray-100 p-4 rounded-lg mb-4">
<code class="text-gray-800 font-mono break-all">curl -fsSL https://localai.io/install.sh -o install.sh && sh install.sh</code>
</div>
<button id="copyBtn" class="bg-indigo-600 hover:bg-indigo-700 text-white px-4 py-2 rounded-lg flex items-center">
<i data-feather="copy" class="mr-2"></i>
Copy Command
</button>
</div>
<div class="mb-8">
<h2 class="text-xl font-semibold text-gray-700 mb-4">Alternative Methods</h2>
<div class="space-y-4">
<div class="bg-gray-50 p-4 rounded-lg border border-gray-200">
<h3 class="font-medium text-gray-800 mb-2">Manual Installation</h3>
<p class="text-gray-600 mb-2">Download and run the installer manually:</p>
<div class="bg-gray-100 p-3 rounded">
<code class="text-gray-800 font-mono break-all">curl -fsSL https://localai.io/install.sh -o install.sh && chmod +x install.sh && ./install.sh</code>
</div>
</div>
<div class="bg-gray-50 p-4 rounded-lg border border-gray-200">
<h3 class="font-medium text-gray-800 mb-2">Docker</h3>
<p class="text-gray-600 mb-2">Run LocalAI in a container:</p>
<div class="bg-gray-100 p-3 rounded">
<code class="text-gray-800 font-mono break-all">docker run -p 8080:8080 localai/localai</code>
</div>
</div>
</div>
</div>
<div class="bg-blue-50 border-l-4 border-blue-500 p-4 rounded-r-lg mb-8">
<div class="flex">
<div class="flex-shrink-0">
<i data-feather="info" class="h-5 w-5 text-blue-500"></i>
</div>
<div class="ml-3">
<h3 class="text-sm font-medium text-blue-800">System Requirements</h3>
<div class="mt-2 text-sm text-blue-700">
<p>• Linux, macOS, or Windows (WSL2 recommended)</p>
<p>• 4GB RAM minimum (8GB recommended)</p>
<p>• 10GB free disk space</p>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<custom-footer></custom-footer>
<script>
feather.replace();
document.getElementById('copyBtn').addEventListener('click', function() {
const command = 'curl -fsSL https://localai.io/install.sh -o install.sh && sh install.sh';
navigator.clipboard.writeText(command).then(() => {
const btn = document.getElementById('copyBtn');
btn.innerHTML = '<i data-feather="check" class="mr-2"></i>Copied!';
feather.replace();
setTimeout(() => {
btn.innerHTML = '<i data-feather="copy" class="mr-2"></i>Copy Command';
feather.replace();
}, 2000);
});
});
</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
</body>
</html>