diff --git a/static/css/styles.css b/static/css/styles.css index 04767b3..f1e2970 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -215,7 +215,7 @@ body { header { width: 1280px; margin: 0 50px; - padding: 40px 40px 40px 40px; + padding: 20px 40px 20px 40px; position: fixed; z-index: 1; } @@ -593,6 +593,76 @@ span.btn_profile_name { margin-right: 30px; } +/*Language select*/ +.dropbtn_lang { + padding: 7px 0 7px 0; + cursor: pointer; +} + +/* The container
- needed to position the dropdown content */ +.dropdown_lang { + position: relative; + display: inline-block; +} + +/* Dropdown Content (Hidden by Default) */ +.dropdown-content-lang { + display: none; + position: absolute; + background-color: #f9f9f9; + +} + +.dropbtn_lang +{ + background: url('/static/img/png/ru.png') no-repeat left center; + padding-left: 25px; + width: 40px; + color: transparent; +} + +.dropbtn_lang::after { + /*background: rgba(0, 0, 0, 0) url("c_keyboard_arrow_down_48px-16.png") no-repeat scroll center center;*/ + content: ""; + height: 16px; + position: absolute; + right: 0; + top: 7px; + width: 16px; +} + +.dropdown-content-lang a:first-child +{ + background: url('/static/img/png/ru.png') no-repeat left center; + color: transparent; + padding: 10px; +} + +.dropdown-content-lang a:last-child +{ + background: url('/static/img/png/en.png') no-repeat left center; + color: transparent; + padding: 10px; +} + +/* Links inside the dropdown */ +.dropdown-content-lang a { + color: black; + padding: 2px 0 2px 25px; + text-decoration: none; + display: block; +} + +/* Change color of dropdown links on hover */ +.dropdown-content-lang a:hover {background-color: #f1f1f1} + +/* Show the dropdown menu on hover */ +.dropdown_lang:hover .dropdown-content-lang { + display: block; +} +/*END Language select*/ + + .header-second>div>img{ margin-right: 5px; } @@ -1763,8 +1833,8 @@ button#more_button{ position: relative; width: 90%; height: 194px; - margin: 0 auto 80px;; - padding: 145px 40px; + margin: 0 auto 0; + padding: 145px 40px 0 40px; } .top_block_static_wrapper{ @@ -1774,10 +1844,10 @@ button#more_button{ url(/static/img/png/Box3.png), url(/static/img/png/Box4.png); background-position: - bottom 115px left 200px, - top 145px left 80px, - bottom 100px right 180px, - top 145px right 50px; + bottom 83px left 110px, + top 230px left 218px, + bottom 34px right 58px, + top 209px right 210px; background-repeat: no-repeat, no-repeat, diff --git a/static/img/png/en.png b/static/img/png/en.png new file mode 100644 index 0000000..7050383 Binary files /dev/null and b/static/img/png/en.png differ diff --git a/static/img/png/ru.png b/static/img/png/ru.png index 40ff9a6..af9372f 100644 Binary files a/static/img/png/ru.png and b/static/img/png/ru.png differ diff --git a/static/js/global_js.js b/static/js/global_js.js index dcbfdcd..7675735 100644 --- a/static/js/global_js.js +++ b/static/js/global_js.js @@ -121,6 +121,51 @@ function socket_close(e){ console.log("closed") setTimeout(restart_ws,1000) } + +document.addEventListener('DOMContentLoaded', function() { + let img = document.getElementById('dropbtn_lang') + if (window.location.href.indexOf("ru") > -1){ + img.style.background = "url('/static/img/png/ru.png')" + img.style.backgroundRepeat = "no-repeat" + img.style.backgroundPosition = "left center" + + }else if(window.location.href.indexOf("en") > -1){ + img.style.background = "url('/static/img/png/en.png')" + img.style.backgroundRepeat = "no-repeat" + img.style.backgroundPosition = "left center" + } +}); + +window.addEventListener('scroll', () => { + let headerBG = document.getElementById('header_bg') + + headerBG.style.backgroundColor = 'rgb(248 248 248 / 90%)' + headerBG.style.padding = '20px 40px' + // headerBG.style.paddingBottom = 'padding: 10px 40px 10px 40px' + // headerBG.style.paddingRight = 'padding: 10px 40px 10px 40px' + // headerBG.style.paddingLeft = 'padding: 10px 40px 10px 40px' +}) + // Действия при изменении URL + + +// function changeImgLang(el) { +// +// let img = document.getElementById('dropbtn_lang') +// +// if (el.innerText === 'RU'){ +// img.style.background = "url('/static/img/png/ru.png') no-repeat left center;" +// } +// else if(el.innerText === 'EN'){ +// img.style.background = "url('/static/img/png/en.png')" +// img.style.backgroundRepeat = "no-repeat" +// img.style.backgroundPosition = "left center" +// +// } +// +// } + + + // var window_messages = document.querySelector(".container-messages") // function middleWareJS (){ diff --git a/templates/blocks/b_header.html b/templates/blocks/b_header.html index 8505075..d9c4b14 100644 --- a/templates/blocks/b_header.html +++ b/templates/blocks/b_header.html @@ -1,5 +1,6 @@ {% load i18n %} -
+{% load base_tags_extra %} +
- +
diff --git a/templates/tb_base.html b/templates/tb_base.html index 8472ec9..32d7b90 100644 --- a/templates/tb_base.html +++ b/templates/tb_base.html @@ -16,8 +16,6 @@ - - {% if user and not user.is_anonymous %}