Llloooggg/Jarvis
1
0
Fork 0
mirror of https://github.com/Llloooggg/Jarvis.git synced 2026-03-06 03:56:23 +03:00
Code Issues 21 Packages Projects Releases Wiki Activity

Merge pull request #2 from Llloooggg/frontend

Browse Source 
Frontend
This commit is contained in:
Denis Podshivalov
2020-03-15 19:08:26 +03:00
committed by GitHub
parent 45cf0ca0ee b68963ac28
commit 14865444da
5 changed files with 205 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
static/css/components/header.css
View File

@@ -222,12 +222,18 @@
.header_btn:hover {
background: #834c05;
}
/* выпадашка в регистрации */
/* контент */
.contacts__schedule_mod {
padding: 14px 0;
}
.drop:hover .dropdown_mod {
left: -80px;
left: -25px;
}
.triangle_mod {
left: 81%;
bottom: 88%;
left: 73%;
bottom: 81%;
}
.header_btn_mod {
margin: 0 40px;
}

84
static/css/main.css
View File

@@ -4,9 +4,7 @@
@import "components/footer.css";
@import "components/header.css";
/* главная */
/* главная-- */
.hero_con {
padding-top: 100px;
@@ -233,18 +231,34 @@
transform: rotate(720deg);
}
}
/*
* Отзывы
*/
/*
* контент
*/
.form_content {
display: flex;
}
/* условия */
.condition {
width: 35%;
margin-right: 20px;
}
.events {
width: 45%;
margin-right: 20px;
}
.telegram {
width: 20%;
}
.form {
width: 700px;
background: #f5f5f5;
border-radius: 3px;
padding: 45px 70px;
padding: 45px 20px;
margin: 0 auto;
margin-top: 35px;
margin-bottom: 35px;
@@ -252,7 +266,7 @@
.form__title {
color: #221f1f;
font-size: 35px;
font-size: 23px;
font-weight: bold;
margin-bottom: 25px;
}
@@ -263,7 +277,7 @@
}
.form__log {
display: block;
width: 560px;
width: 100%;
}
/* только в списках к первому элементу добавить справа 20р */
.form__cell:first-child {
@@ -382,4 +396,54 @@
.form__submit:hover {
background: #f89513;
}
/* евенты
*/
.events_item {
display: flex;
justify-content: space-between;
align-items: center;
}
/* крест */
.cl-btn-7 {
width: 40px;
height: 40px;
border-radius: 40px;
position: relative;
z-index: 1;
cursor: pointer;
}
.cl-btn-7:before {
content: '+';
color: #535557;
position: absolute;
z-index: 2;
transform: rotate(45deg);
font-size: 50px;
line-height: 1;
top: -5px;
left: 6px;
transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
}
.cl-btn-7:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 100%;
background: #535557;
z-index: 1;
transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
transform: scale(0.01);
}
.cl-btn-7:hover:after {
transform: scale(1);
}
.cl-btn-7:hover:before {
transform: scale(0.8) rotate(45deg);
color: #fff;
}

121
templates/content.html
View File

@@ -10,7 +10,7 @@
<body>
<div class="wrapper">
<!-- header -->
<!-- header-- -->
<header class="header">
<div class="container clearfix">
<div class="header_left clearfix">
@@ -19,82 +19,123 @@
<p class="logo-text">J.a.r.v.i.s </p>
</a>
</div>
<div class="header_right clearfix">
<div class="header_right">
<div class="contacts">
<a href="/registration" class="contacts__schedule">Выйти</a>
<div class="drop">
<p href="" class="contacts__schedule contacts__schedule_mod">nagbator228#264</p>
<div class="dropdown dropdown_mod">
<div class="drop-block">
<div class="triangle triangle_mod"></div>
<a href="" class="input">
<input type="button" href="" name="scriptbutton" class="header_btn header_btn_mod" value="Выйти" >
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<section class="form">
<section class="container form_content">
<!-- условия -->
<section class="condition">
<div class="form">
<div class="form__title">
Настройки
Условия
</div>
<!-- лейблы -->
<form action="/registration" method="POST">
<div class="form__fields">
<div class="form__element">
<div class="form__row clearfix">
<form action="" method="POST">
<div class="form_condition">
<label class="form__log">
<div class="form__field-title" >
Telegram
Название
</div>
<input type="text" class="form__input-text" placeholder="Telegram" name = "">
<input type="text" class="form__input-text" placeholder="Введите название сбытия" name = "">
</label>
<label class="form__log">
<div class="form__field-title" >
Событие
Если:
</div>
<input type="text" class="form__input-text" placeholder="Событие" name = "">
<select class="form__input-text" >
<option>Lorem ipsum dolor sit amet.</option>
<option>Lorem ipsum dolor sit amet.</option>
<option>Lorem ipsum dolor sit amet.</option>
<option>Lorem ipsum dolor sit amet.</option>
<option>Lorem ipsum dolor sit amet.</option>
</select>
</label>
</div>
<div class="form__row">
<label class="form__textaria-label">
<label class="form__log">
<div class="form__field-title" >
Текст
Действие:
</div>
<textarea class="form__texterea" placeholder="Текст" name = ""></textarea>
<select class="form__input-text" >
<option>Lorem ipsum dolor sit amet.</option>
<option>Lorem ipsum dolor sit amet.</option>
<option>Lorem ipsum dolor sit amet.</option>
<option>Lorem ipsum dolor sit amet.</option>
<option>Lorem ipsum dolor sit amet.</option>
</select>
</label>
</div>
<div class="form__btns">
<div class="form__controls">
<div class="form__controls-btns clearfix">
<!-- <div class="form__container-left">
<p class="form__field-title">
Пол
</p>
<div class="form__controls-left">
<label class="form__radio">
<input type="radio" name="review" class="form__radio-elem" checked>
<div class="form__radio-fake"></div>
<div class="form__radio-text">Муж.</div>
</label>
<label class="form__radio">
<input type="radio" name="review" class="form__radio-elem" >
<div class="form__radio-fake"></div>
<div class="form__radio-text ">Жен.</div>
</label>
</div>
</div> -->
<div class="form__controls-right">
<button type="submit" value="Отправить" class="form__submit" name="" >Создать</button>
<button type="submit" value="Отправить" class="form__submit" name="" >Добавить</button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</section>
<!-- лист событий -->
<section class="events">
<section class="form">
<div class="form__title">
Лист событий
</div>
<form action="" method="POST">
<ul class="events_list">
<li class="events_item">
<p>qwe</p>
<div class="cl-btn-7"></div>
</li>
</ul>
</form>
</section>
</section>
<!-- лист телеги -->
<section class="telegram">
<div class="form">
<div class="form__title">
Ваш telegram
</div>
<form action="" method="POST">
<label class="form__log">
<input type="text" class="form__input-text" placeholder="Логин" name = "">
</label>
<div class="form__btns">
<div class="form__controls">
<div class="form__controls-btns clearfix">
<div class="form__controls-right">
<button type="submit" value="Отправить" class="form__submit" name="" >Изменить</button>
</div>
</div>
</div>
</div>
</form>
</div>
</section>
</section>
</div>
<!-- заглушка -->
<footer class="footer clearfix">
<div class="container">
<div class="footer-q clearfix">
<p class="footer-full-text">Сделано с любовью и старанием на курсе ВГУ "Тестирование ПО" Автор работы: <b class="footer-text_name">Трухачев Сергей и Подшивалов Денис</b> </p>
<p class="footer-full-text">Сделано с любовью и старанием на курсе ВГУ "Тестирование ПО" <b class="footer-text_name"></b> </p>
</div>
<div class="footer-q clearfix">
<a href="/" class="logo-text">j.a.r.v.i.s</a>

4
templates/index.html
View File

@@ -10,7 +10,7 @@
<body>
<div class="wrapper">
<!-- header -->
<!-- header-- -->
<header class="header">
<div class="container clearfix">
<div class="header_left clearfix">
@@ -77,7 +77,7 @@
<footer class="footer clearfix">
<div class="container">
<div class="footer-q clearfix">
<p class="footer-full-text">Сделано с любовью и старанием на курсе ВГУ "Тестирование ПО" Авторы работы: <b class="footer-text_name">Трухачев Сергей и Подшивалов Денис</b> </p>
<p class="footer-full-text">Сделано с любовью и старанием на курсе ВГУ "Тестирование ПО" <b class="footer-text_name"></b> </p>
</div>
<div class="footer-q clearfix">
<a href="/" class="logo-text">j.a.r.v.i.s</a>

28
templates/registration.html
View File

@@ -10,7 +10,7 @@
<body>
<div class="wrapper">
<!-- header -->
<!-- header-- -->
<header class="header">
<div class="container clearfix">
<div class="header_left clearfix">
@@ -20,9 +20,31 @@
</a>
</div>
<div class="header_right">
<div class="contacts">
<div class="drop">
<a href="" class="contacts__schedule">Войти</a>
<div class="dropdown">
<div class="drop-block">
<div class="triangle"></div>
<label class="form__cell-header ">
<input type="text" class="form__input-text-mod" placeholder="Логин" >
</label>
<label class="form__cell-header">
<input type="password" class="form__input-text-mod" placeholder="Пароль">
</label>
<a href="" class="input">
<input type="button" href="/content.html" name="scriptbutton" class="header_btn" value="Войти" >
</a>
</div>
</div>
</div>
</div>
</div>
<!-- <div class="header_right">
<div class="contacts">
<div class="drop">
<a href="" class="contacts__schedule">Нужна помощь?</a>
<div class="dropdown dropdown_mod">
<div class="drop-block drop-block_mod">
<div class="triangle triangle_mod"></div>
@@ -31,7 +53,7 @@
</div>
</div>
</div>
</div>
</div> -->
</div>
</header>
@@ -80,7 +102,7 @@
<footer class="footer clearfix">
<div class="container">
<div class="footer-q clearfix">
<p class="footer-full-text">Сделано с любовью и старанием на курсе ВГУ "Тестирование ПО" Автор работы: <b class="footer-text_name">Трухачев Сергей и Подшивалов Денис</b> </p>
<p class="footer-full-text">Сделано с любовью и старанием на курсе ВГУ "Тестирование ПО" <b class="footer-text_name"></b> </p>
</div>
<div class="footer-q clearfix">
<a href="/" class="logo-text">j.a.r.v.i.s</a>