Hosting dependencies on server, added logo to welcome page and some fixs

views/layouts/main.html

@@ -6,28 +6,21 @@
     <meta name="viewport"
           content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
     <title>JADE</title>
-    <link rel="stylesheet"
-          href="https://cdn.jsdelivr.net/npm/bulma@1.0.0/css/bulma.min.css">
-    <link rel="stylesheet"
-          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
-    <link href="https://fonts.googleapis.com/css?family=Russo+One"
-          rel="stylesheet">
-
-    <!--link rel="stylesheet" href="/animations.css"-->
+    <link rel="stylesheet" href="dependencies/bulma.css">
+    <script src="https://kit.fontawesome.com/f515f7ad51.js"
+            crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="dependencies/russo.css">
     <link rel="stylesheet" href="/style.css">
-
-    <script src="https://unpkg.com/htmx.org@2.0.0-beta4/dist/htmx.js"></script>
-    <script src="https://unpkg.com/htmx-ext-sse@2.0.0/sse.js"></script>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.14.0/Sortable.min.js"></script>
-
-    <script async src="https://js.stripe.com/v3/pricing-table.js"></script>
+    <script src="dependencies/htmx.js"></script>
+    <script src="dependencies/sse.js"></script>
+    <script src="dependencies/sortable.js"></script>
+    <script src="dependencies/pricing-table.js"></script>
 
     <!-- highlight.js -->
-    <link rel="stylesheet"
-          href="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/styles/default.min.css">
-    <script src="https://unpkg.com/@highlightjs/cdn-assets@11.9.0/highlight.min.js"></script>
+    <link rel="stylesheet" href="dependencies/default.css">
+    <script src="dependencies/highlight.js"></script>
     <script>hljs.highlightAll();</script>
-    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+    <script src="dependencies/marked.js"></script>
 
     <script src="wasm_exec.js"></script>
     <script>

views/partials/explain-llm-conv-chat.html

@@ -56,7 +56,7 @@
     responses to choose the best one.
   </li>
   <li>
-    The selected response can be used as the basis for the next message across
+    The selected response can be used for the next message across
     all models. For example, a response from GPT-4 can be used by Claude Haiku
     in the next interaction.
   </li>

views/partials/welcome-chat.html

@@ -1,4 +1,11 @@
-<h1 class="title is-1">JADE: Simple Multi-Model Chatbot</h1>
+<div class="logo-container">
+  <svg class="mylogo" viewBox="0 0 1320 500">
+    <text x="50%" y="50%" dy=".35em" text-anchor="middle">
+    JADE
+    </text>
+  </svg>
+</div>
+<h1 class="title is-1">Cheap Multi-Model Chatbot</h1>
 <br />
 <br />
 <p>
@@ -21,7 +28,7 @@
 
 <p>For example, a response from GPT-4 Omni can be used by Claude Haiku.</p>
 
-<a class="button is-primary mt-2 mb-2" href="/signin">Try JADE now for free!</a>
+<a class="button is-primary mt-2 mb-2" href="/signin">Login</a>
 
 <br />
 <br />