Clean up and add screenshots

Author: christianhellsten

README.md

@@ -8,7 +8,7 @@ A HTML UI for Ollama.
 
 ## Goals
 
-- Zero dependencies
+- Zero dependencies: Vanilla HTML, CSS, and Javascript
 - Simple installation: download and open in browser
 
 ## Features
@@ -19,6 +19,11 @@ A HTML UI for Ollama.
 - Clear chats
 - Persistence of chat history using local storage
 
+## Screenshots
+
+![Main screen](/screenshots/main.png)
+![Settings screen](/screenshots/settings.png)
+
 ## Installing
 
 First, install and start [Olama](https://ollama.ai/).
@@ -44,7 +49,9 @@ $ open index.html
 ## Development
 
 ```bash
-$ yarn add --dev parcel
+$ yarn global add parcel-bundler
+# Alternatively, use npm:
+# npm install -g parcel-bundler
 $ parcel index.html
 $ open http://locahost:1234
 ```

SettingsDialog.js

@@ -41,7 +41,9 @@ export class SettingsDialog {
 
     loadSettings() {
         const url = this.storage.get('url', 'http://localhost:11434');
+        const model = this.storage.get('model', 'mistral');
         this.urlInput.value = url;
+        this.modelInput.value = model;
         this.models.load().then(() => {
             console.log(this.models.getAllModelNames()); // This will log the model names once they are loaded
             const modelList = new List('input-ollama-models', this.models.getAllModelNames())

package-lock.json

@@ -3,15 +3,5 @@
     "cssnano": "^6.0.1",
     "postcss": "^8.4.32",
     "sass": "^1.69.5"
-  },
-  "dependencies": {
-    "grid": "^4.10.8",
-    "grid.css": "^0.6.1",
-    "reset": "^0.1.0",
-    "reset.css": "^2.0.2",
-    "style": "^0.0.3",
-    "style.css": "^1.0.3",
-    "typography": "^0.16.24",
-    "typography.css": "^0.1.0"
   }
 }