diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css index d4cde21..96bcd6f 100644 --- a/static/aerbimCSS.css +++ b/static/aerbimCSS.css @@ -28,6 +28,7 @@ body,html{ position: fixed; top: 0; padding: 5px 0 5px 0; + z-index: 101; } .cut-width{ @@ -159,9 +160,62 @@ body,html{ background: none; border: none; outline: none; + } +.language_select.open > .content_select_language{ + display: block; +} +.language_select.close > .content_select_language{ + display: none; +} + +.language_select.close .arrow_language_select{ + transform: rotate(180deg); + transition: 200ms; +} + +.language_select.open .arrow_language_select{ + transform: rotate(0deg); + transition: 200ms; +} + +.first_line_language_select{ + width: 100%; +} + +.name_language{ + width: calc(100% - 20px); + padding-right: 10px; + float: left; +} + +.arrow_language_select{ + width: 10px; + float: right; +} + +.content_select_language{ + background: #ffffff; + width: 50px; + border-radius: 2px; + text-align: -webkit-center; + position: absolute; + padding: 10px 0; + top: 38px; +} + +.content_select_language > div{ + color: #000000; +} + +.splinner_select_language{ + width: 40px; + height: 1px; + background: #D9D9D9; + margin: 5px 0; +} /*sections*/ @@ -276,7 +330,7 @@ body,html{ background: url("images/how_with_us_working_background.svg"); background-size: cover; background-repeat: no-repeat; - background-position: center center; + background-position: top; width: 100%; } @@ -401,7 +455,6 @@ body,html{ } .button_form_consultation:hover{ - border: none; color: #ffffff; background: #FB6952; transition: 200ms; @@ -430,6 +483,12 @@ body,html{ width: 100%; border: none; outline: none; + transition: 200ms; +} + +.btn_download_plugin:hover{ + background: #0a3f79; + transition: 200ms; } .btn_inf_about_plugin{ @@ -445,7 +504,6 @@ body,html{ .btn_inf_about_plugin:hover{ background: #0C54A0; - border: none; transition: 200ms; } diff --git a/static/aerbimJS.js b/static/aerbimJS.js index 1a3279e..767e5f0 100644 --- a/static/aerbimJS.js +++ b/static/aerbimJS.js @@ -40,6 +40,7 @@ function renderContent () { success: function(data){ document.querySelector(".content").innerHTML = data.html replaceHrefOnOnclick() + replace_select_language() }, error: function (data){ alert(data) @@ -47,6 +48,17 @@ function renderContent () { }); } +function replace_select_language () { + let select = document.querySelector(".name_language") + let lang_f_replace = '' + if (window.location.href.includes('ru')){ + lang_f_replace = 'ru' + } else { + lang_f_replace = 'en' + } + select.innerHTML = lang_f_replace +} + function replaceHrefOnOnclick () { let elements = document.querySelectorAll('.section_btn') let i = 0 @@ -69,4 +81,24 @@ function faq_open_close () { let faq = document.querySelector(".faq_container") faq.classList.toggle("open") faq.classList.toggle("close") +} + +function open_select_language () { + let el = document.querySelector(".language_select") + el.classList.toggle("open") + el.classList.toggle("close") +} + +function select_language (el) { + let txt = el.innerHTML + let select = document.querySelector(".name_language") + select.innerHTML = txt + let lang_f_replace = '' + if (window.location.href.includes('ru')){ + lang_f_replace = 'ru' + } else { + lang_f_replace = 'en' + } + window.location.href = window.location.href.replace(`${lang_f_replace}`,txt.toLowerCase()) + open_select_language() } \ No newline at end of file diff --git a/static/images/language_icon.svg b/static/images/language_icon.svg new file mode 100644 index 0000000..d0b02e4 --- /dev/null +++ b/static/images/language_icon.svg @@ -0,0 +1,3 @@ + diff --git a/templates/blocks/static/header.html b/templates/blocks/static/header.html index a359eb6..aa0e5c6 100644 --- a/templates/blocks/static/header.html +++ b/templates/blocks/static/header.html @@ -8,10 +8,20 @@ Поддержка Контакты
- +