summaryrefslogtreecommitdiffstats
path: root/g4f/gui/client/html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--g4f/gui/client/html/index.html93
1 files changed, 18 insertions, 75 deletions
diff --git a/g4f/gui/client/html/index.html b/g4f/gui/client/html/index.html
index bc41bd45..3f2bb0c0 100644
--- a/g4f/gui/client/html/index.html
+++ b/g4f/gui/client/html/index.html
@@ -36,7 +36,8 @@
#message-input {
margin-right: 30px;
- height: 80px;
+ height: 82px;
+ margin-left: 20px;
}
#message-input::-webkit-scrollbar {
@@ -113,6 +114,10 @@
<div class="box input-box">
<textarea id="message-input" placeholder="Ask a question" cols="30" rows="10"
style="white-space: pre-wrap;resize: none;"></textarea>
+ <label for="image" title="Works only with Bing and OpenaiChat">
+ <input type="file" id="image" name="image" accept="image/png, image/gif, image/jpeg" required/>
+ <i class="fa-regular fa-image"></i>
+ </label>
<div id="send-button">
<i class="fa-solid fa-paper-plane-top"></i>
</div>
@@ -120,52 +125,7 @@
</div>
<div class="buttons">
<div class="field">
- <input type="checkbox" id="switch" />
- <label for="switch"></label>
- <span class="about">Web Access</span>
- </div>
- <div class="field">
- <input type="checkbox" id="patch" />
- <label for="patch" title="Works only with Bing and some other providers"></label>
- <span class="about">Image Generator</span>
- </div>
- <div class="field">
- <select name="model" id="model">
- <option value="gpt-3.5-turbo" selected="">gpt-3.5-turbo</option>
- <option value="gpt-3.5-turbo-0613">gpt-3.5-turbo-0613</option>
- <option value="gpt-3.5-turbo-16k">gpt-3.5-turbo-16k</option>
- <option value="gpt-3.5-turbo-16k-0613">gpt-3.5-turbo-16k-0613</option>
- <option value="gpt-4">gpt-4</option>
- <option value="gpt-4-0613">gpt-4-0613</option>
- <option value="gpt-4-32k">gpt-4-32k</option>
- <option value="gpt-4-32k-0613">gpt-4-32k-0613</option>
- <option value="palm2">palm2</option>
- <option value="palm">palm</option>
- <option value="google">google</option>
- <option value="google-bard">google-bard</option>
- <option value="google-palm">google-palm</option>
- <option value="bard">bard</option>
- <option value="llama2-7b">llama2-7b</option>
- <option value="llama2-13b">llama2-13b</option>
- <option value="llama2-70b">llama2-70b</option>
- <option value="command-nightly">command-nightly</option>
- <option value="gpt-neox-20b">gpt-neox-20b</option>
- <option value="santacoder">santacoder</option>
- <option value="bloom">bloom</option>
- <option value="flan-t5-xxl">flan-t5-xxl</option>
- <option value="code-davinci-002">code-davinci-002</option>
- <option value="text-ada-001">text-ada-001</option>
- <option value="text-babbage-001">text-babbage-001</option>
- <option value="text-curie-001">text-curie-001</option>
- <option value="text-davinci-002">text-davinci-002</option>
- <option value="text-davinci-003">text-davinci-003</option>
- <option value="llama70b-v2-chat">llama70b-v2-chat</option>
- <option value="llama13b-v2-chat">llama13b-v2-chat</option>
- <option value="llama7b-v2-chat">llama7b-v2-chat</option>
- <option value="oasst-sft-1-pythia-12b">oasst-sft-1-pythia-12b</option>
- <option value="oasst-sft-4-pythia-12b-epoch-3.5">oasst-sft-4-pythia-12b-epoch-3.5</option>
- <option value="command-light-nightly">command-light-nightly</option>
- </select>
+ <select name="model" id="model"></select>
</div>
<div class="field">
<select name="jailbreak" id="jailbreak" style="display: none;">
@@ -178,36 +138,19 @@
<option value="gpt-evil-1.0">evil 1.0</option>
</select>
<div class="field">
- <select name="provider" id="provider">
- <option value="g4f.Provider.Auto" selected>Set Provider</option>
- <option value="g4f.Provider.AItianhuSpace">AItianhuSpace</option>
- <option value="g4f.Provider.ChatgptLogin">ChatgptLogin</option>
- <option value="g4f.Provider.ChatgptDemo">ChatgptDemo</option>
- <option value="g4f.Provider.ChatgptDuo">ChatgptDuo</option>
- <option value="g4f.Provider.Vitalentum">Vitalentum</option>
- <option value="g4f.Provider.ChatgptAi">ChatgptAi</option>
- <option value="g4f.Provider.AItianhu">AItianhu</option>
- <option value="g4f.Provider.ChatBase">ChatBase</option>
- <option value="g4f.Provider.Liaobots">Liaobots</option>
- <option value="g4f.Provider.Yqcloud">Yqcloud</option>
- <option value="g4f.Provider.Myshell">Myshell</option>
- <option value="g4f.Provider.FreeGpt">FreeGpt</option>
- <option value="g4f.Provider.Vercel">Vercel</option>
- <option value="g4f.Provider.Aichat">Aichat</option>
- <option value="g4f.Provider.GPTalk">GPTalk</option>
- <option value="g4f.Provider.GptGod">GptGod</option>
- <option value="g4f.Provider.AiAsk">AiAsk</option>
- <option value="g4f.Provider.GptGo">GptGo</option>
- <option value="g4f.Provider.Ylokh">Ylokh</option>
- <option value="g4f.Provider.Bard">Bard</option>
- <option value="g4f.Provider.Aibn">Aibn</option>
- <option value="g4f.Provider.Bing">Bing</option>
- <option value="g4f.Provider.You">You</option>
- <option value="g4f.Provider.Llama2">Llama2</option>
- <option value="g4f.Provider.Aivvm">Aivvm</option>
- </select>
+ <select name="provider" id="provider"></select>
</div>
</div>
+ <div class="field">
+ <input type="checkbox" id="switch" />
+ <label for="switch"></label>
+ <span class="about">Web Access</span>
+ </div>
+ <div class="field">
+ <input type="checkbox" id="patch" />
+ <label for="patch" title="Works only with Bing and some other providers"></label>
+ <span class="about">Image Generator</span>
+ </div>
</div>
</div>
</div>