From 1275f680d2a387daa2888f24cb976a76da1d5faf Mon Sep 17 00:00:00 2001
From: Gormery Kombo Wanjiru <gormerykw@uia.no>
Date: Tue, 27 Feb 2024 16:43:11 +0100
Subject: [PATCH] some stuff. like ui

---
 README.md      |  4 ++--
 src/index.html | 20 +++++++++++---------
 2 files changed, 13 insertions(+), 11 deletions(-)
diff --git a/README.md b/README.md
index 770c6b2..5800f5f 100644
--- a/README.md
+++ b/README.md
@@ -59,7 +59,7 @@ else
 docker-compose up -d
 ```
 
-Visit [http://localhost:3000](http://localhost:3000) in your browser to access Ollama-webui.
+Visit [http://localhost:8000](http://localhost:8000) in your browser to access Ollama-webui.
 
 ### Model Installation
 
@@ -72,7 +72,7 @@ You can explore Langchain and Ollama within the project. A third container named
 ### Devcontainer and Virtual Environment
 
 The **app** container serves as a devcontainer, allowing you to boot into it for experimentation. Additionally, the run.sh file contains code to set up a virtual environment if you prefer not to use Docker for your development environment.
-
+if you have vs code and the `Remote Development´ extension simply opening this project from the root will make vscode ask you to reopen in container
 ## Stop and Cleanup
 
 To stop the containers and remove the network:
diff --git a/src/index.html b/src/index.html
index 10ea1e4..fdbe674 100644
--- a/src/index.html
+++ b/src/index.html
@@ -12,7 +12,7 @@
   <title>Ollama Docker Compose Setup</title>
 </head>
 
-<body class="bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 font-sans">
+<body class="bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600 font-sans h-screen">
 
   <header class="bg-opacity-90 backdrop-filter backdrop-blur-lg py-6">
     <div class="container mx-auto flex justify-between items-center">
@@ -33,7 +33,7 @@
       <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:11434" class="bg-green-500 text-white px-8 py-3 rounded-full hover:bg-green-700 transition duration-300">Ollama</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>
@@ -53,17 +53,19 @@
         </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>
+          <p class="py-8 ">Includes a development container for testing and experimentation, supporting both Docker and virtual environments.</p>
+          <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>
+          <p class="py-8">made with fast api. it has some test python code using langchain to programatically use the ollama api.</p>
         </div>
       </div>
     </div>
   </section>
 
-  <footer class="bg-gray-900 text-white py-6">
-    <div class="container mx-auto text-center">
-      <p>&copy; 2024 Ollama Docker. All Rights Reserved.</p>
-    </div>
-  </footer>
-</body>
 
+</body>
+<footer class="bg-gray-900 text-white py-6 bottom-0">
+  <div class="container mx-auto text-center">
+    <p>&copy; 2024 Ollama Docker. All Rights Reserved.</p>
+  </div>
+</footer>
 </html>
