Skip to content

Commit 82d860d

Browse files
ihatenodejsihatenodejs
committed
several ui improvements, bump daisyui (+ use minified css), clean up html
1 parent e8fe605 commit 82d860d

File tree

1 file changed

+27
-23
lines changed

1 file changed

+27
-23
lines changed

‎src/index.html

+27-23
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,21 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
43
<head>
54
<meta charset="UTF-8">
65
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<link href="https://cdn.jsdelivr.net/npm/daisyui@3.7.3/dist/full.css" rel="stylesheet" type="text/css">
6+
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.12.22/dist/full.min.css" rel="stylesheet" type="text/css" />
87
<script src="https://cdn.tailwindcss.com"></script>
98
<script src="https://unpkg.com/htmx.org"></script>
109
<script src="https://unpkg.com/htmx.org/dist/ext/client-side-templates.js"></script>
1110
<script src="https://cdn.jsdelivr.net/npm/nunjucks@3.2.4/browser/nunjucks.min.js"></script>
1211
<title>Auto Ollama Docker Compose Setup</title>
1312
</head>
14-
15-
<body class="bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 font-sans h-screen">
16-
13+
<body class="bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 font-sans min-h-screen">
1714
<header class="bg-opacity-90 backdrop-filter backdrop-blur-lg py-6">
18-
<div class="container mx-auto flex justify-between items-center">
19-
<h1 class="text-3xl md:text-4xl lg:text-5xl font-extrabold text-white">Auto Ollama Docker Compose Setup</h1>
20-
<nav>
21-
<ul class="flex space-x-4">
15+
<div class="container mx-auto flex flex-col md:flex-row justify-between items-center">
16+
<h1 class="ml-7 text-3xl md:text-4xl lg:text-5xl font-extrabold text-white text-center md:text-left">Auto Ollama Docker Compose Setup</h1>
17+
<nav class="mr-7 mt-4 md:mt-0">
18+
<ul class="flex flex-col md:flex-row space-y-2 md:space-y-0 md:space-x-4">
2219
<li><a href="/" class="hover:text-gray-300 text-white">Home</a></li>
2320
<li><a href="#features" class="hover:text-gray-300 text-white">Features</a></li>
2421
<li><a href="/docs" class="hover:text-gray-300 text-white">Docs</a></li>
@@ -27,41 +24,48 @@ <h1 class="text-3xl md:text-4xl lg:text-5xl font-extrabold text-white">Auto Olla
2724
</div>
2825
</header>
2926

30-
<section id="hero" class="bg-gray-900 text-white py-16">
27+
<section id="hero" class="bg-gray-900 text-white py-16 px-4">
3128
<div class="container mx-auto text-center">
32-
<h2 class="text-4xl lg:text-5xl font-semibold mb-4">Simplify Your Development with Ollama Docker</h2>
33-
<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>
34-
<div class="space-x-4">
35-
<a href="http://localhost:8080" class="bg-blue-500 text-white px-8 py-3 rounded-full hover:bg-blue-700 transition duration-300">Ollama Web UI</a>
36-
<a href="http://localhost:11434" class="bg-green-500 text-white px-8 py-3 rounded-full hover:bg-green-700 transition duration-300">Ollama</a>
37-
<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>
29+
<h2 class="text-4xl lg:text-5xl font-semibold mb-4">Auto Ollama Docker Compose Setup</h2>
30+
<p class="text-lg lg:text-xl leading-7 mb-8">Streamline your Ollama deployments using Docker Compose. Dive into a containerized environment designed for simplicity and efficiency.</p>
31+
<div class="grid grid-cols-3 gap-4 justify-center">
32+
<div class="flex flex-col items-center">
33+
<a href="http://localhost:8080" class="bg-blue-500 text-white w-16 h-16 flex items-center justify-center rounded-full text-2xl font-bold hover:bg-blue-700 transition duration-300">OUI</a>
34+
<span class="mt-2 text-sm">Web UI</span>
35+
</div>
36+
<div class="flex flex-col items-center">
37+
<a href="http://localhost:11434" class="bg-green-500 text-white w-16 h-16 flex items-center justify-center rounded-full text-2xl font-bold hover:bg-green-700 transition duration-300">O</a>
38+
<span class="mt-2 text-sm">Ollama</span>
39+
</div>
40+
<div class="flex flex-col items-center">
41+
<a href="http://localhost:8000" class="bg-red-500 text-white w-16 h-16 flex items-center justify-center rounded-full text-2xl font-bold hover:bg-red-700 transition duration-300">AC</a>
42+
<span class="mt-2 text-sm">App Container</span>
43+
</div>
3844
</div>
3945
</div>
4046
</section>
4147

42-
<section id="features" class="bg-gray-100 py-16">
48+
<section id="features" class="bg-gray-100 py-16 px-4">
4349
<div class="container mx-auto text-center">
4450
<h2 class="text-3xl lg:text-4xl font-semibold mb-6 text-gray-800">Key Features</h2>
4551
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
4652
<div class="p-8 bg-white rounded-lg shadow-md">
4753
<h3 class="text-2xl font-semibold mb-4">Easy Setup</h3>
48-
<p>Get up and running with Ollama and its dependencies through Docker Compose with minimal setup.</p>
54+
<p class="text-black">Get up and running with Ollama and its dependencies through Docker Compose with minimal setup.</p>
4955
</div>
5056
<div class="p-8 bg-white rounded-lg shadow-md">
5157
<h3 class="text-2xl font-semibold mb-4">GPU Support</h3>
52-
<p>Leverage GPU acceleration for improved performance in processing tasks, with easy configuration.</p>
58+
<p class="text-black">Leverage GPU acceleration for improved performance in processing tasks, with easy configuration.</p>
5359
</div>
5460
<div class="p-8 bg-white rounded-lg shadow-md">
5561
<h3 class="text-2xl font-semibold mb-4">Flexible Development</h3>
56-
<p class="py-8 ">Includes a development container for testing and experimentation, supporting both Docker and virtual environments.</p>
62+
<p class="text-black">Includes a development container for testing and experimentation, supporting both Docker and virtual environments.</p>
63+
<p class="py-8 text-black">Auto Ollama includes test Python scripts which utilize langchain to programmatically use the Ollama API.</p>
5764
<a href="http://localhost:8000" class="bg-red-500 text-white px-8 py-3 my-3 rounded-full hover:bg-red-700 transition duration-300">App Container</a>
58-
<p class="py-8">made with fast api. it has some test python code using langchain to programatically use the ollama api.</p>
5965
</div>
6066
</div>
6167
</div>
6268
</section>
63-
64-
6569
</body>
6670
<footer class="bg-gray-900 text-white py-6 bottom-0">
6771
<div class="container mx-auto text-center">

0 commit comments

Comments
 (0)