From c894f8a8eccaecec54c9062528518680a3655007 Mon Sep 17 00:00:00 2001
From: MrBounty <adrien.bouvais.pro@gmail.com>
Date: Wed, 31 Jul 2024 17:49:02 +0200
Subject: [PATCH] Better welcome page

---
 views/partials/welcome-chat.html | 353 ++++---------------------------
 1 file changed, 47 insertions(+), 306 deletions(-)

diff --git a/views/partials/welcome-chat.html b/views/partials/welcome-chat.html
index 7430896..30cd141 100644
--- a/views/partials/welcome-chat.html
+++ b/views/partials/welcome-chat.html
@@ -7,8 +7,8 @@
 </p>
 
 <p>
-  JADE is a simple Multi-Model chatbot. The idea is to use multiple models within
-  the same conversation. Here are the key points:
+  JADE is a simple Multi-Model chatbot. The idea is to use multiple models
+  within the same conversation. Here are the key points:
 </p>
 <ol>
   <li>
@@ -29,6 +29,13 @@
 <br /><br />
 
 <h2>More information</h2>
+<p>
+  Click on
+  <span class="icon is-small">
+    <i class="fa-solid fa-info"></i>
+  </span>
+  to see more information.
+</p>
 <ul>
   <li>
     <h3>
@@ -119,11 +126,11 @@
     </h3>
     <p id="flexible-pricing-details" style="display: none">
       JADE use API, so you get access to free credits or tiers depending of the
-      provider (see next section). This is particularly beneficial for users who
-      may not need to use the chatbot extensively. Once the free credit use, you
-      pay based on the length of you message and the response generated in
-      tokens (a token is around 3 characters). Groq and Google also offer free
-      tiers that are enough for conversation.
+      provider (see next section). <br /><br />This is particularly beneficial
+      for users who may not need to use the chatbot extensively. Once the free
+      credit use, you pay based on the length of you message and the response
+      generated in tokens (a token is around 3 characters). Groq and Google also
+      offer free tiers that are enough for conversation.<br /><br />
     </p>
   </li>
   <li>
@@ -138,316 +145,50 @@
       </button>
     </h3>
     <div id="provider-details" style="display: none; overflow-x: hidden">
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <strong>OpenAI</strong> - OpenAI offer 5$ credits when creating an API
-          account. Around 10 000 small question to GPT-4 Omni or 100 000 to
-          GPT-3.5 Turbo.
-        </div>
-        <div class="column">
-          <ul>
-            <li>
-              <strong>GPT 4 Omni</strong>
-            </li>
-            <li>
-              <strong>GPT 4 Turbo</strong>
-            </li>
-            <li>
-              <strong>GPT 4</strong>
-            </li>
-            <li>
-              <strong>GPT 3.5 Turbo</strong>
-            </li>
-          </ul>
-        </div>
-      </div>
+        <strong>OpenAI</strong> - OpenAI offer 5$ credits when creating an API
+        account. Around 10 000 small question to GPT-4 Omni or 100 000 to
+        GPT-3.5 Turbo.
       <br />
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <strong>Anthropic</strong> - Anthropic offer 5$ credits when creating
-          an API account. Around 2 000 small question to Claude 3 Opus or 120
-          000 to Claude Haiku.
-        </div>
-        <div class="column">
-          <ul>
-            <li>
-              <strong>Claude 3 Opus</strong>
-            </li>
-            <li>
-              <strong>Claude 3.5 Sonnet</strong>
-            </li>
-            <li>
-              <strong>Claude 3 Haiku</strong>
-            </li>
-          </ul>
-        </div>
-      </div>
       <br />
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <strong>Mistral</strong> - Mistral do not offer free credits.
-        </div>
-        <div class="column">
-          <ul>
-            <li>
-              <strong>Mixtral 8x22b</strong>
-            </li>
-            <li>
-              <strong>Mixtral 8x7b</strong>
-            </li>
-            <li>
-              <strong>Mistral 7b</strong>
-            </li>
-            <li>
-              <strong>Mistral Large</strong>
-            </li>
-            <li>
-              <strong>Mistral Small</strong>
-            </li>
-            <li>
-              <strong>Codestral</strong>
-            </li>
-          </ul>
-        </div>
-      </div>
+        <strong>Anthropic</strong> - Anthropic offer 5$ credits when creating an
+        API account. Around 2 000 small question to Claude 3 Opus or 120 000 to
+        Claude Haiku.
       <br />
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <strong>Groq</strong> - Groq offer a free tier with limit of tokens
-          and request per minutes. The rate is plenty for a chatbot. 30 messages
-          and between 6 000 and 30 000 tokens per minute. Per tokens coming
-          soon.
-        </div>
-        <div class="column">
-          <ul>
-            <li>
-              <strong>Llama 3 70b</strong>
-            </li>
-            <li>
-              <strong>Llama 3 8b</strong>
-            </li>
-            <li>
-              <strong>Mixtral 8x7b</strong>
-            </li>
-            <li>
-              <strong>Gemma2 9b</strong>
-            </li>
-            <li>
-              <strong>Gemma 7b</strong>
-            </li>
- 
-          </ul>
-        </div>
-      </div>
       <br />
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <strong>Google</strong> - Like Groq, Google offer a free tier with
-          limit of tokens and request per minutes. The rate is plenty for a
-          chatbot. 15 messages and 1 000 000 tokens per minute. Per tokens also
-          available.
-        </div>
-        <div class="column">
-          <ul>
-            <li>
-              <strong>Gemini 1.5 pro</strong>
-            </li>
-            <li>
-              <strong>Gemini 1.5 flash</strong>
-            </li>
-            <li>
-              <strong>Gemini 1.0 pro</strong>
-            </li>
-          </ul>
-        </div>
-      </div>
+        <strong>Mistral</strong> - Mistral do not offer free credits.
       <br />
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <strong>Perplexity</strong> - Perplexity do not offer a free tier or
-          credits. Perplexity offer what they call 'online' models that can
-          search online. So you can ask for the current weather for example.
-          Those models have additional cost of 5$ per 1 000 requests.
-        </div>
-        <div class="column">
-          <ul>
-            <li>
-              <strong>Sonar Large</strong>
-            </li>
-            <li>
-              <strong>Sonar Large Online</strong>
-            </li>
-            <li>
-              <strong>Sonar Small</strong>
-            </li>
-            <li>
-              <strong>Sonar Small Online</strong>
-            </li>
-            <li>
-              <strong>Llama 70b</strong>
-            </li>
-            <li>
-              <strong>Llama 7b</strong>
-            </li>
-            <li>
-              <strong>Mixtral 8x7b</strong>
-            </li>
-          </ul>
-        </div>
-      </div>
       <br />
-      <div class="columns">
-        <div class="column is-two-thirds">
-          <strong>Fireworks</strong> - Fireworks AI offer 1$ of free credits
-          when creating an account. Firework AI have a lot of open source
-          models. I may add fine tuned models in the future.
-        </div>
-        <div class="column">
-          <ul>
-            <li>
-              <strong>FireLLaVA-13B</strong>
-            </li>
-            <li>
-              <strong>Mixtral MoE 8x7B Instruct</strong>
-            </li>
-            <li>
-              <strong>Mixtral MoE 8x22B Instruct</strong>
-            </li>
-            <li>
-              <strong>Llama 3 70B Instruct</strong>
-            </li>
-            <li>
-              <strong>Bleat</strong>
-            </li>
-            <li>
-              <strong>Chinese Llama 2 LoRA 7B</strong>
-            </li>
-            <li>
-              <strong>DBRX Instruct</strong>
-            </li>
-            <li>
-              <strong>Gemma 7B Instruct</strong>
-            </li>
-            <li>
-              <strong>Hermes 2 Pro Mistral 7b</strong>
-            </li>
-            <li>
-              <strong>Japanese StableLM Instruct Beta 70B</strong>
-            </li>
-            <li>
-              <strong>Japanese Stable LM Instruct Gamma 7B</strong>
-            </li>
-            <li>
-              <strong>Llama 2 13B French</strong>
-            </li>
-            <li>
-              <strong>Llama2 13B Guanaco QLoRA GGML</strong>
-            </li>
-            <li>
-              <strong>Llama 7B Summarize</strong>
-            </li>
-            <li>
-              <strong>Llama 2 13B</strong>
-            </li>
-            <li>
-              <strong>Llama 2 13B Chat</strong>
-            </li>
-            <li>
-              <strong>Llama 2 70B Chat</strong>
-            </li>
-            <li>
-              <strong>Llama 2 7B</strong>
-            </li>
-            <li>
-              <strong>Llama 2 7B Chat</strong>
-            </li>
-            <li>
-              <strong>Llama 3 70B Instruct (HF version)</strong>
-            </li>
-            <li>
-              <strong>Llama 3 8B (HF version)</strong>
-            </li>
-            <li>
-              <strong>Llama 3 8B Instruct</strong>
-            </li>
-            <li>
-              <strong>Llama 3 8B Instruct (HF version)</strong>
-            </li>
-            <li>
-              <strong>LLaVA V1.6 Yi 34B</strong>
-            </li>
-            <li>
-              <strong>Mistral 7B</strong>
-            </li>
-            <li>
-              <strong>Mistral 7B Instruct</strong>
-            </li>
-            <li>
-              <strong>Mistral 7B Instruct v0.2</strong>
-            </li>
-            <li>
-              <strong>Mistral 7B Instruct v0p3</strong>
-            </li>
-            <li>
-              <strong>Mixtral MoE 8x22B</strong>
-            </li>
-            <li>
-              <strong>Mixtral MoE 8x22B Instruct (HF version)</strong>
-            </li>
-            <li>
-              <strong>Mixtral MoE 8x7B</strong>
-            </li>
-            <li>
-              <strong>Mixtral MoE 8x7B Instruct (HF version)</strong>
-            </li>
-            <li>
-              <strong>MythoMax L2 13b</strong>
-            </li>
-            <li>
-              <strong>Nous Hermes 2 - Mixtral 8x7B - DPO (fp8)</strong>
-            </li>
-            <li>
-              <strong>Phi 3 Mini 128K Instruct</strong>
-            </li>
-            <li>
-              <strong>Phi 3 Vision 128K Instruct</strong>
-            </li>
-            <li>
-              <strong>Qwen1.5 72B Chat</strong>
-            </li>
-            <li>
-              <strong>StableLM 2 Zephyr 1.6B</strong>
-            </li>
-            <li>
-              <strong>StableLM Zephyr 3B</strong>
-            </li>
-            <li>
-              <strong>StarCoder 15.5B</strong>
-            </li>
-            <li>
-              <strong>StarCoder 7B</strong>
-            </li>
-            <li>
-              <strong>Traditional Chinese Llama2</strong>
-            </li>
-            <li>
-              <strong>Capybara 34B</strong>
-            </li>
-            <li>
-              <strong>Yi Large</strong>
-            </li>
-          </ul>
-        </div>
-      </div>
+        <strong>Groq</strong> - Groq offer a free tier with limit of tokens and
+        request per minutes. The rate is plenty for a chatbot. 30 messages and
+        between 6 000 and 30 000 tokens per minute. Per tokens coming soon.
       <br />
-      <strong>Hugging face</strong> - You can also use custom endpoints. I only
-      tested hugging face but in theory, as long as the key is valid and it use
-      the openai api, it should work. This part need some testing and
-      improvement.
+      <br />
+        <strong>Google</strong> - Like Groq, Google offer a free tier with limit
+        of tokens and request per minutes. The rate is plenty for a chatbot. 15
+        messages and 1 000 000 tokens per minute. Per tokens also available.
+      <br />
+      <br />
+        <strong>Perplexity</strong> - Perplexity do not offer a free tier or
+        credits. Perplexity offer what they call 'online' models that can search
+        online. So you can ask for the current weather for example. Those models
+        have additional cost of 5$ per 1 000 requests.
+      <br />
+      <br />
+        <strong>Fireworks</strong> - Fireworks AI offer 1$ of free credits when
+        creating an account. Firework AI have a lot of open source models. I may
+        add fine tuned models in the future.
+      <br />
+      <br />
+      <strong>Custom endpoint</strong> - You can also use custom endpoints as long as the key is valid and it use
+      the openai api.
+      <br />
+      <br />
+      <strong>Nvidia NIM</strong> - Available soon.
       <br />
       <br />
       <strong>Goose AI</strong> - Chat API will be available soon.
       <br />
+      <br />
     </div>
   </li>
 </ul>