Numerum/Incepted
Numerum/Incepted
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Начал делать изменение профиля

Browse Source
This commit is contained in:
Андрей Дувакин 2022-12-16 23:54:24 +05:00
parent 158409f158
commit 89bb80c73c
17 changed files with 1185 additions and 865 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
forms/edit_profile.py Normal file
View File

@ -0,0 +1,15 @@
from flask_wtf import FlaskForm
from flask_wtf.file import FileAllowed
from wtforms import EmailField, StringField, TextAreaField, FileField, SubmitField, DateField
from wtforms.validators import DataRequired
class EditProfileForm(FlaskForm):
email = EmailField('Почта', validators=[DataRequired()])
name = StringField('Имя', validators=[DataRequired()])
surname = StringField('Фамилия', )
about = TextAreaField('Расскажите о себе', default='')
birthday = DateField('Дата рождения')
photo = FileField('Фото', validators=[FileAllowed(['jpg', 'png', 'bmp'], 'Только фотографии!')])
del_photo = SubmitField('Удалить фотографию')
submit = SubmitField('Сохранить')

2
forms/register.py
View File

@ -1,6 +1,6 @@
from flask_wtf import FlaskForm
from flask_wtf.file import FileAllowed
from wtforms import EmailField, StringField, PasswordField, SubmitField, FileField, DateField, TextAreaField
from wtforms import EmailField, StringField, PasswordField, SubmitField
from wtforms.validators import DataRequired

74
functions.py
View File

@ -1,37 +1,37 @@
import smtplib
from email.message import EmailMessage
def check_password(password=''):
smb = 'qwertyuiopasdfghjklzxcvbnm'
if len(password) < 6:
return 'Пароль должен быть длиннее 6 символов'
elif False in [True if i.isalpha() and i.lower() in smb or i.isdigit() else False for i in password]:
return 'Пароль может содержать только буквы латинского алфавита и цифры'
elif True not in [True if i.isdigit() else False for i in password]:
return 'Пароль должен содержать буквы разного регистра и цифры'
elif False not in [True if i.islower() and i.isalpha() else False for i in password]:
return 'Пароль должен содержать буквы разного регистра и цифры'
else:
return 'OK'
def mail(msg, to, topic='Подтверждение почты'):
file = open('mail.incepted', 'r', encoding='utf-8').readline().split()
login, password = file[0], file[1]
email_server = "smtp.yandex.ru"
sender = "incepted@yandex.ru"
em = EmailMessage()
em.set_content(msg)
em['To'] = to
em['From'] = sender
em['Subject'] = topic
mailServer = smtplib.SMTP(email_server)
mailServer.set_debuglevel(1)
mailServer.ehlo()
mailServer.starttls()
mailServer.ehlo()
mailServer.login(login, password)
mailServer.ehlo()
mailServer.send_message(em)
mailServer.quit()
import smtplib
from email.message import EmailMessage
def check_password(password=''):
smb = 'qwertyuiopasdfghjklzxcvbnm'
if len(password) < 6:
return 'Пароль должен быть длиннее 6 символов'
elif False in [True if i.isalpha() and i.lower() in smb or i.isdigit() else False for i in password]:
return 'Пароль может содержать только буквы латинского алфавита и цифры'
elif True not in [True if i.isdigit() else False for i in password]:
return 'Пароль должен содержать буквы разного регистра и цифры'
elif False not in [True if i.islower() and i.isalpha() else False for i in password]:
return 'Пароль должен содержать буквы разного регистра и цифры'
else:
return 'OK'
def mail(msg, to, topic='Подтверждение почты'):
file = open('mail.incepted', 'r', encoding='utf-8').readline().split()
login, password = file[0], file[1]
email_server = "smtp.yandex.ru"
sender = "incepted@yandex.ru"
em = EmailMessage()
em.set_content(msg)
em['To'] = to
em['From'] = sender
em['Subject'] = topic
mailServer = smtplib.SMTP(email_server)
mailServer.set_debuglevel(1)
mailServer.ehlo()
mailServer.starttls()
mailServer.ehlo()
mailServer.login(login, password)
mailServer.ehlo()
mailServer.send_message(em)
mailServer.quit()

328
main.py
View File

@ -1,133 +1,195 @@
import datetime
from flask import Flask, render_template, request, url_for
from flask_login import login_user, current_user, LoginManager, logout_user, login_required
from werkzeug.utils import redirect
from itsdangerous import URLSafeTimedSerializer, SignatureExpired
from functions import check_password, mail
from forms.login import LoginForm
from forms.register import RegisterForm
from data.users import User
from waitress import serve
from data import db_session
app = Flask(__name__)
key = 'test_secret_key'
app.config['SECRET_KEY'] = key
s = URLSafeTimedSerializer(key)
login_manager = LoginManager()
login_manager.init_app(app)
@app.route('/')
def base():
return render_template('main.html', title='Главная')
@login_manager.user_loader
def load_user(user_id):
db_sess = db_session.create_session()
return db_sess.query(User).get(user_id)
@app.route('/login', methods=['GET', 'POST'])
def login():
if not current_user.is_authenticated:
message = request.args.get('message') if request.args.get('message') else ''
danger = request.args.get('danger') if request.args.get('danger') else False
form = LoginForm()
if form.validate_on_submit():
db_sess = db_session.create_session()
user = db_sess.query(User).filter(User.email == form.login.data).first()
if user and user.check_password(form.password.data):
if user.activated:
login_user(user, remember=form.remember_me.data)
return redirect('/')
else:
return render_template('login.html',
message="Ваша почта не подтверждена",
danger=True,
form=form)
return render_template('login.html',
message="Неправильный логин или пароль",
danger=True,
form=form)
return render_template('login.html', title='Авторизация', form=form, message=message,
danger=danger)
else:
return redirect('/')
@app.route('/logout')
@login_required
def logout():
logout_user()
return redirect("/")
@app.route('/register', methods=['GET', 'POST'])
def register():
if not current_user.is_authenticated:
form = RegisterForm()
if form.validate_on_submit():
data_session = db_session.create_session()
if data_session.query(User).filter(User.login == form.login.data).first():
return render_template('register.html', form=form, message="Такой пользователь уже есть",
title='Регистрация')
if data_session.query(User).filter(User.email == form.email.data).first():
return render_template('register.html', form=form, message="Такая почта уже есть", title='Регистрация')
status_password = check_password(form.password.data)
if status_password != 'OK':
return render_template('register.html', form=form, message=status_password, title='Регистрация')
user = User(
email=form.email.data,
name=form.name.data,
login=form.login.data,
activity=datetime.datetime.now()
)
user.set_password(form.password.data)
data_session.add(user)
data_session.commit()
data_session.close()
token = s.dumps(form.email.data)
link_conf = url_for('confirmation', token=token, _external=True)
mail(f'Для завершения регистрации пройдите по ссылке: {link_conf}', form.email.data,
'Подтверждение регистрации')
return redirect('/login?message=Мы выслали ссылку для подтверждения почты')
return render_template('register.html', form=form, message='', title='Регистрация')
else:
return redirect('/')
@app.route('/confirmation/<token>')
def confirmation(token):
try:
user_email = s.loads(token, max_age=86400)
data_session = db_session.create_session()
user = data_session.query(User).filter(User.email == user_email).first()
if user:
user.activated = True
data_session.commit()
data_session.close()
return redirect('/login?message=Почта успешно подтверждена')
else:
return redirect('/login?message=Пользователь не найден&danger=True')
except SignatureExpired:
data_session = db_session.create_session()
users = data_session.query(User).filter(
User.activated == 0 and User.activated < datetime.datetime.now() - datetime.timedelta(days=1)).all()
if users:
list(map(lambda x: data_session.delete(x), users))
data_session.commit()
data_session.close()
return redirect('/login?message=Срок действия ссылки истек, данные удалены&danger=True')
def main():
db_session.global_init("db/incepted.db")
serve(app, host='0.0.0.0', port=5000)
if __name__ == '__main__':
main()
import datetime
import os
from flask import Flask, render_template, request, url_for
from flask_login import login_user, current_user, LoginManager, logout_user, login_required
from werkzeug.datastructures import CombinedMultiDict
from werkzeug.utils import redirect
from itsdangerous import URLSafeTimedSerializer, SignatureExpired
from functions import check_password, mail
from forms.edit_profile import EditProfileForm
from forms.login import LoginForm
from forms.register import RegisterForm
from data.users import User
from waitress import serve
from data import db_session
app = Flask(__name__)
key = 'test_secret_key'
app.config['SECRET_KEY'] = key
s = URLSafeTimedSerializer(key)
login_manager = LoginManager()
login_manager.init_app(app)
@app.route('/')
def base():
if not current_user.is_authenticated:
return render_template('main.html', title='Главная')
else:
return redirect('/project')
@app.route('/project')
def project():
if current_user.is_authenticated:
return redirect(f'/profile')
else:
return redirect('/login')
@app.route('/profile', methods=['GET', 'POST'])
def profile():
if current_user.is_authenticated:
form = EditProfileForm(
CombinedMultiDict((request.files, request.form)),
email=current_user.email,
name=current_user.name,
surname=current_user.surname,
about=current_user.about,
birthday=current_user.birthday
)
if form.del_photo.data:
data_session = db_session.create_session()
user = data_session.query(User).filter(User.id == current_user.id).first()
if not user:
return render_template('profile.html', title='Профиль', form=form,
message='Ошибка, пользователь ненайден')
os.remove(current_user.photo)
user.photo = 'static/images/none_logo.png'
data_session.commit()
data_session.close()
if form.validate_on_submit():
data_session = db_session.create_session()
user = data_session.query(User).filter(User.id == current_user.id).first()
if not user:
return render_template('profile.html', title='Профиль', form=form,
message='Ошибка, пользователь ненайден')
if form.email.data != current_user.email:
pass
if form.photo.data:
with open(f'static/app_files/user_logo/{current_user.login}.png', 'wb') as file:
form.photo.data.save(file)
user.photo = f'static/app_files/user_logo/{current_user.login}.png'
user.name = form.name.data
user.surname = form.surname.data
user.about = form.about.data
user.birthday = form.birthday.data
data_session.commit()
data_session.close()
return redirect('/profile')
return render_template('profile.html', title='Профиль', form=form, message='')
else:
return redirect('/login')
@login_manager.user_loader
def load_user(user_id):
db_sess = db_session.create_session()
return db_sess.query(User).get(user_id)
@app.route('/login', methods=['GET', 'POST'])
def login():
if not current_user.is_authenticated:
message = request.args.get('message') if request.args.get('message') else ''
danger = request.args.get('danger') if request.args.get('danger') else False
form = LoginForm()
if form.validate_on_submit():
db_sess = db_session.create_session()
user = db_sess.query(User).filter(User.email == form.login.data).first()
if user and user.check_password(form.password.data):
if user.activated:
login_user(user, remember=form.remember_me.data)
return redirect('/')
else:
return render_template('login.html',
message="Ваша почта не подтверждена",
danger=True,
form=form)
return render_template('login.html',
message="Неправильный логин или пароль",
danger=True,
form=form)
return render_template('login.html', title='Авторизация', form=form, message=message,
danger=danger)
else:
return redirect('/project')
@app.route('/logout')
@login_required
def logout():
logout_user()
return redirect("/")
@app.route('/register', methods=['GET', 'POST'])
def register():
if not current_user.is_authenticated:
form = RegisterForm()
if form.validate_on_submit():
data_session = db_session.create_session()
if data_session.query(User).filter(User.login == form.login.data).first():
return render_template('register.html', form=form, message="Такой пользователь уже есть",
title='Регистрация')
if data_session.query(User).filter(User.email == form.email.data).first():
return render_template('register.html', form=form, message="Такая почта уже есть", title='Регистрация')
status_password = check_password(form.password.data)
if status_password != 'OK':
return render_template('register.html', form=form, message=status_password, title='Регистрация')
user = User(
email=form.email.data,
name=form.name.data,
login=form.login.data,
activity=datetime.datetime.now(),
data_reg=datetime.date.today(),
photo='static/images/none_logo.png',
role='user'
)
user.set_password(form.password.data)
data_session.add(user)
data_session.commit()
data_session.close()
token = s.dumps(form.email.data)
link_conf = url_for('confirmation', token=token, _external=True)
mail(f'Для завершения регистрации пройдите по ссылке: {link_conf}', form.email.data,
'Подтверждение регистрации')
return redirect('/login?message=Мы выслали ссылку для подтверждения почты')
return render_template('register.html', form=form, message='', title='Регистрация')
else:
return redirect('/project')
@app.route('/confirmation/<token>')
def confirmation(token):
try:
user_email = s.loads(token, max_age=86400)
data_session = db_session.create_session()
user = data_session.query(User).filter(User.email == user_email).first()
if user:
user.activated = True
data_session.commit()
data_session.close()
return redirect('/login?message=Почта успешно подтверждена')
else:
return redirect('/login?message=Пользователь не найден&danger=True')
except SignatureExpired:
data_session = db_session.create_session()
users = data_session.query(User).filter(
User.activated == 0 and User.activated < datetime.datetime.now() - datetime.timedelta(days=1)).all()
if users:
list(map(lambda x: data_session.delete(x), users))
data_session.commit()
data_session.close()
return redirect('/login?message=Срок действия ссылки истек, данные удалены&danger=True')
def main():
db_session.global_init("db/incepted.db")
serve(app, host='0.0.0.0', port=5000)
if __name__ == '__main__':
main()

0
static/app_files/заглушка → static/app_files/user_logo/заглушка
View File

140
static/css/base.css
View File

@ -1,51 +1,91 @@
html {
background-color: #fdf5e6;
height: 100%;
}
body {
min-height: 100%;
}
.navbar {
background-color: #dcb495;
display: inline-flex;
height: 8vw;
}
#navbar {
position: fixed;
width: 100%;
transition: top 0.3s;
opacity: .9;
border-bottom: 1px solid #bf9c81;
}
.auth_button {
color: #ffffff;
font-size: 1.5vw;
transition: color 0.5s ease-in, border-bottom 0.5s ease-in;
}
.auth_button:hover {
color: #694a2d;
border-bottom: 3px solid #f3c79e;
text-decoration: none;
}
.footer {
background-color: #171717;
height: 15vw;
}
.footer_block {
height: 100%;
width: 90%;
margin-left: 5%;
display: flex;
align-content: center;
align-items: center;
}
.footer_logo, .nav_logo {
width: 7vw;
height: 6vw;
}
.footer_rights {
color: #ffffff;
font-size: 1.5vw;
width: 85%;
text-align: center;
html {
background-color: #fdf5e6;
height: 100%;
}
body {
min-height: 100%;
}
.navbar {
background-color: #dcb495;
display: inline-flex;
height: 8vw;
}
#navbar {
position: fixed;
width: 100%;
transition: top 0.3s;
opacity: .9;
border-bottom: 1px solid #bf9c81;
}
.auth_button {
color: #ffffff;
font-size: 1.5vw;
transition: color 0.5s ease-in, border-bottom 0.5s ease-in;
}
.auth_button:hover {
color: #694a2d;
border-bottom: 3px solid #f3c79e;
text-decoration: none;
}
.footer {
background-color: #171717;
height: 15vw;
}
.footer_block {
height: 100%;
width: 90%;
margin-left: 5%;
display: flex;
align-content: center;
align-items: center;
}
.footer_logo, .nav_logo {
width: 7vw;
height: 6vw;
}
.footer_rights {
color: #ffffff;
font-size: 1.5vw;
width: 85%;
text-align: center;
}
.nav_panel {
width: 100%;
display: inline-flex;
justify-content: center;
}
.nav_user {
display: flex;
flex-direction: row;
justify-content: center;
height: 100%;
align-items: center;
}
.nav_user_name {
margin-left: 10px;
align-self: center;
}
.nav_chapter_text {
height: 100%;
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: bold;
color: #946137;
font-size: 2vw;
transition: color 0.3s ease-in;
}
.nav_chapter_text:hover {
color: #f3d5be;
}
.nav_chapter {
text-align: center;
width: 30%;
border-bottom: 0.2vw solid #d49d51;
transition: border-bottom 0.3s ease-in;
}
.nav_chapter:hover {
text-decoration: none;
border-bottom: 0.2vw solid #face7d;
}
.nav_user_name_div {
height: 100%;
}

188
static/css/login.css
View File

@ -1,95 +1,95 @@
#navbar {
display: none;
}
.login_page {
display: flex;
justify-content: center;
align-items: center;
height: 75vw;
background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
}
.login {
width: 80%;
height: 50%;
margin-left: 10%;
margin-right: 10%;
background-color: #dbc3af;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.login_form {
margin-bottom: 10%;
}
.header_title {
text-align: center;
color: #000000;
font-size: 3.5vw;
width: 100%;
}
.data_block {
width: 100%;
display: inline-flex;
justify-content: center;
}
.form_data, .form_data_button {
display: flex;
flex-direction: column;
margin-left: 2%;
margin-left: 2%;
}
.form_data_button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.input_data {
color: #000000;
border: 0.1vw solid #595008;
height: 4.7vw;
width: 20vw;
background-color: #dbc3af;
border-radius: 5vw;
font-size: 1.3vw;
}
.input_button {
width: 20vw;
height: 5vw;
border-radius: 5vw;
vertical-align: middle;
}
.form-label {
font-size: 1.3vw;
}
.login_button {
background-color: #000000;
color: #ffffff;
font-size: 1.5vw;
margin-bottom: 5px;
}
.register_button {
margin-top: 5px;
background-color: #f5c99f;
width: 20vw;
height: 5vw;
color: #000000;
border-radius: 5vw;
vertical-align: middle;
font-size: 1.5vw;
}
.register_button:hover {
text-decoration: none;
color: #000000;
}
.register {
width: 100%;
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.box {
margin-left: 9vw;
#navbar {
display: none;
}
.login_page {
display: flex;
justify-content: center;
align-items: center;
height: 75vw;
background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
}
.login {
width: 80%;
height: 50%;
margin-left: 10%;
margin-right: 10%;
background-color: #dbc3af;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.login_form {
margin-bottom: 10%;
}
.header_title {
text-align: center;
color: #000000;
font-size: 3.5vw;
width: 100%;
}
.data_block {
width: 100%;
display: inline-flex;
justify-content: center;
}
.form_data, .form_data_button {
display: flex;
flex-direction: column;
margin-left: 2%;
margin-left: 2%;
}
.form_data_button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.input_data {
color: #000000;
border: 0.1vw solid #595008;
height: 4.7vw;
width: 20vw;
background-color: #dbc3af;
border-radius: 5vw;
font-size: 1.3vw;
}
.input_button {
width: 20vw;
height: 5vw;
border-radius: 5vw;
vertical-align: middle;
}
.form-label {
font-size: 1.3vw;
}
.login_button {
background-color: #000000;
color: #ffffff;
font-size: 1.5vw;
margin-bottom: 5px;
}
.register_button {
margin-top: 5px;
background-color: #f5c99f;
width: 20vw;
height: 5vw;
color: #000000;
border-radius: 5vw;
vertical-align: middle;
font-size: 1.5vw;
}
.register_button:hover {
text-decoration: none;
color: #000000;
}
.register {
width: 100%;
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.box {
margin-left: 9vw;
}

527
static/css/main.css
View File

@ -1,258 +1,271 @@
main, html {
background-color: #dcb495;
}
#header_block {
position: absolute;
margin-bottom: 60%;
}
.header_block {
width: 100%;
height: 75vw;
background-position: center;
display: flex;
justify-content: center;
flex-direction: column;
background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
}
.header_title {
margin-left: 10%;
color: #ffffff;
font: bold;
font-size: 4vw;
transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
}
.header_title:hover {
font-size: 4.05vw;
text-shadow: 0px 0px 20px #ffffff;
}
.header_title_2 {
margin-left: 10%;
color: #afafaf;
font: bold;
font-size: 2vw;
transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
}
.header_title_2:hover {
font-size: 2.05vw;
text-shadow: 0px 0px 20px #ffffff;
}
.header_buttons {
margin-top: 5%;
margin-left: 10%;
width: 90%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.header_button {
background-color: #f5c99f;
width: 20vw;
height: 5vw;
color: #000000;
border-radius: 30px;
vertical-align: middle;
}
.header_button:hover {
text-decoration: none;
color: #000000;
}
#link_to_about {
margin-left: 40px;
background-color: #000000;
color: #ffffff;
border: 2px solid #ffffff;
}
.header_button_text {
width: 100%;
height: 100%;
text-align: center;
font-size: 1.5vw;
margin-top: 5%;
}
.body_block {
background-color: #dcb495;
}
.about_block {
margin-top: 10%;
margin-left: 5%;
width: 90%;
}
.about_title {
color: #000000;
font-size: 4vw;
}
.about_info_block {
margin-top: 50px;
width: 100%;
display: inline-flex;
justify-content: space-between;
}
.about_article_block {
display: flex;
flex-direction: column;
align-content: space-around;
}
.about_article {
display: inline-flex;
justify-content: flex-start;
align-items: center;
}
.article_image {
width: 10vw;
height: 10vw;
}
.main_image {
width: 40vw;
height: 26vw;
}
.article_text {
max-width: 70%;
margin-left: 10px;
font-size: 1.3vw;
}
.how_work_block {
margin-top: 20%;
margin-left: 5%;
width: 90%;
}
.how_work_title {
text-align: center;
color: #000000;
font-size: 4vw;
}
.how_work_info_block {
display: inline-flex;
justify-content: space-evenly;
margin-top: 100px;
}
.how_work_image {
width: 10vw;
height: 10vw;
}
.how_work_info, .how_work_article {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.how_work_article_title {
text-align: center;
font-size: 1.5vw;
}
.how_work_article_text {
text-align: center;
margin-top: 1vw;
font-size: 1.1vw;
}
.reg_block {
margin-top: 20%;
width: 100%;
height: 50vw;
}
.reg_content_block {
margin-top: 100px;
width: 90%;
margin-left: 5%;
display: inline-flex;
justify-content: space-between;
flex-wrap: nowrap;
align-content: center;
}
.reg_title {
text-align: center;
color: #000000;
font-size: 4vw;
}
.reg_content {
display: flex;
flex-direction: column;
align-self: center;
align-content: space-evenly;
}
.reg_button_group {
display: flex;
justify-content: flex-start;
align-items: center;
}
.reg_button_title {
margin-bottom: 10%;
color: #000000;
font-size: 2.5vw;
text-align: left;
}
.reg_button_info {
margin-top: 8%;
}
.reg_button_group {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.reg_button {
background-color: #a8886f;
width: 20vw;
height: 5vw;
color: #ffffff;
border-radius: 30px;
vertical-align: middle;
}
.reg_button:hover {
text-decoration: none;
color: #ffffff;
}
.reg_button_text {
width: 100%;
height: 100%;
text-align: center;
font-size: 1.5vw;
margin-top: 6%;
}
#link_to_start{
width: 18vw;
background-color:#f5d3b8;
}
#link_to_start_text {
color: #000000;
}
.feedback_block {
display: flex;
justify-content: center;
align-items: center;
height: 75vw;
background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url(../images/back_main_two.jpg);background-repeat: repeat; background-position: center;
}
.feedback {
width: 50%;
height: 80%;
margin-left: 25%;
margin-right: 25%;
background-color: #dcb495;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: space-around;
}
.feedback_title {
width: 80%;
margin-bottom: 20%;
text-align: center;
color: #000000;
font-size: 3vw;
}
.feedback_logo {
margin-bottom: 20%;
width: 10vw;
height: 10vw;
}
.feedback_mail, .feedback_mail_link {
font-size: 1.5vw;
color: #000000;
transition: color 0.5s ease-in, border-bottom 0.5s ease-in;
}
.feedback_mail_link:hover {
color: #694a2d;
border-bottom: 3px solid #f3c79e;
text-decoration: none;
main, html {
background-color: #dcb495;
}
#header_block {
position: absolute;
margin-bottom: 60%;
}
.header_block {
width: 100%;
height: 75vw;
background-position: center;
display: flex;
justify-content: center;
flex-direction: column;
background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
}
.header_title {
margin-left: 10%;
color: #ffffff;
font: bold;
font-size: 4vw;
transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
}
.header_title:hover {
font-size: 4.05vw;
text-shadow: 0px 0px 20px #ffffff;
}
.header_title_2 {
margin-left: 10%;
color: #afafaf;
font: bold;
font-size: 2vw;
transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
}
.header_title_2:hover {
font-size: 2.05vw;
text-shadow: 0px 0px 20px #ffffff;
}
.header_buttons {
margin-top: 5%;
margin-left: 10%;
width: 90%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.header_button {
background-color: #f5c99f;
width: 20vw;
height: 5vw;
color: #000000;
border-radius: 30px;
vertical-align: middle;
}
.header_button:hover {
text-decoration: none;
color: #000000;
}
#link_to_about {
margin-left: 40px;
background-color: #000000;
color: #ffffff;
border: 2px solid #ffffff;
}
.header_button_text {
width: 100%;
height: 100%;
text-align: center;
font-size: 1.5vw;
margin-top: 5%;
}
.body_block {
background-color: #dcb495;
}
.about_block {
margin-top: 10%;
margin-left: 5%;
width: 90%;
}
.about_title {
color: #000000;
font-size: 4vw;
}
.about_info_block {
margin-top: 50px;
width: 100%;
display: inline-flex;
justify-content: space-between;
}
.about_article_block {
display: flex;
flex-direction: column;
align-content: space-around;
}
.about_article {
display: inline-flex;
justify-content: flex-start;
align-items: center;
}
.article_image {
width: 10vw;
height: 10vw;
}
.main_image {
width: 40vw;
height: 26vw;
}
.article_text {
max-width: 70%;
margin-left: 10px;
font-size: 1.3vw;
}
.how_work_block {
margin-top: 20%;
margin-left: 5%;
width: 90%;
}
.how_work_title {
text-align: center;
color: #000000;
font-size: 4vw;
}
.how_work_info_block {
display: inline-flex;
justify-content: space-evenly;
margin-top: 100px;
}
.how_work_image {
width: 10vw;
height: 10vw;
}
.how_work_info, .how_work_article {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.how_work_article_title {
text-align: center;
font-size: 1.5vw;
}
.how_work_article_text {
text-align: center;
margin-top: 1vw;
font-size: 1.1vw;
}
.reg_block {
margin-top: 20%;
width: 100%;
height: 50vw;
}
.reg_content_block {
margin-top: 100px;
width: 90%;
margin-left: 5%;
display: inline-flex;
justify-content: space-between;
flex-wrap: nowrap;
align-content: center;
}
.reg_title {
text-align: center;
color: #000000;
font-size: 4vw;
}
.reg_content {
display: flex;
flex-direction: column;
align-self: center;
align-content: space-evenly;
}
.reg_button_group {
display: flex;
justify-content: flex-start;
align-items: center;
}
.reg_button_title {
margin-bottom: 10%;
color: #000000;
font-size: 2.5vw;
text-align: left;
}
.reg_button_info {
margin-top: 8%;
}
.reg_button_group {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.reg_button {
background-color: #a8886f;
width: 20vw;
height: 5vw;
color: #ffffff;
border-radius: 30px;
vertical-align: middle;
}
.reg_button:hover {
text-decoration: none;
color: #ffffff;
}
.reg_button_text {
width: 100%;
height: 100%;
text-align: center;
font-size: 1.5vw;
margin-top: 6%;
}
#link_to_start{
width: 18vw;
background-color:#f5d3b8;
}
#link_to_start_text {
color: #000000;
}
.feedback_block {
display: flex;
justify-content: center;
align-items: center;
height: 75vw;
background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url(../images/back_main_two.jpg);background-repeat: repeat; background-position: center;
}
.feedback {
width: 50%;
height: 80%;
margin-left: 25%;
margin-right: 25%;
background-color: #dcb495;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
align-content: space-around;
}
.feedback_title {
width: 80%;
margin-bottom: 20%;
text-align: center;
color: #000000;
font-size: 3vw;
}
.feedback_logo {
margin-bottom: 20%;
width: 10vw;
height: 10vw;
}
.feedback_mail, .feedback_mail_link {
font-size: 1.5vw;
color: #000000;
transition: color 0.5s ease-in, border-bottom 0.5s ease-in;
}
.feedback_mail_link:hover {
color: #694a2d;
border-bottom: 3px solid #f3c79e;
text-decoration: none;
}
.scroll_button {
position: fixed;
width: 50px;
height: 50px;
background-color: #e5e5e5;
border-radius: 2vw;
margin-left: 95%;
margin-top: 45%;
transition: background-color 0.5s ease-in;
}
.scroll_button:hover {
background-color: #1c59fe;
}

95
static/css/profile.css Normal file
View File

@ -0,0 +1,95 @@
.profile_page {
display: flex;
flex-direction: column;
height: 70vw;
width: 100%;
background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ), url(../images/back_profile_one.jpg);background-repeat: repeat; background-position: center;
}
.profile_block {
height: 80%;
width: 85%;
margin-left: 7.5%;
margin-top: 10%;
background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(../images/back_profile_two.jpg);background-repeat: repeat; background-position: center;
display: flex;
flex-direction: column;
}
.header_profile {
display: inline;
flex-direction: column;
width: 15vw;
height: 15vw;
margin-top: 50px;
align-self: center;
}
.user_photo {
width: 15vw;
height: 15vw;
border: 0.2vw solid #ffffff;
border-radius: 2vw;
}
.edit_form {
align-self: center;
margin-top: 20px;
width: 80%;
}
form {
display: flex;
flex-direction: column;
}
.form_data_button {
align-self: center;
}
.form_blocks {
width: 100%;
margin-top: 50px;
display: inline-flex;
justify-content: space-evenly;
}
.form_data, .form_data_button {
display: flex;
flex-direction: column;
margin-left: 2%;
margin-left: 2%;
}
.form_data_button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.input_data {
color: #000000;
border: 0.1vw solid #595008;
height: 4.5vw;
width: 20vw;
background-color: #dbc3af;
border-radius: 5vw;
font-size: 1.3vw;
display: inline-flex;
align-items: center;
}
.input_button {
width: 10vw;
height: 5vw;
border-radius: 5vw;
vertical-align: middle;
}
.form-label {
font-size: 1.3vw;
color: #ffffff;
font-weight: bold;
}
.profile_button {
margin-top: 15px;
width: 20vw;
height: 5vw;
background-color: #000000;
color: #ffffff;
border-radius: 5vw;
vertical-align: middle;
font-size: 1.5vw;
}
#delete_button {
margin-top: 45px;
}

158
static/css/register.css
View File

@ -1,80 +1,80 @@
#navbar {
display: none;
}
.register_page {
display: flex;
justify-content: center;
align-items: center;
height: 75vw;
background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
}
.register {
width: 70%;
height: 70%;
margin-left: 15%;
margin-right: 15%;
background-color: #dbc3af;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.register_form {
margin-bottom: 10%;
}
.header_title {
text-align: center;
color: #000000;
font-size: 3.5vw;
width: 100%;
}
.data_block {
width: 100%;
display: flex;
flex-direction: column;
flex-direction: column;
justify-content: center;
align-items: center;
}
.form_data, .form_data_button {
display: flex;
flex-direction: column;
margin-left: 2%;
margin-left: 2%;
}
.form_data_button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.input_data {
color: #000000;
border: 0.1vw solid #595008;
height: 4.5vw;
width: 60vw;
background-color: #dbc3af;
border-radius: 5vw;
font-size: 1.3vw;
}
.input_button {
width: 20vw;
height: 5vw;
border-radius: 5vw;
vertical-align: middle;
}
.form-label {
font-size: 1.3vw;
}
.register_button {
margin-top: 15px;
width: 20vw;
height: 5vw;
background-color: #000000;
color: #ffffff;
border-radius: 5vw;
vertical-align: middle;
font-size: 1.5vw;
}
.box {
margin-left: 9vw;
#navbar {
display: none;
}
.register_page {
display: flex;
justify-content: center;
align-items: center;
height: 75vw;
background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
}
.register {
width: 70%;
height: 70%;
margin-left: 15%;
margin-right: 15%;
background-color: #dbc3af;
display: flex;
flex-direction: column;
justify-content: space-evenly;
}
.register_form {
margin-bottom: 10%;
}
.header_title {
text-align: center;
color: #000000;
font-size: 3.5vw;
width: 100%;
}
.data_block {
width: 100%;
display: flex;
flex-direction: column;
flex-direction: column;
justify-content: center;
align-items: center;
}
.form_data, .form_data_button {
display: flex;
flex-direction: column;
margin-left: 2%;
margin-left: 2%;
}
.form_data_button {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.input_data {
color: #000000;
border: 0.1vw solid #595008;
height: 4.5vw;
width: 60vw;
background-color: #dbc3af;
border-radius: 5vw;
font-size: 1.3vw;
}
.input_button {
width: 20vw;
height: 5vw;
border-radius: 5vw;
vertical-align: middle;
}
.form-label {
font-size: 1.3vw;
}
.register_button {
margin-top: 15px;
width: 20vw;
height: 5vw;
background-color: #000000;
color: #ffffff;
border-radius: 5vw;
vertical-align: middle;
font-size: 1.5vw;
}
.box {
margin-left: 9vw;
}

BIN
static/images/back_profile_one.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
static/images/back_profile_two.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 120 KiB

BIN
static/images/none_logo.png Executable file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

103
templates/base.html
View File

@ -1,45 +1,58 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8"/>
<link rel="stylesheet" href="../static/css/base.css"/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous"
/>
<link rel="icon" href="../static/images/logo_b.ico" type="image/x-icon"/>
<title>{{title}}</title>
</head>
<body>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
crossorigin="anonymous"
></script>
<nav class="navbar" id="navbar">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img
src="../static/images/logo_b.png"
class="nav_logo"
/>
</a>
{% if current_user.is_authenticated %}
<a class="auth_button" href="/logout">Выход</a>
{% else %}
<a class="auth_button" href="/login">Авторизация</a>
{% endif %}
</div>
</nav>
<!-- Begin page content -->
<main role="main">{% block content %}{% endblock %}</main>
<footer class="footer">
<div class="footer_block">
<a href="/#header_block"><img class="footer_logo" src="../static/images/logo_w.png"></a>
<strong class="footer_rights">© All rights reserved</strong>
</div>
</footer>
</body>
</html>
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="../static/css/base.css" />
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous"
/>
<link rel="icon" href="../static/images/logo_b.ico" type="image/x-icon" />
<title>{{title}}</title>
</head>
<body>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8"
crossorigin="anonymous"
></script>
{% if current_user.is_authenticated %}
<nav class="navbar">
<div class="nav_panel">
<a class="nav_chapter" href="/profile">
<div class="nav_user">
<div class="nav_user_name_div"><p class="nav_user_name nav_chapter_text">{{current_user.name}}</p></div>
</div>
</a>
<a class="nav_chapter" href="/projects">
<p class="nav_chapter_text">Проекты</p>
</a>
<a class="nav_chapter" href="/messages">
<p class="nav_chapter_text">Сообщения</p>
</a>
</div>
</nav>
{% else %}
<nav class="navbar" id="navbar">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="../static/images/logo_b.png" class="nav_logo" />
</a>
<a class="auth_button" href="/login">Авторизация</a>
</div>
</nav>
{% endif %}
<!-- Begin page content -->
<main role="main">{% block content %}{% endblock %}</main>
<footer class="footer">
<div class="footer_block">
<a href="/#header_block"
><img class="footer_logo" src="../static/images/logo_w.png"
/></a>
<strong class="footer_rights">© All rights reserved</strong>
</div>
</footer>
</body>
</html>

110
templates/login.html
View File

@ -1,55 +1,55 @@
<link rel="stylesheet" href="../static/css/login.css"/>
{% extends "base.html" %} {% block content %}
<div class="login_page">
<div class="login">
<h1 class="header_title">Авторизация</h1>
<div>
<form action="" method="post" class="login_form">
{{ form.hidden_tag() }}
<div class="data_block">
<div class="form_data">
<label class="form-label">{{ form.login.label }}</label>
{{ form.login(class="input_data", type="login", placeholder='example@mail.ex') }} {% for
error in form.login.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
<div class="form_data">
<label class="form-label">{{ form.password.label }}</label>
{{ form.password(class="input_data", type="password", placeholder='good_password') }} {%
for error in form.password.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
<div class="form_data_button">
{{ form.submit(type="submit", class="input_button login_button") }}
<a class="input_button register_button" type="submit" href="/register">
<div class="register"><strong>Регистрация</strong></div>
</a>
</div>
</div>
<div class="box">
{{ form.remember_me(class="remember")}} {{
form.remember_me.label }}<br/>
{% for error in form.remember_me.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
<div class="message_block">
{% if message != '' %}
{% if danger %}
<div class="alert alert-danger message" role="alert">
{{ message }}
</div>
{% else %}
<div class="alert alert-success message" role="alert">
{{ message }}
</div>
{% endif %}
{% endif %}
</div>
</form>
</div>
</div>
</div>
{% endblock %}
<link rel="stylesheet" href="../static/css/login.css"/>
{% extends "base.html" %} {% block content %}
<div class="login_page">
<div class="login">
<h1 class="header_title">Авторизация</h1>
<div>
<form action="" method="post" class="login_form">
{{ form.hidden_tag() }}
<div class="data_block">
<div class="form_data">
<label class="form-label">{{ form.login.label }}</label>
{{ form.login(class="input_data", type="login", placeholder='example@mail.ex') }} {% for
error in form.login.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
<div class="form_data">
<label class="form-label">{{ form.password.label }}</label>
{{ form.password(class="input_data", type="password", placeholder='good_password') }} {%
for error in form.password.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
<div class="form_data_button">
{{ form.submit(type="submit", class="input_button login_button") }}
<a class="input_button register_button" type="submit" href="/register">
<div class="register"><strong>Регистрация</strong></div>
</a>
</div>
</div>
<div class="box">
{{ form.remember_me(class="remember")}} {{
form.remember_me.label }}<br/>
{% for error in form.remember_me.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
<div class="message_block">
{% if message != '' %}
{% if danger %}
<div class="alert alert-danger message" role="alert">
{{ message }}
</div>
{% else %}
<div class="alert alert-success message" role="alert">
{{ message }}
</div>
{% endif %}
{% endif %}
</div>
</form>
</div>
</div>
</div>
{% endblock %}

231
templates/main.html
View File

@ -1,115 +1,118 @@
<link rel="stylesheet" href="../static/css/main.css">
{% extends "base.html" %}
{% block content %}
<div class="header_block">
<div id="header_block"></div>
<div class="header_text">
<h2 class="header_title">INCEPTED</h2>
<strong class="header_title_2">Самый удобный сайт для создания проектов</strong>
</div>
<div class="header_buttons">
<a class="header_button" href="/register">
<div class="header_button_text">
<p>Регистрация</p>
</div>
</a>
<a class="header_button" id="link_to_about" href="#about_block">
<div class="header_button_text">
<p>Больше о нас</p>
</div>
</a>
</div>
</div>
<div id="about_block"></div>
<div class="body_block">
<div class="about_block">
<h2 class="about_title">Почему INCEPTED?</h2>
<div class="about_info_block">
<div class="about_article_block">
<div class="about_article">
<img class="article_image" src="../static/images/yellow_man.svg">
<strong class="article_text">Проект INCEPTED позволяет создавать проекты, поддерживать их, вести
учет активности участников,
контролировать их материалы и получать уведомления по истечению срока дедлайна</strong>
</div>
<div class="about_article">
<img class="article_image" src="../static/images/yellow_cup.svg">
<strong class="article_text">Индивидуальные и расширенные возможности по созданию проектов</strong>
</div>
<div class="about_article">
<img class="article_image" src="../static/images/yellow_like.svg">
<strong class="article_text">Быстро, удобно, без лишних функций</strong>
</div>
</div>
<img src="../static/images/main_image_1.jpg" class="main_image">
</div>
</div>
<div class="how_work_block">
<h2 class="how_work_title">Как это работает ?</h2>
<div class="how_work_info_block">
<div class="how_work_info">
<img src="../static/images/main_image_2.png" class="how_work_image">
<div class="how_work_article">
<strong class="how_work_article_title">Появление идеи</strong>
<p class="how_work_article_text">Вы в любой момент можете создать и заполнить описание проекта, как
и построить задачи для него.</p>
</div>
</div>
<div class="how_work_info">
<img src="../static/images/main_image_3.png" class="how_work_image">
<div class="how_work_article">
<strong class="how_work_article_title">Сбор команды</strong>
<p class="how_work_article_text">Вы можете добавить участников в свою команду и дать им необходимые
задачи.</p>
</div>
</div>
<div class="how_work_info">
<img src="../static/images/main_image_4.png" class="how_work_image">
<div class="how_work_article">
<strong class="how_work_article_title">Проверка выполнения</strong>
<p class="how_work_article_text">В редакторе проекта вы можете отслеживать выполнение задач
участников и проверять их</p>
</div>
</div>
<div class="how_work_info">
<img src="../static/images/main_image_5.png" class="how_work_image">
<div class="how_work_article">
<strong class="how_work_article_title">Представление проекта</strong>
<p class="how_work_article_text">После завершения проекта вы можете вывести в виде архива со всеми
нужными файлами или заморозить его.</p>
</div>
</div>
</div>
</div>
<div class="reg_block">
<h2 class="reg_title">Зарегистрируйся и пользуйся!</h2>
<div class="reg_content_block">
<div class="reg_content">
<p class="reg_button_title">Проектирование ждет тебя !</p>
<div class="reg_button_group">
<a class="reg_button" href="/register">
<div class="reg_button_text">
<p>Регистрация</p>
</div>
</a>
<a class="reg_button" id="link_to_start" href="#header_block">
<div class="reg_button_text" id="link_to_start_text">
<p>В самое начало</p>
</div>
</a>
</div>
<p class="reg_button_info">Регистрируясь, вы подтверждаете политику конфиденциальности.</p>
</div>
<img src="../static/images/main_image_6.jpg" class="main_image">
</div>
</div>
<div class="feedback_block">
<div class="feedback">
<h2 class="feedback_title">Вы можете связаться с нами:</h2>
<img class="feedback_logo" src="../static/images/logo_b.png">
<p><strong class="feedback_mail">Почта:</strong> <a class="feedback_mail_link" href="mailto:incepted@yandex.ru" class="feedback_mail">incepted@yandex.ru</a></p>
</div>
</div>
</div>
<link rel="stylesheet" href="../static/css/main.css">
{% extends "base.html" %}
{% block content %}
<rect class="scroll_button">
<img class="scroll_image" src="">
</rect>
<div class="header_block">
<div id="header_block"></div>
<div class="header_text">
<h2 class="header_title">INCEPTED</h2>
<strong class="header_title_2">Самый удобный сайт для создания проектов</strong>
</div>
<div class="header_buttons">
<a class="header_button" href="/register">
<div class="header_button_text">
<p>Регистрация</p>
</div>
</a>
<a class="header_button" id="link_to_about" href="#about_block">
<div class="header_button_text">
<p>Больше о нас</p>
</div>
</a>
</div>
</div>
<div id="about_block"></div>
<div class="body_block">
<div class="about_block">
<h2 class="about_title">Почему INCEPTED?</h2>
<div class="about_info_block">
<div class="about_article_block">
<div class="about_article">
<img class="article_image" src="../static/images/yellow_man.svg">
<strong class="article_text">Проект INCEPTED позволяет создавать проекты, поддерживать их, вести
учет активности участников,
контролировать их материалы и получать уведомления по истечению срока дедлайна</strong>
</div>
<div class="about_article">
<img class="article_image" src="../static/images/yellow_cup.svg">
<strong class="article_text">Индивидуальные и расширенные возможности по созданию проектов</strong>
</div>
<div class="about_article">
<img class="article_image" src="../static/images/yellow_like.svg">
<strong class="article_text">Быстро, удобно, без лишних функций</strong>
</div>
</div>
<img src="../static/images/main_image_1.jpg" class="main_image">
</div>
</div>
<div class="how_work_block">
<h2 class="how_work_title">Как это работает ?</h2>
<div class="how_work_info_block">
<div class="how_work_info">
<img src="../static/images/main_image_2.png" class="how_work_image">
<div class="how_work_article">
<strong class="how_work_article_title">Появление идеи</strong>
<p class="how_work_article_text">Вы в любой момент можете создать и заполнить описание проекта, как
и построить задачи для него.</p>
</div>
</div>
<div class="how_work_info">
<img src="../static/images/main_image_3.png" class="how_work_image">
<div class="how_work_article">
<strong class="how_work_article_title">Сбор команды</strong>
<p class="how_work_article_text">Вы можете добавить участников в свою команду и дать им необходимые
задачи.</p>
</div>
</div>
<div class="how_work_info">
<img src="../static/images/main_image_4.png" class="how_work_image">
<div class="how_work_article">
<strong class="how_work_article_title">Проверка выполнения</strong>
<p class="how_work_article_text">В редакторе проекта вы можете отслеживать выполнение задач
участников и проверять их</p>
</div>
</div>
<div class="how_work_info">
<img src="../static/images/main_image_5.png" class="how_work_image">
<div class="how_work_article">
<strong class="how_work_article_title">Представление проекта</strong>
<p class="how_work_article_text">После завершения проекта вы можете вывести в виде архива со всеми
нужными файлами или заморозить его.</p>
</div>
</div>
</div>
</div>
<div class="reg_block">
<h2 class="reg_title">Зарегистрируйся и пользуйся!</h2>
<div class="reg_content_block">
<div class="reg_content">
<p class="reg_button_title">Проектирование ждет тебя !</p>
<div class="reg_button_group">
<a class="reg_button" href="/register">
<div class="reg_button_text">
<p>Регистрация</p>
</div>
</a>
<a class="reg_button" id="link_to_start" href="#header_block">
<div class="reg_button_text" id="link_to_start_text">
<p>В самое начало</p>
</div>
</a>
</div>
<p class="reg_button_info">Регистрируясь, вы подтверждаете политику конфиденциальности.</p>
</div>
<img src="../static/images/main_image_6.jpg" class="main_image">
</div>
</div>
<div class="feedback_block">
<div class="feedback">
<h2 class="feedback_title">Вы можете связаться с нами:</h2>
<img class="feedback_logo" src="../static/images/logo_b.png">
<p><strong class="feedback_mail">Почта:</strong> <a class="feedback_mail_link" href="mailto:incepted@yandex.ru" class="feedback_mail">incepted@yandex.ru</a></p>
</div>
</div>
</div>
{% endblock %}

79
templates/profile.html Normal file
View File

@ -0,0 +1,79 @@
<link rel="stylesheet" href="../static/css/profile.css"/>
{% extends "base.html" %} {% block content %}
<div class="profile_page">
<div class="profile_block">
<div class="header_profile">
<img class="user_photo" src="../{{current_user.photo}}">
</div>
<div class="edit_form">
<form action="" method="post" class="register_form" enctype="multipart/form-data">
{{ form.hidden_tag() }}
<div class="form_blocks">
<div class="data_block">
<div class="form_data">
<label class="form-label">{{ form.email.label }}</label>
{{ form.email(class="input_data", type="email", placeholder='example@mail.ex') }} {% for
error in form.email.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
<div class="form_data">
<label class="form-label">{{ form.name.label }}</label>
{{ form.name(class="input_data", type="name", placeholder='name') }} {%
for error in form.name.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
<div class="form_data">
<label class="form-label">{{ form.surname.label }}</label>
{{ form.surname(class="input_data", type="surname", placeholder='surname') }}
{% for error in form.surname.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
</div>
<div class="data_block">
<div class="form_data">
<label class="form-label">{{ form.birthday.label }}</label>
{{ form.birthday(class="input_data", type="date") }}
{% for error in form.birthday.errors %}
<div class="alert alert-danger" role="alert">
{{ error }}
</div>
{% endfor %}
</div>
<div class="form_data">
<label class="form-label">{{ form.about.label }}</label>
{{ form.about(class="input_data", type="name", placeholder='about') }} {%
for error in form.about.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
{% if 'none' in current_user.photo %}
<div class="form_data">
<label class="form-label">{{ form.photo.label }}</label>
{{ form.photo(class="input_data", type="file") }}
{% for error in form.photo.errors %}
<div class="alert alert-danger" role="alert">{{ error }}</div>
{% endfor %}
</div>
{% else %}
<div class="form_data_button">
{{ form.del_photo(type="submit", class="profile_button", id="delete_button") }}
</div>
{% endif %}
<div class="message_block">
{% if message != '' %}
<div class="alert alert-danger message" role="alert">{{ message }}</div>
{% endif %}
</div>
</div>
</div>
<div class="form_data_button">
{{ form.submit(type="submit", class="profile_button") }}
</div>
</form>
</div>
</div>
</div>
{% endblock %}