feat(ui): Russian landing #58
Conversation
- added hawk.so/ru route - added contact componenet - added russian header
- added grid info component - patched contact component - setup for ru layout
assets/svg/github.svg
Outdated
There was a problem hiding this comment.
this breaks the footer on original landing
components/contact.vue
Outdated
|
|
||
| .team-hawk-so-t-me { | ||
| display: inline; | ||
| font-family: "Roboto-Regular", Helvetica; |
There was a problem hiding this comment.
this won't work since font with this name is not connected. But Roboto is already connected at the layouts/ru.vue to the HTML tag so you don't need to override it.
components/features.vue
Outdated
| @media (--screen-middle) { | ||
| line-height: 30px; | ||
| } |
There was a problem hiding this comment.
margin between title and description is missed
There was a problem hiding this comment.
headings line-height are too big
| .title { | ||
| font-size: 24px; | ||
| line-height: 28.13px; | ||
| font-weight: 700; | ||
| color: #DBE6FF; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .text { |
There was a problem hiding this comment.
selectors are not enough specific, it can lead conflicts. use <style scoped> or use BEM
components/contact.vue
Outdated
| }); | ||
| </script> | ||
|
|
||
| <style> |
components/contact.vue
Outdated
| или в телеграм | ||
| <a href="https://t.me/+xWe73YEfIVRlNmYy">t.me/hawk-support</a>. |
components/contact.vue
Outdated
| @@ -0,0 +1,199 @@ | |||
| <template> | |||
| <div class="box"> | |||
There was a problem hiding this comment.
Wrong color for bottom contacts form.
On the top contact form color should be — #F2F6FF
On the bottom contact form color should be — #DBE6FF
components/grid-info.vue
Outdated
| <div class="title">Поддерживает<br/>ваши технологии</div> | ||
| <div class="text">Хоук имеет интеграции с популярными<br/>технологиями и фреймворками. </div> |
There was a problem hiding this comment.
margin between title and description is too big
components/grid-info.vue
Outdated
| <div class="block"> | ||
| <div class="grid__block"> | ||
| <div class="title">Open Source</div> | ||
| <div class="text">Исходный код открыт для исследования и обслуживания</div> |
There was a problem hiding this comment.
it should has 2 lines
Now
Should be
| href="/download"> | ||
| <img src="~/assets/svg/locale-version.svg" class="site-header__menu__local-version-svg"/> | ||
| <div class="text-container">Локализованная версия</div> | ||
| </div> |
There was a problem hiding this comment.
lets remove the Localized version label from mobile menu
Now Hawk landing has /ru route with russian information about the project
Also there is contact component, which sends notifications to tg chat on button click