diff --git a/static/aerbimCSS.css b/static/aerbimCSS.css index 7b0d07b..bde6520 100644 --- a/static/aerbimCSS.css +++ b/static/aerbimCSS.css @@ -1,6 +1,24 @@ + body,html{ margin: 0; background: #ffffff; + font-family: + -apple-system, + 'Raleway-Black' , + 'Raleway-BlackItalic', + 'Raleway-Bold' , + 'Raleway-BoldItalic' , + 'Raleway-ExtraBold' , + 'Raleway-ExtraBoldItalic' , + 'Raleway-ExtraLight' , + 'Raleway-ExtraLightItalic' , + 'Raleway-Medium' , + 'Raleway-MediumItalic' , + 'Raleway-SemiBold' , + 'Raleway-SemiBoldItalic' , + 'Raleway-Thin' , + 'Raleway-ThinItalic' , + 'sans-serif'; } .header{ @@ -17,6 +35,10 @@ body,html{ margin: auto; } +.content{ + width: 100%; + margin-top: 55px; +} /*header*/ @@ -41,6 +63,7 @@ body,html{ .standart_txt{ color: #ffffff; /*font-family: Spline Sans;*/ + font-family: -apple-system, 'Raleway-Regular', sans-serif; font-size: 16px; font-weight: 500; line-height: normal; @@ -75,4 +98,65 @@ body,html{ background: none; border: none; outline: none; +} + + + +/*sections*/ + +.container_sections_buttons{ + height: 55px; + background: #10212B; + position: sticky; + top: 60px; +} + +.container_content_sections_buttons{ + width: 100%; + display: flex; + height: 55px; +} + +.section_btn{ + display: block; + text-decoration: none; + transition: 300ms; +} +.section_btn.close{ + background: #10212B; + height: 55px; + transition: 300ms; +} +.section_btn.open{ + height: 45px; + background: #ffffff; + position: relative; + bottom: -10px; + border-radius: 5px 5px 0 0; + transition: 300ms; +} +.section_btn.open > .txt_section{ + color: #10212B; + padding: 15px 30px 15px 30px; + transition: 300ms; +} +.section_btn.close > .txt_section{ + color: #ffffff; + padding: 18px 30px 18px 30px; + transition: 300ms; +} + +.section_btn:hover > .txt_section{ + padding: 15px 30px 15px 30px; + transition: 300ms; +} + +.section_btn:hover { + height: 45px; + position: relative; + bottom: -10px; +} + +.txt_section{ + padding: 18px 30px 18px 30px; } \ No newline at end of file diff --git a/static/aerbimJS.js b/static/aerbimJS.js index 96918b2..dd47f38 100644 --- a/static/aerbimJS.js +++ b/static/aerbimJS.js @@ -24,7 +24,7 @@ function sendWidthAjax () { function renderContent () { let data = sendWidthAjax() - let section_button = document.querySelector(".section_button") + let section_button = document.querySelector(".section_btn") data['section_url'] = section_button.dataset['url'] $.ajax({ headers: { "X-CSRFToken": $('input[name=csrfmiddlewaretoken]').val() }, diff --git a/static/fonts/Raleway-Black.ttf b/static/fonts/Raleway-Black.ttf new file mode 100644 index 0000000..3d2bcc2 Binary files /dev/null and b/static/fonts/Raleway-Black.ttf differ diff --git a/static/fonts/Raleway-BlackItalic.ttf b/static/fonts/Raleway-BlackItalic.ttf new file mode 100644 index 0000000..76d31cd Binary files /dev/null and b/static/fonts/Raleway-BlackItalic.ttf differ diff --git a/static/fonts/Raleway-Bold.ttf b/static/fonts/Raleway-Bold.ttf new file mode 100644 index 0000000..16db3eb Binary files /dev/null and b/static/fonts/Raleway-Bold.ttf differ diff --git a/static/fonts/Raleway-BoldItalic.ttf b/static/fonts/Raleway-BoldItalic.ttf new file mode 100644 index 0000000..5a429a4 Binary files /dev/null and b/static/fonts/Raleway-BoldItalic.ttf differ diff --git a/static/fonts/Raleway-ExtraBold.ttf b/static/fonts/Raleway-ExtraBold.ttf new file mode 100644 index 0000000..42dd80b Binary files /dev/null and b/static/fonts/Raleway-ExtraBold.ttf differ diff --git a/static/fonts/Raleway-ExtraBoldItalic.ttf b/static/fonts/Raleway-ExtraBoldItalic.ttf new file mode 100644 index 0000000..c309333 Binary files /dev/null and b/static/fonts/Raleway-ExtraBoldItalic.ttf differ diff --git a/static/fonts/Raleway-ExtraLight.ttf b/static/fonts/Raleway-ExtraLight.ttf new file mode 100644 index 0000000..5b78f5e Binary files /dev/null and b/static/fonts/Raleway-ExtraLight.ttf differ diff --git a/static/fonts/Raleway-ExtraLightItalic.ttf b/static/fonts/Raleway-ExtraLightItalic.ttf new file mode 100644 index 0000000..95231ff Binary files /dev/null and b/static/fonts/Raleway-ExtraLightItalic.ttf differ diff --git a/static/fonts/Raleway-Italic.ttf b/static/fonts/Raleway-Italic.ttf new file mode 100644 index 0000000..fa7ca30 Binary files /dev/null and b/static/fonts/Raleway-Italic.ttf differ diff --git a/static/fonts/Raleway-Light.ttf b/static/fonts/Raleway-Light.ttf new file mode 100644 index 0000000..50c2d6f Binary files /dev/null and b/static/fonts/Raleway-Light.ttf differ diff --git a/static/fonts/Raleway-LightItalic.ttf b/static/fonts/Raleway-LightItalic.ttf new file mode 100644 index 0000000..2c6dae7 Binary files /dev/null and b/static/fonts/Raleway-LightItalic.ttf differ diff --git a/static/fonts/Raleway-Medium.ttf b/static/fonts/Raleway-Medium.ttf new file mode 100644 index 0000000..015d810 Binary files /dev/null and b/static/fonts/Raleway-Medium.ttf differ diff --git a/static/fonts/Raleway-MediumItalic.ttf b/static/fonts/Raleway-MediumItalic.ttf new file mode 100644 index 0000000..2b8b88c Binary files /dev/null and b/static/fonts/Raleway-MediumItalic.ttf differ diff --git a/static/fonts/Raleway-Regular.ttf b/static/fonts/Raleway-Regular.ttf new file mode 100644 index 0000000..9a70667 Binary files /dev/null and b/static/fonts/Raleway-Regular.ttf differ diff --git a/static/fonts/Raleway-SemiBold.ttf b/static/fonts/Raleway-SemiBold.ttf new file mode 100644 index 0000000..85d41ed Binary files /dev/null and b/static/fonts/Raleway-SemiBold.ttf differ diff --git a/static/fonts/Raleway-SemiBoldItalic.ttf b/static/fonts/Raleway-SemiBoldItalic.ttf new file mode 100644 index 0000000..da1dcc2 Binary files /dev/null and b/static/fonts/Raleway-SemiBoldItalic.ttf differ diff --git a/static/fonts/Raleway-Thin.ttf b/static/fonts/Raleway-Thin.ttf new file mode 100644 index 0000000..9a8cc73 Binary files /dev/null and b/static/fonts/Raleway-Thin.ttf differ diff --git a/static/fonts/Raleway-ThinItalic.ttf b/static/fonts/Raleway-ThinItalic.ttf new file mode 100644 index 0000000..49deb0b Binary files /dev/null and b/static/fonts/Raleway-ThinItalic.ttf differ diff --git a/static/fonts/fonts.css b/static/fonts/fonts.css new file mode 100644 index 0000000..85237dc --- /dev/null +++ b/static/fonts/fonts.css @@ -0,0 +1,57 @@ +@font-face { + font-family: "Raleway-Black"; + src: url("/static/fonts/Raleway-Black.ttf"); +} +@font-face { + font-family: "Raleway-BlackItalic"; + src: url("/static/fonts/Raleway-BlackItalic.ttf"); +} +@font-face { + font-family: "Raleway-Bold"; + src: url("/static/fonts/Raleway-Bold.ttf"); +} +@font-face { + font-family: "Raleway-BoldItalic"; + src: url("/static/fonts/Raleway-BoldItalic.ttf"); +} +@font-face { + font-family: "Raleway-ExtraBold"; + src: url("/static/fonts/Raleway-ExtraBold.ttf"); +} +@font-face { + font-family: "Raleway-ExtraBoldItalic"; + src: url("/static/fonts/Raleway-ExtraBoldItalic.ttf"); +} +@font-face { + font-family: "Raleway-ExtraLight"; + src: url("/static/fonts/Raleway-ExtraLight.ttf"); +} +@font-face { + font-family: "Raleway-ExtraLightItalic"; + src: url("/static/fonts/Raleway-ExtraLightItalic.ttf"); +} +@font-face { + font-family: "Raleway-Medium"; + src: url("/static/fonts/Raleway-Medium.ttf"); +} +@font-face { + font-family: "Raleway-MediumItalic"; + src: url("/static/fonts/Raleway-MediumItalic.ttf"); +} +@font-face { + font-family: "Raleway-SemiBold"; + src: url("/static/fonts/Raleway-SemiBold.ttf"); +} +@font-face { + font-family: "Raleway-SemiBoldItalic"; + src: url("/static/fonts/Raleway-SemiBoldItalic.ttf"); +} +@font-face { + font-family: "Raleway-Thin"; + src: url("/static/fonts/Raleway-Thin.ttf"); +} +@font-face { + font-family: "Raleway-ThinItalic"; + src: url("/static/fonts/Raleway-ThinItalic.ttf"); +} + diff --git a/templates/head_includes/fonts_include.html b/templates/head_includes/fonts_include.html new file mode 100644 index 0000000..0326098 --- /dev/null +++ b/templates/head_includes/fonts_include.html @@ -0,0 +1,19 @@ +{% load static %} + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/templates/pages/p_main.html b/templates/pages/p_main.html index 28c2a8e..889a58e 100644 --- a/templates/pages/p_main.html +++ b/templates/pages/p_main.html @@ -1 +1,14 @@ -{% extends 'tb_base.html' %} \ No newline at end of file +{% extends 'tb_base.html' %} +{% block CONTENT %} + +
+
+ {% for section in sections %} + +
{{ section.name }}
+ + {% endfor %} +
+
+ +{% endblock %} \ No newline at end of file diff --git a/templates/tb_base.html b/templates/tb_base.html index b0414bb..b8e2ce1 100644 --- a/templates/tb_base.html +++ b/templates/tb_base.html @@ -5,13 +5,16 @@ AerBim + {% include 'head_includes/fonts_include.html' %} + + {% include "blocks/static/header.html" %} -
+
{% block CONTENT %} {% endblock %}