70 lines
3.5 KiB
HTML
70 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link href="https://cdn.jsdelivr.net/npm/daisyui@3.7.3/dist/full.css" rel="stylesheet" type="text/css">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<script src="https://unpkg.com/htmx.org"></script>
|
|
<script src="https://unpkg.com/htmx.org/dist/ext/client-side-templates.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/nunjucks@3.2.4/browser/nunjucks.min.js"></script>
|
|
<title>Ollama Docker Compose Setup</title>
|
|
</head>
|
|
|
|
<body class="bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 font-sans">
|
|
|
|
<header class="bg-opacity-90 backdrop-filter backdrop-blur-lg py-6">
|
|
<div class="container mx-auto flex justify-between items-center">
|
|
<h1 class="text-3xl md:text-4xl lg:text-5xl font-extrabold text-white">Ollama Docker Compose Setup</h1>
|
|
<nav>
|
|
<ul class="flex space-x-4">
|
|
<li><a href="/" class="hover:text-gray-300 text-white">Home</a></li>
|
|
<li><a href="#features" class="hover:text-gray-300 text-white">Features</a></li>
|
|
<li><a href="/docs" class="hover:text-gray-300 text-white">Docs</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<section id="hero" class="bg-gray-900 text-white py-16">
|
|
<div class="container mx-auto text-center">
|
|
<h2 class="text-4xl lg:text-5xl font-semibold mb-4">Simplify Your Development with Ollama Docker</h2>
|
|
<p class="text-lg lg:text-xl text-gray-300 leading-7 mb-8">Streamline your Ollama deployments using Docker Compose. Dive into a containerized environment designed for simplicity and efficiency.</p>
|
|
<div class="space-x-4">
|
|
<a href="http://localhost:3000" class="bg-blue-500 text-white px-8 py-3 rounded-full hover:bg-blue-700 transition duration-300">Ollama Web UI</a>
|
|
<a href="http://localhost:11434" class="bg-green-500 text-white px-8 py-3 rounded-full hover:bg-green-700 transition duration-300">Langchain</a>
|
|
<a href="http://localhost:8000" class="bg-red-500 text-white px-8 py-3 rounded-full hover:bg-red-700 transition duration-300">App Container</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features" class="bg-gray-100 py-16">
|
|
<div class="container mx-auto text-center">
|
|
<h2 class="text-3xl lg:text-4xl font-semibold mb-6 text-gray-800">Key Features</h2>
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
<div class="p-8 bg-white rounded-lg shadow-md">
|
|
<h3 class="text-2xl font-semibold mb-4">Easy Setup</h3>
|
|
<p>Get up and running with Ollama and its dependencies through Docker Compose with minimal setup.</p>
|
|
</div>
|
|
<div class="p-8 bg-white rounded-lg shadow-md">
|
|
<h3 class="text-2xl font-semibold mb-4">GPU Support</h3>
|
|
<p>Leverage GPU acceleration for improved performance in processing tasks, with easy configuration.</p>
|
|
</div>
|
|
<div class="p-8 bg-white rounded-lg shadow-md">
|
|
<h3 class="text-2xl font-semibold mb-4">Flexible Development</h3>
|
|
<p>Includes a development container for testing and experimentation, supporting both Docker and virtual environments.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer class="bg-gray-900 text-white py-6">
|
|
<div class="container mx-auto text-center">
|
|
<p>© 2024 Ollama Docker. All Rights Reserved.</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html>
|