diff options
author | H Lohaus <hlohaus@users.noreply.github.com> | 2024-01-13 15:48:38 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-01-13 15:48:38 +0100 |
commit | 467f2a6fc67e6c5a6cf996da961dc1f68bd7d456 (patch) | |
tree | 70d06c98503a235d8e6727a9ea4537fea4330f8c /g4f/gui/client/html/index.html | |
parent | ~ (diff) | |
parent | Support upload image in gui (diff) | |
download | gpt4free-467f2a6fc67e6c5a6cf996da961dc1f68bd7d456.tar gpt4free-467f2a6fc67e6c5a6cf996da961dc1f68bd7d456.tar.gz gpt4free-467f2a6fc67e6c5a6cf996da961dc1f68bd7d456.tar.bz2 gpt4free-467f2a6fc67e6c5a6cf996da961dc1f68bd7d456.tar.lz gpt4free-467f2a6fc67e6c5a6cf996da961dc1f68bd7d456.tar.xz gpt4free-467f2a6fc67e6c5a6cf996da961dc1f68bd7d456.tar.zst gpt4free-467f2a6fc67e6c5a6cf996da961dc1f68bd7d456.zip |
Diffstat (limited to 'g4f/gui/client/html/index.html')
-rw-r--r-- | g4f/gui/client/html/index.html | 93 |
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> |