mirror of
https://github.com/xtekky/gpt4free.git
synced 2024-11-09 01:10:34 +00:00
206 lines
10 KiB
HTML
206 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0">
|
|
<meta name="description" content="A conversational AI system that listens, learns, and challenges">
|
|
<meta property="og:title" content="ChatGPT">
|
|
<meta property="og:image" content="https://openai.com/content/images/2022/11/ChatGPT.jpg">
|
|
<meta property="og:description" content="A conversational AI system that listens, learns, and challenges">
|
|
<meta property="og:url" content="https://g4f.ai">
|
|
<link rel="stylesheet" href="/assets/css/style.css">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png">
|
|
<link rel="manifest" href="/assets/img/site.webmanifest">
|
|
<script src="/assets/js/icons.js"></script>
|
|
<script src="/assets/js/highlightjs-copy.min.js"></script>
|
|
<script src="/assets/js/chat.v1.js" defer></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/markdown-it@13.0.1/dist/markdown-it.min.js"></script>
|
|
<link rel="stylesheet"
|
|
href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/styles/base16/dracula.min.css">
|
|
<script>
|
|
const user_image = `<img src="/assets/img/user.png" alt="your avatar">`;
|
|
const gpt_image = `<img src="/assets/img/gpt.png" alt="your avatar">`;
|
|
</script>
|
|
<style>
|
|
.hljs {
|
|
color: #e9e9f4;
|
|
background: #28293629;
|
|
border-radius: var(--border-radius-1);
|
|
border: 1px solid var(--blur-border);
|
|
font-size: 15px;
|
|
}
|
|
|
|
#message-input {
|
|
margin-right: 30px;
|
|
height: 80px;
|
|
}
|
|
|
|
#message-input::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
|
|
/* Track */
|
|
#message-input::-webkit-scrollbar-track {
|
|
background: #f1f1f1;
|
|
}
|
|
|
|
/* Handle */
|
|
#message-input::-webkit-scrollbar-thumb {
|
|
background: #c7a2ff;
|
|
}
|
|
|
|
/* Handle on hover */
|
|
#message-input::-webkit-scrollbar-thumb:hover {
|
|
background: #8b3dff;
|
|
}
|
|
</style>
|
|
<script src="/assets/js/highlight.min.js"></script>
|
|
<script>window.conversation_id = `{{chat_id}}`</script>
|
|
<title>g4f - gui</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="gradient"></div>
|
|
<div class="row">
|
|
<div class="box conversations">
|
|
<div class="top">
|
|
<button class="new_convo" onclick="new_conversation()">
|
|
<i class="fa-regular fa-plus"></i>
|
|
<span>New Conversation</span>
|
|
</button>
|
|
</div>
|
|
<div class="bottom_buttons">
|
|
<button onclick="delete_conversations()">
|
|
<i class="fa-regular fa-trash"></i>
|
|
<span>Clear Conversations</span>
|
|
</button>
|
|
<div class="info">
|
|
<i class="fa-brands fa-telegram"></i>
|
|
<span class="convo-title">tele ~ <a href="https://t.me/g4f_official">@g4f_official</a>
|
|
</span>
|
|
</div>
|
|
<div class="info">
|
|
<i class="fa-brands fa-github"></i>
|
|
<span class="convo-title">github ~ <a href="https://github.com/xtekky/gpt4free">@gpt4free</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="conversation">
|
|
<div class="stop_generating stop_generating-hidden">
|
|
<button id="cancelButton">
|
|
<span>Stop Generating</span>
|
|
<i class="fa-regular fa-stop"></i>
|
|
</button>
|
|
</div>
|
|
<div class="box" id="messages">
|
|
</div>
|
|
<div class="user-input">
|
|
<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>
|
|
<div id="send-button">
|
|
<i class="fa-solid fa-paper-plane-top"></i>
|
|
</div>
|
|
</div>
|
|
</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">
|
|
<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="falcon-40b">falcon-40b</option>
|
|
<option value="falcon-7b">falcon-7b</option>
|
|
<option value="llama-13b">llama-13b</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>
|
|
</div>
|
|
<div class="field">
|
|
<select name="jailbreak" id="jailbreak">
|
|
<option value="default" selected>Set Jailbreak</option>
|
|
<option value="gpt-math-1.0">math 1.0</option>
|
|
<option value="gpt-dude-1.0">dude 1.0</option>
|
|
<option value="gpt-dan-1.0">dan 1.0</option>
|
|
<option value="gpt-dan-2.0">dan 2.0</option>
|
|
<option value="gpt-dev-2.0">dev 2.0</option>
|
|
<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.H2o">H2o</option>
|
|
<option value="g4f.Provider.Aivvm">Aivvm</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mobile-sidebar">
|
|
<i class="fa-solid fa-bars"></i>
|
|
</div>
|
|
<script>
|
|
</script>
|
|
</body>
|
|
|
|
</html> |