Commit e27a8979 by talequale

login button revealed

parent 81a38b8b
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -43,7 +43,6 @@ img {
}
.zero-wrapper {
//display: contents;
width: 100%;
}
......
@mixin container {
margin: 0 auto;
box-sizing: border-box;
padding: 0 30px;
max-width: 1000px;
width: 100%;
max-width: 1060px;
@media (max-width: $mobile) {
padding: 0 20px;
......
......@@ -10,14 +10,16 @@ export default D.declare('view.block.Header', () => {
"page-header", {
"page-header--inner": (NOT(store.valEqual( 'navigation.current', 'login')))
})} >
{
[
'login',
'main','fields'
].map(name=>
<button class="button-temp" type={'button'} onClick={() => store.set('navigation.current', name)}>{name}</button>
)
}
<div class="button-temp">
{
[
'login',
'main','fields'
].map(name=>
<button type={'button'} onClick={() => store.set('navigation.current', name)}>{name}</button>
)
}
</div>
<IF condition={NOT(store.valEqual( 'navigation.current', 'login'))}>
<div className="page-header__wrapper">
<a href="#" class="page-header__logo">
......
......@@ -96,7 +96,3 @@
left: 0;
z-index: 1;
}
.button-temp:nth-child(2) {
left: 50px;
}
......@@ -52,7 +52,7 @@
}
.button--primary {
padding: 5px 48px;
padding: 5px 44px;
min-width: 200px;
color: $bg-main;
background-color: $accent-main;
......@@ -84,7 +84,7 @@
}
.button--secondary {
padding: 5px 48px;
padding: 5px 44px;
min-width: 200px;
color: #030303;
background-color: $bg-main;
......@@ -104,7 +104,7 @@
}
&:focus {
padding: 6px 49px;
padding: 6px 45px;
color: #030303;
background-color: $bg-main;
border-width: 1px;
......@@ -121,7 +121,7 @@
}
.button--bordered {
padding: 5px 48px;
padding: 5px 44px;
min-width: 200px;
color: $accent-dark;
background-color: $bg-main;
......
......@@ -42,11 +42,11 @@ export default D.declare('view.page.Account', () =>
</Button>
]}>
<div className="welcome-page__message welcome-page__message--result welcome-page__message--top">
<h1 className="welcome-page__title"><em>Поздравляем!</em>Вы вошли в ТОП
лучших ответов!</h1>
<h1 className="welcome-page__title"><em>Поздравляем!</em><br></br>Вы вошли в ТОП лучших ответов!</h1>
<div className="welcome-page__text">
<p>Ваш результат: <b class="result">98<sup>%</sup></b></p>
<p>Ваш результат: <span class="welcome-page__result">98<sup>%</sup></span></p>
<p>Вы верно ответили на <em>19</em> вопросов из 20.</p>
<p><em>ТОП лучших ответов означает, что в&nbsp;следующем тестировании вам нужно будет ответить на&nbsp;меньшее количество вопросов. Отличная работа! Мы&nbsp;гордимся вами!</em></p>
<p><b>ТОП лучших ответов означает, что в&nbsp;следующем тестировании вам нужно будет ответить на&nbsp;меньшее количество вопросов. Отличная работа! Мы&nbsp;гордимся вами!</b></p>
</div>
</div>
</Info>
......@@ -68,9 +68,9 @@ export default D.declare('view.page.Account', () =>
<div className="welcome-page__message welcome-page__message--result welcome-page__message--fail">
<h1 className="welcome-page__title">Тестирование завершено</h1>
<div className="welcome-page__text">
<p>Ваш результат: <b class="result">55<sup>%</sup></b></p>
<p>Ваш результат: <span class="welcome-page__result">55<sup>%</sup></span></p>
<p>Вы верно ответили на <em>9</em> вопросов из 20.</p>
<p><em>К&nbsp;сожалению, это очень низкий результат. Мы&nbsp;верим, что вы&nbsp;можете лучше! При подготовке к&nbsp;следующему тестированию, попробуйте потренироваться на&nbsp;пробном тесте или почитать нашу базу знаний.</em></p>
<p><b>К&nbsp;сожалению, это очень низкий результат. Мы&nbsp;верим, что вы&nbsp;можете лучше! При подготовке к&nbsp;следующему тестированию, попробуйте потренироваться на&nbsp;пробном тесте или почитать нашу базу знаний.</b></p>
</div>
</div>
</Info>
......@@ -90,13 +90,32 @@ export default D.declare('view.page.Account', () =>
</Button>
]}>
<div className="welcome-page__message welcome-page__message--result welcome-page__message--success">
<h1 className="welcome-page__title"><em>Поздравляем!</em>
Вы завершили тестирование!</h1>
<h1 className="welcome-page__title"><em>Поздравляем!</em><br></br>Вы завершили тестирование!</h1>
<div className="welcome-page__text">
<p>Ваш результат: <b class="result">80<sup>%</sup></b></p>
<p>Ваш результат: <span class="welcome-page__result">80<sup>%</sup></span></p>
<p>Вы верно ответили на <em>16</em> вопросов из 20.</p>
</div>
</div>
</Info>
<Info
img={
<picture>
<source srcset="/uploads/images/assistant-warning-mob.svg" media={"(max-width: 767px)"}/>
<img src="/uploads/images/assistant-warning.svg" width="450" height="360" alt={"Изображение помощника"}/>
</picture>
}
buttons={[
<Button class={"button button--primary welcome-page__button"} type={"button"}>
<span>Я готов! Начать</span><Arr width="17" height="11"/>
</Button>
]}>
<div className="welcome-page__message welcome-page__message--warning">
<h1 className="welcome-page__title"><em>Внимание!</em>
Тестирование
невозможно&nbsp;прервать</h1>
<div className="welcome-page__text">
<p>Это последнее предупреждение. Вы&nbsp;уверены, что готовы начать?</p>
</div>
</div>
</Info>
</div>
</div>
)
......@@ -14,9 +14,86 @@
.welcome-page__info {
order: -1;
max-width: 50%;
padding-top: 45px;
width: 50%;
max-width: 500px;
}
.welcome-page__image {
display: flex;
justify-content: flex-end;
padding-top: 10px;
width: 50%;
max-width: calc(100% - 500px);
}
.welcome-page__title {
@include mainTitle;
margin: 0 0 33px;
}
.welcome-page__title em {
margin-right: 0.5em;
}
.welcome-page__message b {
font-weight: 500;
}
.welcome-page__text {
@include mainBodyText;
}
.welcome-page__text p {
margin: 0 0 23px;
}
.welcome-page__result {
font-weight: 700;
font-size: 44px;
line-height: 50px;
letter-spacing: 0.01em;
color: $text-main;
}
.welcome-page__result sup {
font-size: 24px;
line-height: 32px;
}
.welcome-page__message em {
font-style: normal;
color: $accent-main;
}
.welcome-page__message--warning em {
color: $sienna;
}
.welcome-page__message--top {
b {
color: $accent-main;
}
}
.welcome-page__message--fail {
b {
color: $text-main;
}
.welcome-page__result {
color: $red;
}
}
.welcome-page__buttons {
display: flex;
flex-wrap: wrap;
margin-top: 52px;
min-width: 1000px;
max-width: calc(100% - 60px);
}
.welcome-page__buttons button {
margin: 0 40px 30px 0;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment