adrien/Jade
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed HTML to use djlint

Browse Source
This commit is contained in:
adrien
2024-08-04 10:09:15 +02:00
parent 5384383908
commit fa1bd44a99
13 changed files with 1004 additions and 839 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/partials/welcome-chat.html
+81 -64
View File
@@ -1,5 +1,6 @@
<h1 class="title is-1">JADE: Simple Multi-Model Chatbot</h1>
<br /><br />
<br />
<br />
<p>
I often use LLMs and quickly found myself asking GPT4, Gemini and Claude the
same question. I wanted to be able to ask the same question to multiple
@@ -15,18 +16,15 @@
When asking a question, you can use multiple models and compare their
responses to choose the best one.
</li>
<li>
The selected response can be used for the next message across all models.
</li>
<li>The selected response can be used for the next message across all models.</li>
</ol>
<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">Try JADE now for free!</a>
<br /><br />
<br />
<br />
<h2>More information</h2>
<p>
@@ -39,32 +37,33 @@
<ul>
<li>
<h3>
Get access to all models.<button
class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('all-models-details')"
>
Get access to all models.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('all-models-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
</button>
</h3>
<p id="all-models-details" style="display: none">
With JADE, you can easily switch between models like GPT 3.5 or 4o,
Gemini, Llama, Mistral, Claude, and more. Even custom endpoint.
<br /><br />This means you can choose the best model for your specific
With JADE, you can easily switch between models like GPT 3.5 or 4o, Gemini, Llama, Mistral, Claude, and more. Even custom endpoint.
<br />
<br />
This means you can choose the best model for your specific
needs, whether it's for general knowledge, creative writing, or technical
expertise. Having access to multiple models allows you to take advantage
of their unique strengths and weaknesses, ensuring you get the most
accurate and relevant responses. (See all models available in the last
section)<br /><br />
section)
<br />
<br />
</p>
</li>
<li>
<h3>
Get the best answer from multiple models.<button
class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('multi-models-details')"
>
Get the best answer from multiple models.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('multi-models-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
@@ -73,16 +72,19 @@
<p id="multi-models-details" style="display: none">
You can ask a question and receive responses from several models at once,
enabling you to compare their answers and choose the most suitable one.
<br /><br />This feature is particularly useful for complex queries where
different models might offer unique insights or solutions.<br /><br />
<br />
<br />
This feature is particularly useful for complex queries where
different models might offer unique insights or solutions.
<br />
<br />
</p>
</li>
<li>
<h3>
Even from the same model.<button
class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('same-models-details')"
>
Even from the same model.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('same-models-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
@@ -90,17 +92,21 @@
</h3>
<p id="same-models-details" style="display: none">
The core feature of JADE are the bots. Each bot have a name, model,
temperature and system prompt. <br /><br />You can create as many bot as
temperature and system prompt.
<br />
<br />
You can create as many bot as
you want and select as many to answer each question. An example is
creating the same model that reponse in different language.<br /><br />
creating the same model that reponse in different language.
<br />
<br />
</p>
</li>
<li>
<h3>
Reduce Hallucination.<button
class="button is-small ml-2 is-primary is-outlined"
onclick="toggleDetails('reduce-hallucination-details')"
>
Reduce Hallucination.
<button class="button is-small ml-2 is-primary is-outlined"
onclick="toggleDetails('reduce-hallucination-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
@@ -108,17 +114,21 @@
</h3>
<p id="reduce-hallucination-details" style="display: none">
AI models sometimes generate information that is inaccurate or misleading,
a phenomenon known as "hallucination." <br /><br />By using multiple
a phenomenon known as "hallucination."
<br />
<br />
By using multiple
models, JADE reduces each model's bias. This ensures that the responses
you receive are more reliable and trustworthy.<br /><br />
you receive are more reliable and trustworthy.
<br />
<br />
</p>
</li>
<li>
<h3>
Pay only for what you use or not at all.<button
class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('flexible-pricing-details')"
>
Pay only for what you use or not at all.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('flexible-pricing-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
@@ -126,57 +136,64 @@
</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). <br /><br />This is particularly beneficial
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 />The app itself is free until 200 messages per month then 0.95$ per month.<br /><br />
offer free tiers that are enough for conversation.<
<br />
<br />
The app itself is free until 200 messages per month then 0.95$ per month.
<br />
<br />
</p>
</li>
<li>
<h3>
All providers and models.<button
class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('provider-details')"
>
All providers and models.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('provider-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
</button>
</h3>
<div id="provider-details" style="display: none; overflow-x: hidden">
<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.
<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 />
<br />
<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.
<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 />
<br />
<strong>Mistral</strong> - Mistral do not offer free credits.
<strong>Mistral</strong> - Mistral do not offer free credits.
<br />
<br />
<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.
<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 />
<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.
<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.
<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.
<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