поделал сайт, сделал orm-модели, requirements.txt
This commit is contained in:
+110
-23
@@ -1,52 +1,139 @@
|
||||
/* Global styles */
|
||||
body {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 30px;
|
||||
a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
form {
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Header styles */
|
||||
header {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 10px;
|
||||
nav ul {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
height: auto;
|
||||
width: auto;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
input[type="password"] {
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
max-width: 300px; /* добавлено, чтобы форма не была слишком широкой */
|
||||
box-sizing: border-box; /* добавлено, чтобы input не выходил за границы родительского элемента */
|
||||
margin-bottom: 20px; /* добавлено, чтобы был отступ между input и кнопкой */
|
||||
nav li {
|
||||
margin-right: 20px;
|
||||
position: relative
|
||||
}
|
||||
|
||||
button[type="submit"] {
|
||||
nav a {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
text-transform: uppercase
|
||||
}
|
||||
|
||||
.auth-buttons a {
|
||||
-webkit-appearance: button;
|
||||
-moz-appearance: button;
|
||||
text-decoration: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 25px; /* более округлая форма */
|
||||
border: none;
|
||||
background-color: #4CAF50;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 6px 0 #3e8e41; /* тень при наведении курсора */
|
||||
box-shadow: 0 5px 0 #3e8e41; /* тень при наведении курсора */
|
||||
transition: box-shadow 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
button[type="submit"]:hover {
|
||||
.auth-buttons a:hover {
|
||||
box-shadow: 0 3px 0 #3e8e41;
|
||||
}
|
||||
|
||||
|
||||
/* Bot section styles */
|
||||
.bot-section {
|
||||
margin-top: 2rem;
|
||||
padding: 2rem;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
|
||||
.bot-section h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
|
||||
.bot-image img {
|
||||
width: 300px;
|
||||
height: auto;
|
||||
margin-bottom: 2rem
|
||||
}
|
||||
|
||||
|
||||
.bot-features h2 {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 1rem
|
||||
}
|
||||
|
||||
|
||||
.bot-features ul {
|
||||
margin-bottom: 2rem
|
||||
}
|
||||
|
||||
|
||||
.bot-features li {
|
||||
margin-bottom: .5rem
|
||||
}
|
||||
|
||||
|
||||
.bot-usage h2 {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 1rem
|
||||
}
|
||||
|
||||
|
||||
.bot-usage ol {
|
||||
margin-bottom: 2rem;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.bot-usage li {
|
||||
margin-bottom: .5rem
|
||||
}
|
||||
|
||||
.bot-feedback h2 {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 1rem
|
||||
}
|
||||
|
||||
/* Footer styles */
|
||||
footer {
|
||||
background-color: #1e1e1e;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
body {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
margin-top: 50px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
form {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
label {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
input {
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
max-width: 300px; /* добавлено, чтобы форма не была слишком широкой */
|
||||
box-sizing: border-box; /* добавлено, чтобы input не выходил за границы родительского элемента */
|
||||
margin-bottom: 20px; /* добавлено, чтобы был отступ между input и кнопкой */
|
||||
}
|
||||
|
||||
button[type="submit"] {
|
||||
padding: 10px 20px;
|
||||
border-radius: 25px; /* более округлая форма */
|
||||
border: none;
|
||||
background-color: #4CAF50;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
box-shadow: 0 6px 0 #3e8e41; /* тень при наведении курсора */
|
||||
transition: box-shadow 0.2s ease-in-out;
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
button[type="submit"]:hover {
|
||||
box-shadow: 0 3px 0 #3e8e41;
|
||||
}
|
||||
+54
-10
@@ -1,17 +1,61 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<title>audio resive</title>
|
||||
<meta charset="UTF-8">
|
||||
<title>Telegram Bot</title>
|
||||
<link href="{{ url_for('static', path='/css/index.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Login</h1>
|
||||
<form method="post" action="/login">
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" name="password" id="password">
|
||||
<button type="submit">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
<header>
|
||||
<nav>
|
||||
<div></div>
|
||||
<div class="auth-buttons">
|
||||
<a href="/login" class="button">Log In</a>
|
||||
<a href="/register" class="button">Sign Up</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<section class="bot-section">
|
||||
<h1>Телеграм-бот для перевода голосовых сообщений и общения с ChatGPT с функцией сохранения истории.</h1>
|
||||
<p>Разработанный нами Telegram-бот может переводить голосовые сообщения и общаться с ChatGPT,
|
||||
сохраняя историю запросов. Этот бот создан для того, чтобы облегчить вашу жизнь,
|
||||
предоставляя вам безупречный опыт перевода голосовых сообщений и общения с ChatGPT без необходимости
|
||||
переключаться между различными приложениями. Бот интегрирован в Telegram, что означает,
|
||||
что вы можете использовать его на любом устройстве, поддерживающем этот мессенджер.</p>
|
||||
<div class="bot-image">
|
||||
<img src="https://via.placeholder.com/300x200" alt="">
|
||||
</div>
|
||||
<div class="bot-features">
|
||||
<h2>Фишки:</h2>
|
||||
<ul>
|
||||
<li>Функция перевода голосовых сообщений, поддерживающая несколько языков.</li>
|
||||
<li>Функция общения, которая позволяет вам общаться с ChatGPT для любых запросов или вопросов, которые у вас
|
||||
могут возникнуть.
|
||||
</li>
|
||||
<li>Функция сохранения истории, которая отслеживает все ваши запросы и беседы для последующего
|
||||
использования.
|
||||
</li>
|
||||
<li>Понятный интерфейс, который делает его простым в использовании для любого человека, независимо от его
|
||||
технических знаний.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bot-usage">
|
||||
<h2>Как пользоваться:</h2>
|
||||
<ol>
|
||||
<li>Откройте телеграм.</li>
|
||||
<li>Найдите нашего бота и запустите его</li>
|
||||
<li>Теперь вы можете отправлять ему голосовые сообщения, чтобы получить расшифровку, а так же добавлять в
|
||||
ваши группы, чтобы бот и там мог расшифровывать голосовые сообщения.
|
||||
</li>
|
||||
<li>С помощью команды /r вы можете задавать вопросы боту, а команда /r_clear удалит всю переписку, чтобы вы
|
||||
могли начать новую.
|
||||
</li>
|
||||
</ol>
|
||||
</div>
|
||||
</section>
|
||||
<footer>
|
||||
<p>© 2021 Telegram Bot. All rights reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
@@ -0,0 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<title>audio resive</title>
|
||||
<link href="{{ url_for('static', path='/css/login.css') }}" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Login</h1>
|
||||
<form method="post" action="/logins">
|
||||
<label for="username">Username:</label>
|
||||
<input type="text" name="username" id="username">
|
||||
<label for="password">Password:</label>
|
||||
<input type="password" name="password" id="password">
|
||||
<button type="submit">Login</button>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user