mirror of
https://github.com/Balshgit/gpt_chat_bot.git
synced 2026-02-04 16:50:38 +03:00
change chat gpt provider (#12)
This commit is contained in:
Dmitry Afanasyev
GitHub
@@ -1,135 +1,155 @@
|
||||
<!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://chat.acy.dev" />
|
||||
<link rel="stylesheet" href="{{ url_for('bp.static', filename='css/style.css') }}" />
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
sizes="180x180"
|
||||
href="{{ url_for('bp.static', filename='img/apple-touch-icon.png') }}" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="32x32"
|
||||
href="{{ url_for('bp.static', filename='img/favicon-32x32.png') }}" />
|
||||
<link
|
||||
rel="icon"
|
||||
type="image/png"
|
||||
sizes="16x16"
|
||||
href="{{ url_for('bp.static', filename='img/favicon-16x16.png') }}" />
|
||||
<link rel="manifest" href="{{ url_for('bp.static', filename='img/site.webmanifest') }}" />
|
||||
<link
|
||||
rel="stylesheet"
|
||||
href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@latest/build/styles/base16/dracula.min.css" />
|
||||
<title>FreeGPT</title>
|
||||
</head>
|
||||
<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://chat.acy.dev">
|
||||
<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/chat.js" defer></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/markdown-it@latest/dist/markdown-it.min.js"></script>
|
||||
<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@latest/build/styles/base16/dracula.min.css">
|
||||
<script>
|
||||
const user_image = `<img src="/assets/img/user.png" alt="User Avatar">`;
|
||||
const gpt_image = `<img src="/assets/img/gpt.png" alt="GPT Avatar">`;
|
||||
</script>
|
||||
<style>
|
||||
.hljs {
|
||||
color: #e9e9f4;
|
||||
background: #28293629;
|
||||
border-radius: var(--border-radius-1);
|
||||
border: 1px solid var(--blur-border);
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
<body data-urlprefix="{{ url_prefix}}">
|
||||
<div class="main-container">
|
||||
<div class="box sidebar">
|
||||
<div class="top">
|
||||
<button class="button" onclick="new_conversation()">
|
||||
<i class="fa-regular fa-plus"></i>
|
||||
<span>{{_('New Conversation')}}</span>
|
||||
</button>
|
||||
<div class="spinner"></div>
|
||||
</div>
|
||||
<div class="sidebar-footer">
|
||||
<button class="button" onclick="delete_conversations()">
|
||||
<i class="fa-regular fa-trash"></i>
|
||||
<span>{{_('Clear Conversations')}}</span>
|
||||
</button>
|
||||
<div class="settings-container">
|
||||
<div class="checkbox field">
|
||||
<span>{{_('Dark Mode')}}</span>
|
||||
<input type="checkbox" id="theme-toggler" />
|
||||
<label for="theme-toggler"></label>
|
||||
</div>
|
||||
<div class="field">
|
||||
<span>{{_('Language')}}</span>
|
||||
<select
|
||||
class="dropdown"
|
||||
id="language"
|
||||
onchange="changeLanguage(this.value)"></select>
|
||||
</div>
|
||||
</div>
|
||||
<a class="info" href="https://github.com/ramonvc/gptfree-jailbreak-webui" target="_blank">
|
||||
<i class="fa-brands fa-github"></i>
|
||||
<span class="conversation-title"> {{_('Version')}}: 0.1.0 </span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation">
|
||||
<div class="stop-generating stop-generating-hidden">
|
||||
<button class="button" id="cancelButton">
|
||||
<span>{{_('Stop Generating')}}</span>
|
||||
</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"></textarea>
|
||||
<div id="send-button">
|
||||
<i class="fa-regular fa-paper-plane-top"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="options-container">
|
||||
<div class="buttons">
|
||||
<div class="field">
|
||||
<select class="dropdown" name="model" id="model">
|
||||
<option value="gpt-3.5-turbo" selected>GPT-3.5</option>
|
||||
<option value="gpt-3.5-turbo-16k">GPT-3.5-turbo-16k</option>
|
||||
<option value="gpt-4">GPT-4</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="field">
|
||||
<select class="dropdown" name="jailbreak" id="jailbreak">
|
||||
<option value="default" selected>{{_('Default')}}</option>
|
||||
<option value="gpt-dan-11.0">{{_('DAN')}}</option>
|
||||
<option value="gpt-evil">{{_('Evil')}}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="field checkbox">
|
||||
<input type="checkbox" id="switch" />
|
||||
<label for="switch"></label>
|
||||
<span>{{_('Web Access')}}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu-button">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</div>
|
||||
#message-input {
|
||||
margin-right: 30px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
<!-- scripts -->
|
||||
<script>
|
||||
window.conversation_id = "{{ chat_id }}";
|
||||
</script>
|
||||
<script src="{{ url_for('bp.static', filename='js/icons.js') }}"></script>
|
||||
<script src="{{ url_for('bp.static', filename='js/chat.js') }}" defer></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/markdown-it@latest/dist/markdown-it.min.js"></script>
|
||||
<script src="{{ url_for('bp.static', filename='js/highlight.min.js') }}"></script>
|
||||
<script src="{{ url_for('bp.static', filename='js/highlightjs-copy.min.js') }}"></script>
|
||||
<script src="{{ url_for('bp.static', filename='js/theme-toggler.js') }}"></script>
|
||||
<script src="{{ url_for('bp.static', filename='js/sidebar-toggler.js') }}"></script>
|
||||
<script src="{{ url_for('bp.static', filename='js/change-language.js') }}"></script>
|
||||
</body>
|
||||
#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 src="/assets/js/highlightjs-copy.min.js"></script>
|
||||
<script>window.conversation_id = {{chat_id}} </script>
|
||||
<title>ChatGPT</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 class="spinner"></div>
|
||||
</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-regular fa-circle-info"></i>
|
||||
<span class="convo-title">By: Balsh<br>
|
||||
Version: 0.0.6 <br>
|
||||
Release: 2023-09-06<br>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="conversation disable-scrollbars">
|
||||
<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;" oninput="resizeTextarea(this)"></textarea>
|
||||
<div id="send-button">
|
||||
<i class="fa-regular 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">
|
||||
## for m in model_list
|
||||
{% if loop.index1 == 1 %}
|
||||
<option value="{{ m }}" selected>{{ m }}</option>
|
||||
{% else %}
|
||||
<option value="{{ m }}">{{ m }}</option>
|
||||
{% endif %}
|
||||
## endfor
|
||||
</select>
|
||||
<!-- <span class="about">Model</span> -->
|
||||
</div>
|
||||
<div class="field">
|
||||
<select name="jailbreak" id="jailbreak">
|
||||
<option value="default" selected>default</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<form class="color-picker" action="">
|
||||
<fieldset>
|
||||
<legend class="visually-hidden">Pick a color scheme</legend>
|
||||
<label for="light" class="visually-hidden">Light</label>
|
||||
<input type="radio" title="light" name="theme" id="light" checked>
|
||||
|
||||
<label for="pink" class="visually-hidden">Pink theme</label>
|
||||
<input type="radio" title="pink" id="pink" name="theme">
|
||||
|
||||
<label for="blue" class="visually-hidden">Blue theme</label>
|
||||
<input type="radio" title="blue" id="blue" name="theme">
|
||||
|
||||
<label for="green" class="visually-hidden">Green theme</label>
|
||||
<input type="radio" title="green" id="green" name="theme">
|
||||
|
||||
<label for="dark" class="visually-hidden">Dark theme</label>
|
||||
<input type="radio" title="dark" id="dark" name="theme">
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mobile-sidebar">
|
||||
<i class="fa-solid fa-bars"></i>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user